Tạo Widget recent comments với ảnh Avatar

Chào các bạn! Nếu như đây không phải là lần đầu tiên bạn ghé thăm blog của mình thì bạn có thể thấy mình vừa thiết kế lại giao diện cho nó. Đây là lần thay đổi giao diện đầu tiên kể từ khi blog được thành lập từ tháng 3 năm nay. Ở theme trước mình đã lấy ý tưởng từ theme MD2 và mình đã tương đối thành công vì đã có nhiều bạn lầm tưởng nó là MD2 nếu như mình không có chú thích bên dưới là mình sử dụng Genesis. Và ở lần thay đổi này cũng vậy, mình vẫn dựa trên nền tảng Genesis nhưng lần này mình không theo khuôn mẫu nào cả. Có thể giao diện lần này không bắt mắt bằng lần trước nhưng thôi thì cứ đổi mới cho nó bớt nhàm chán vậy .

recent commentVòng vo vậy chắc đủ rồi, giờ mình vào nội dung chính. Trong quá trình thiết kế giao diện lần này, mình đã cố gắng tích hợp vào một widget hiễn thị nhưng bình luận mới kèm với hình ảnh avatar. Tất nhiên bạn có thể làm điều này một cách đơn giản bằng cách sử dụng các plugins. Nhưng vì mình đã sử dụng quá nhiều plugin nên không muốn cài thêm nữa.

Xem thêm: Chỉnh sửa widget recent comments trong WordPress

Trước tiên bạn cần đăng ký một widget. Ở đây mình đặt tên cho widget là Recent comments with avatar, ta sử dụng đoạn code sau:

Bây giờ bạn vào Appearance >> Widgets sẽ thấy xuất hiện widgets có tên là Recent comments with avatar, bạn có thể kéo nó qua sidebar để sử dụng. Bạn có thể sử dụng đoạn code trên để tạo ra các widget khác, chỉ cần thay tên hàm recent_comment_avatar thành một tên khác.

Giờ ta sẽ bổ sung nội dung cho widget mới đăng ký bằng cách sử dụng đoạn code sau chèn vào vị trí NỘI DUNG WIDGET trong đoạn code trên:

Trong đoạn code trên thì số comments hiễn thị là 5, độ dài comments hiễn thị là 80 ký tự, kích thước avatar là 60px. Bạn có thể thay đổi các số này nếu muốn.

Ngoài ra nếu bạn không muốn hiễn thị trích dẫn comment mà muốn hiễn thị tiêu đề bài viết thì bạn có thể sử dụng đoạn code sau thay cho đoạn code ở trên:

Cuối cùng là bổ sung vào một số lớp css để widget hiễn thị đẹp hơn:

Vậy là bạn đã tạo đươc một widget hoàn chỉnh và có thể sử dụng.

Nếu bạn nào ngại sử dụng code thì có thể tìm một số plugins có thể giúp bạn tạo ra widget recent comments với ảnh avatar rất đơn giản như WP Recent Comments With AvatarsRecent Comments with Avatars và còn nhiều plugins khác nữa. Chúc bạn thành công!

Chia sẻ nếu bạn thích bài viết này nhé!

Comments

  1. Đạt Phạm says:

    Thanks anh! {c27}

  2. Lê Hùng says:

    Lâu mới quay lại blog của bác rayno. Cho em nói thật một câu hơi phũ. Nhưng mà cái giao diện trước kia đẹp hơn nhiều à {c26} {c26} {c26}

    • Đạt Phạm says:

      Ý kiến của bạn hoàn toàn giống mình !

    • {c27} Cảm ơn nhận xét chân thành của hai bác. Mắt thẩm mĩ e kém lắm, lại nghèo ý tưởng nữa, chắc phải tìm trang của bác nào đẹp đẹp đễ bắt chước thôi {c20}

  3. Đạt Phạm says:

    Ờ cho em hỏi Raynoblog nghĩa là gì vậy bác ? {c15}

  4. tai game java says:

    Giao diện này do màu xanh “đậm quá”. Theo mình nếu yêu thích màu xanh bạn nên cho nhạt hơn chút. nhìn màu này lâu hơi chói mắt {c27}

  5. Đạt Phạm says:

    mÌNH CÓ NHÌN NHẦM KO VẬY ? {c14} HÌNH NHƯ CÁI MÀU XANH NÀY BẢO MỚI LÀM NÓ NHẠT ĐI PHẢI KO ? {c15} THẤY HÔM NAY TỰ DƯNG SÁNG VÀ ĐẸP SAO SAO ẤY ! {c1}

  6. Đạt Phạm says:

    Cái này thì OK rồi ! {c20}

  7. Đạt Phạm says:

    Tính viết bài cho bác mà bận thiết kế cái blog nên ko bik khi nào thì dc ! {c4}

  8. nguyen van toan says:

    hay qua

  9. Cái này hay nhưng load vậy có làm website chậm lại không bác nhỉ ??? {c5}

  10. Em nghĩ là không đến nỗi nặng đâu bác

  11. Rất hữu ích thanks anh nhiều

Gửi bình luận

Lưu ý: Không sử dụng keyword để thay cho tên của bạn, hãy sử dụng tên thật. Cảm ơn bạn đã tham gia bình luận trên blog!

Đăng ký nhận tin khuyến mãi

Không bỏ lở những khuyến mãi Hosting - Domain - WordPress Themes - WordPress Plugins hấp dẫn nhất!

 

Bạn đã đăng ký thành công!