• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Hiển thị bài viết mới nhất (kèm ảnh thumbnail) trên sidebar
hosting-tot-nhat-danh-cho-wordpress

Hiển thị bài viết mới nhất (kèm ảnh thumbnail) trên sidebar

Cập nhật: 17/07/2015 Trung Hiếu 35 Bình luận

Hiển thị bài viết mới nhất (kèm ảnh thumbnail) trên sidebar.

recent-posts-widget-extended-banner

Nói chung, người đọc có thể tìm thấy bài viết mới nhất của bạn trên trang chủ. Tuy nhiên, các công cụ tìm kiếm có thể hướng khách truy cập đến bất kỳ bài viết nào trên blog/website của bạn và họ không thể nhìn thấy bài viết mới nhất ngay lập tức được.

Vì vậy, sẽ dễ dàng hơn để họ tìm thấy các bài viết mớt nhất (hay bài viết gần đây), nếu bạn thêm một widget vào sidebar blog/website của bạn. Widget này có thể giúp bạn giữ khách truy cập ở lại lâu hơn và góp phần làm giảm bounce rate. Bạn có thể thấy nó trên blog của tôi, ngay trên sidebar, kèm theo ảnh thumbnail (hình thu nhỏ).

Có hàng trăm widgets có thể giúp bạn làm điều này. Nhưng không phải tất cả trong số chúng đều tốt và hữu ích. Nếu bạn muốn mọi người nhìn thấy widget và đọc các bài viết, bạn phải làm cho nó trông hấp dẫn và trở thành trung tâm của sự chú ý. Bạn cũng có thể tạo một sticky widget.

Đặt widget bài viết gần đây với hình thu nhỏ là một ý tưởng tốt để thu hút sự chú ý của khách truy cập. Trong bài viết này, tôi sẽ hướng dẫn cho các bạn chi tiết cách làm điều đó. Nào, hãy cùng tìm hiểu. :)

Lưu ý: hiện tại, rất nhiều WordPress themes đã hỗ trợ tính năng tạo widget bài viết mới nhất với hình thu nhỏ. Nếu theme mà bạn đang sử dụng có tính năng này, hãy tận dụng nó trước khi nghĩ đến việc sử dụng plugin. 

Làm thế nào để hiển thị các bài viết gần đây với hình thu nhỏ?

WordPress plugins mang lại cho bạn sức mạnh để thực hiện hầu như tất cả mọi thứ với blog. Vì vậy, tôi sẽ sử dụng một plugin để làm nhiệm vụ này trở nên dễ dàng hơn bao giờ hết.

Plugin này được gọi là Recent Posts Widget Extended. Download và cài đặt plugin. Sau khi hoàn tất, hãy truy cập Appearance => Widgets.

Bạn sẽ thấy một widget có tên là “» Recent Posts Widget Extended“. Hãy kéo và thả nó vào phần sidebar widgets. Như vậy, bạn đã thêm xong widget. Bây giờ là bước cấu hình.

recent-posts-widget-extended

Plugin này có cấu hình vô cùng đơn giản. Các bạn có thể chọn các thông số sao cho phù hợp với nhu cầu sử dụng (chẳng hạn như số bài viết hiển thị trên widget, kích thước ảnh thu nhỏ, hiển thị bài viết theo chuyên mục, theo tag, theo loại bài viết…). Ngoài ra, các bạn cũng có thể tùy biến giao diện của widget bằng cách chỉnh sửa mục CSS. Sau khi hoàn tất công việc, nhớ bấm nút Save để lưu các thiết lập.

Thật đơn giản phải không nào? Bây giờ, hãy truy cập vào blog/websiet của bạn và xem kết quả nhé. Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)

Đang tải đánh giá...
  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Khắc phục lỗi temp-write-test trong WordPress
Khắc phục lỗi temp-write-test trong WordPress
Hiển thị đánh giá 5 sao trên Google một cách đơn giản
Hiển thị đánh giá 5 sao trên Google một cách đơn giản
Tích hợp mã QR ngân hàng cho WooCommerce
Tích hợp mã QR ngân hàng cho WooCommerce

Chuyên mục: Thủ thuật WordPress

wpcanban-com-facebook-group

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Làm thế nào để phân trang bình luận trong WordPress?
Bài viết sau Chèn quảng cáo Google Adsense vào menu trong WordPress »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. KeniVinh 166 bình luậnviết

    01/04/2018 lúc 23:22

    Mấy bài viết ngoài trang chủ của website mình có ảnh thumbnail nhưng bị cắt mất một phần, nhìn mờ và xấu, bác biết cách nào tắt tính năng cắt ảnh không nhỉ, chứ blog canhme không bị cắt mất, tuy nhìn lộn xộn một chút nhưng anh nào cũng đẹp.

    Bình luận
    • Trung Hiếu Quản lýviết

      01/04/2018 lúc 23:41

      Tại sao không nghĩ đến việc tạo sẵn ảnh thumbnail theo 1 kích thước nhất định nhỉ? Ví dụ ảnh thumbnail trên blog của mình luôn được tạo ở dạng hình vuông trước khi upload. Làm như thế thì nó sẽ không bị crop.

      Bình luận
    • Minh Khánh 115 bình luậnviết

      02/04/2018 lúc 07:46

      Sử dụng ảnh tự chinh trước thôi bác

      Bình luận
  2. ndminh1003 2 bình luậnviết

    26/07/2017 lúc 13:42

    link ảnh thumb không hiện ảnh phải làm sao admin

    Bình luận
  3. Đặng Trường Sinh 1 bình luậnviết

    06/12/2016 lúc 20:53

    tks for share, mình hỏi thêm, mình tạo thêm 1 cái widget khác và chọn category khác nhưng khi hiện ra 2 cái đều giống nhau. Không biết cái này chỉ dùng được 1 widget thôi hả bạn, mình muốn nó show thêm vài category khác nữa mà nó cứ hiện ra đều giống nhau cho tất cả widget tạo ra. tks…

    Bình luận
    • ndminh1003 2 bình luậnviết

      26/07/2017 lúc 13:41

      Làm sao để hiển thị được ảnh thumb vậy. ảnh thumb tự động theo bài viết đó. cảm ơn

      Bình luận
  4. Ngọc Duy 213 bình luậnviết

    28/01/2016 lúc 12:36

    Mình đã cài plugin vào site: thichcoupon.com của mình sao chưa được bạn nhỉ. nhờ bạn tư vấn giúp.

    Bình luận
    • Trung Hiếu Quản lýviết

      28/01/2016 lúc 12:38

      Bạn đã chèn widget của nó lên sidebar chưa? :P

      Bình luận
  5. Quân Lê 2 bình luậnviết

    08/07/2015 lúc 22:01

    a cho e hỏi là khi tạo xong thì nó hiển thị tên bài viết với font chữ nhỏ thì phải làm sao để kích cỡ font chữ to như bình thường đc a

    Bình luận
    • Trung Hiếu Quản lýviết

      08/07/2015 lúc 22:25

      Trong widget có mục CSS đó bạn. Bạn thêm code phù hợp vào là tùy chỉnh được mà. :P

      Bình luận
      • Quân Lê 2 bình luậnviết

        08/07/2015 lúc 22:30

        e k rành lắm về css nên a có thể chỉ rõ cho e sửa ở phần nào được k?

        Bình luận
        • Trung Hiếu Quản lýviết

          08/07/2015 lúc 22:35

          Mình đâu biết theme của bạn sử dụng font chữ bao nhiêu mà chỉ? Cái này bạn phải tự tìm hiểu thôi. Sử dụng cú pháp font-size: 14px; chẳng hạn. :P

          Bình luận
  6. Tiến Nguyễn 6 bình luậnviết

    13/06/2015 lúc 15:54

    Thanks bạn nhìu. Phiền bạn quá, trong khi hỏi bạn thì mình đã tìm được cái plugin giải quyết vấn đề đó rồi. Đó là plugin StripTease, chỉ cần cài vô, ko cài đặt gì thêm nữa cả, nó tự động cắt mất cái đuôi #more ngay, để lại đúng đường link tới bài viết luôn.

    Bình luận
  7. Tiến Nguyễn 6 bình luậnviết

    11/06/2015 lúc 20:16

    Mình sử dụng widget này hiển thị trên sidebar ok, nhưng ko biết có phải do mặc định theme ko mà nó 1 post thôi nhưng tự nhiên ko fix cái box mà bị kéo dài sọc là ntn? Bạn vui lòng giúp đỡ mình chỉnh nhé.
    Thanks.

    Bình luận
    • Trung Hiếu Quản lýviết

      11/06/2015 lúc 20:30

      Bạn phải đính kèm link thì mình mới xem và giúp đỡ được chứ. :P

      Bình luận
      • Tiến Nguyễn 6 bình luậnviết

        12/06/2015 lúc 09:07

        Vì web mình đang xây dựng nên chưa publish, mình có thể gửi ảnh chụp màn hình ko?

        Bình luận
        • Trung Hiếu Quản lýviết

          12/06/2015 lúc 09:37

          Khó lắm bạn ạ. Mình cần phải view sources để biết lỗi phát sinh từ đâu. :P

          Bình luận
          • Tiến Nguyễn 6 bình luậnviết

            13/06/2015 lúc 11:27

            Ok, thanks bạn nhìu. Mình đã dùng cách khác đơn giản hơn mà vẫn đạt hiệu quả như mong muốn, ko phải sử dụng plugin, đó là xài widget text cho ít code hình ảnh, text và link dẫn đến bài viết vào thế là xong. Nhưng có vấn đề này muốn hỏi thêm bạn, web mình sau khi thêm read more cho bài viết thì khi bấm vào read more nó ra cái link này , mình chỉ muốn nó là link thôi, nếu thay đổi code link read more thì vào đâu và làm thế nào, hay có thể dùng plugin nào để viết lại đường dẫn hay không? Cám ơn bạn !

        • Trung Hiếu Quản lýviết

          13/06/2015 lúc 11:40

          Cái này là do chức năng theme của bạn. Bạn không cho mình biết bạn đang sử dụng theme gì cũng như không public link web, vậy thì mình giúp kiểu gì? =.=!

          Bình luận
  8. PHẠM VĂN AN 1 bình luậnviết

    26/04/2015 lúc 22:37

    Cám ơn bác rất nhiều. em đã áp dụng trên website http://toyotamydinh.org/ rất thành công!

    Bình luận
  9. cung khai truong 3 bình luậnviết

    11/02/2015 lúc 15:16

    em vãn chưa làm được, bác nào hướng dẫn em với

    Bình luận
    • Trung Hiếu Quản lýviết

      11/02/2015 lúc 23:00

      Theme Sahifa có sẵn tính năng này rồi mà bạn. Bạn vào phần widget rồi chèn là được. :P

      Bình luận
  10. Cường 466 bình luậnviết

    29/08/2014 lúc 18:01

    Thank for share

    Bình luận
    • Trung Hieu Quản lýviết

      29/08/2014 lúc 18:08

      Theme của thím có sẵn widget này rồi còn gì. :D Không liên quan nhưng thím vào Google Pagespeed test thử tốc độ blog của tôi đi nhé. 94/100 điểm luôn. Hehe. Thím cứ chê ỏng chê eo cái VPS của tôi. Giờ thì vào xem đi. Không thèm xài cache plugin như thím nhé. :P

      Bình luận
      • Kim Ngọc 88 bình luậnviết

        29/08/2014 lúc 22:49

        Các bác cứ đo tốc độ hahhaha, blog tôi siêu chậm kìa có ai tư vấn gì không :v

        Bình luận
        • Trung Hieu Quản lýviết

          29/08/2014 lúc 22:50

          Cái VPS của thím tù vãi chầy. Vote mua VPS mới. :D :P

          Bình luận
          • Kim Ngọc 88 bình luậnviết

            29/08/2014 lúc 22:56

            Hhahaha ông biết nó chạy gì trên đó mà chê, VPS thuê cái khác chắc không thể chạy được như nó đâu ông bạn :) Hehheehe dạo này làm PR vHost thế nào rồi ! khá chưa ?

        • Trung Hieu Quản lýviết

          29/08/2014 lúc 23:10

          Ông cho chạy site vnexpress.net trên đó hả? :D Lag dã man. Đăng cái comment mà nửa ngày nó mới ghi xong. :P

          Bình luận
          • Kim Ngọc 88 bình luậnviết

            30/08/2014 lúc 10:08

            Oh, nhà nghèo con cái đông haizzz, công việc vẫn là chính blog để trưng thôi :(

        • Trung Hieu Quản lýviết

          30/08/2014 lúc 10:28

          Vứt bớt khách hàng qua chỗ tôi đi. :D Ý tôi là vấn đề host ấy. :P

          Bình luận
          • Kim Ngọc 88 bình luậnviết

            30/08/2014 lúc 10:36

            Tôi nghe ông Hiển phàn nàn về xyzHost rồi :( Hắn ta bảo “cả tối reviews, cài đặt thử, viết hẳn bài reviews rồi nhưng thất vọng không dám đăng bài” hahhahaaha

          • Trung Hieu Quản lýviết

            30/08/2014 lúc 10:53

            Voãi. Thật hay đùa đấy? :P Nếu chất lượng chưa tốt thì cứ thẳng thắn mà góp ý thôi. Sao phải ngại. :D

1 2 »

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Khắc phục lỗi temp-write-test trong WordPress 06/08/2025
  • Ra mắt plugin WPCB Secure Shield độc quyền tại WP Căn bản 25/07/2025
  • Hiển thị đánh giá 5 sao trên Google một cách đơn giản 12/07/2025
  • Tích hợp mã QR ngân hàng cho WooCommerce 09/07/2025

Bình luận mới nhất

  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 8.4 cho website WordPress
  • Lê Anh Tuấn trong Hướng dẫn nâng cấp PHP 8.4 cho website WordPress
  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 8.4 cho website WordPress
  • David Do trong Hướng dẫn nâng cấp PHP 8.4 cho website WordPress

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.011 Bài viết - 35.573 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting