Cách hiển thị post excerpts trong theme WordPress

Giới thiệu về Post Excerpts trong WordPress

Post excerpt, hay còn gọi là đoạn trích dẫn bài viết, là một phần tóm tắt ngắn gọn của nội dung bài viết, thường được sử dụng để hiển thị trên trang chủ, trang lưu trữ (archive page), trang category, hoặc các vị trí khác trên website WordPress. Thay vì hiển thị toàn bộ nội dung bài viết, excerpt giúp thu hút người đọc bằng một đoạn giới thiệu hấp dẫn, khuyến khích họ nhấp vào để đọc toàn bài.

Sử dụng post excerpt mang lại nhiều lợi ích cho trang web của bạn:

• Cải thiện trải nghiệm người dùng: Giúp người đọc nhanh chóng nắm bắt được nội dung chính của bài viết trước khi quyết định đọc toàn bộ.
• Tăng tốc độ tải trang: Chỉ tải một phần nội dung bài viết, giúp trang web tải nhanh hơn, đặc biệt trên các trang có nhiều bài viết.
• Cải thiện SEO: Cung cấp cho các công cụ tìm kiếm một đoạn tóm tắt về nội dung bài viết, giúp cải thiện thứ hạng tìm kiếm.
• Kiểm soát hiển thị nội dung: Giúp bạn kiểm soát nội dung nào được hiển thị trên các trang khác nhau, tránh việc hiển thị quá nhiều nội dung trùng lặp.

Các phương pháp hiển thị Post Excerpts trong WordPress

Có nhiều cách để hiển thị post excerpts trong theme WordPress, tùy thuộc vào mức độ tùy chỉnh bạn muốn thực hiện và kiến thức về lập trình bạn có.

1. Sử dụng WordPress Editor (Trình chỉnh sửa WordPress)

Cách đơn giản nhất để tạo post excerpt là sử dụng trường “Excerpt” trong trình chỉnh sửa WordPress. Khi bạn tạo hoặc chỉnh sửa một bài viết, hãy tìm đến hộp “Excerpt” ở phía dưới trình chỉnh sửa. Nếu bạn không thấy hộp này, hãy nhấp vào “Screen Options” ở góc trên bên phải của màn hình và đảm bảo hộp “Excerpt” được đánh dấu.

Trong hộp “Excerpt”, bạn có thể nhập một đoạn văn ngắn gọn, tóm tắt nội dung chính của bài viết. Nếu bạn để trống trường này, WordPress sẽ tự động tạo một excerpt bằng cách lấy một vài dòng đầu tiên của bài viết. Tuy nhiên, việc tự tạo excerpt giúp bạn kiểm soát tốt hơn nội dung hiển thị và làm cho nó hấp dẫn hơn.

Sau khi bạn đã tạo excerpt, nó sẽ tự động được hiển thị trên các trang web nơi theme của bạn hỗ trợ hiển thị excerpt.

2. Sử dụng thẻ Template trong WordPress

Nếu bạn muốn tùy chỉnh cách excerpt được hiển thị hoặc muốn hiển thị excerpt trên một vị trí cụ thể trong theme của bạn, bạn có thể sử dụng các thẻ template WordPress.

Các thẻ template phổ biến nhất để hiển thị excerpt bao gồm:

• the_excerpt(): Hiển thị excerpt của bài viết hiện tại.
• get_the_excerpt(): Trả về excerpt của bài viết hiện tại dưới dạng một chuỗi. Bạn có thể sử dụng chuỗi này để xử lý thêm trước khi hiển thị.

Để sử dụng các thẻ này, bạn cần chỉnh sửa các file template của theme WordPress của bạn. Các file template phổ biến mà bạn có thể cần chỉnh sửa bao gồm:

• index.php: Trang chủ của website.
• archive.php: Trang lưu trữ (archive page), hiển thị danh sách các bài viết theo category, tag, hoặc ngày tháng.
• category.php: Trang category, hiển thị danh sách các bài viết thuộc về một category cụ thể.
• tag.php: Trang tag, hiển thị danh sách các bài viết được gắn một tag cụ thể.

Ví dụ, để hiển thị excerpt trên trang chủ, bạn có thể mở file index.php và thêm đoạn code sau vào vòng lặp (loop) hiển thị bài viết:

<div class="excerpt">
    <?php the_excerpt(); ?>
  </div>

Bạn có thể tùy chỉnh class “excerpt” để áp dụng các kiểu dáng CSS khác nhau cho excerpt.

3. Sử dụng hàm wp_trim_words() để tạo excerpt tùy chỉnh

Nếu bạn muốn tạo excerpt tùy chỉnh từ nội dung bài viết, bạn có thể sử dụng hàm wp_trim_words(). Hàm này cho phép bạn cắt ngắn nội dung bài viết thành một số lượng từ nhất định.

Ví dụ, để tạo một excerpt với 50 từ từ nội dung bài viết, bạn có thể sử dụng đoạn code sau:

<div class="excerpt">
    <?php
      $content = get_the_content();
      $trimmed_content = wp_trim_words( $content, 50, '...' );
      echo $trimmed_content;
    ?>
  </div>

Trong đoạn code này:

• get_the_content() lấy nội dung của bài viết hiện tại.
• wp_trim_words( $content, 50, '...' ) cắt ngắn nội dung thành 50 từ và thêm dấu “…” vào cuối.
• echo $trimmed_content hiển thị excerpt đã được cắt ngắn.

Bạn có thể điều chỉnh số lượng từ (50) và dấu kết thúc (‘…’) theo ý muốn.

Tùy chỉnh hiển thị Post Excerpts

Ngoài việc hiển thị excerpt, bạn cũng có thể tùy chỉnh cách excerpt được hiển thị để phù hợp với thiết kế của theme của bạn.

1. Thêm nút “Đọc thêm”

Để khuyến khích người đọc nhấp vào để đọc toàn bài viết, bạn có thể thêm một nút “Đọc thêm” vào cuối excerpt. Để làm điều này, bạn có thể chỉnh sửa file functions.php của theme của bạn và thêm đoạn code sau:

function modify_read_more_link() {
    return '<a class="read-more" href="' . get_permalink() . '">Đọc thêm</a>';
  }
  add_filter( 'the_content_more_link', 'modify_read_more_link' );

Đoạn code này sẽ thay đổi liên kết “Đọc tiếp” mặc định của WordPress thành một liên kết với class “read-more” và văn bản “Đọc thêm”. Bạn có thể tùy chỉnh class “read-more” để áp dụng các kiểu dáng CSS khác nhau cho nút “Đọc thêm”.

2. Loại bỏ thẻ HTML khỏi Excerpt

Đôi khi, excerpt có thể chứa các thẻ HTML, chẳng hạn như thẻ <p> hoặc <a>, làm cho nó trông không đẹp mắt. Để loại bỏ các thẻ HTML khỏi excerpt, bạn có thể sử dụng hàm strip_tags().

Ví dụ, để loại bỏ các thẻ HTML khỏi excerpt khi sử dụng hàm wp_trim_words(), bạn có thể sử dụng đoạn code sau:

<div class="excerpt">
    <?php
      $content = get_the_content();
      $trimmed_content = wp_trim_words( $content, 50, '...' );
      $stripped_content = strip_tags( $trimmed_content );
      echo $stripped_content;
    ?>
  </div>

Trong đoạn code này, strip_tags( $trimmed_content ) loại bỏ tất cả các thẻ HTML khỏi excerpt trước khi hiển thị.

3. Sử dụng Plugin để quản lý Excerpts

Nếu bạn không muốn chỉnh sửa code trực tiếp, bạn có thể sử dụng các plugin WordPress để quản lý excerpts. Các plugin này cung cấp giao diện trực quan để tạo và tùy chỉnh excerpts, cũng như thêm các tính năng bổ sung, chẳng hạn như hỗ trợ shortcode và tùy chọn hiển thị nâng cao.

Một số plugin phổ biến để quản lý excerpts bao gồm:

• Advanced Excerpt
• Excerpt Editor
• Custom Excerpt Length

Kết luận

Hiển thị post excerpts là một cách hiệu quả để cải thiện trải nghiệm người dùng và tối ưu hóa SEO cho trang web WordPress của bạn. Bằng cách sử dụng các phương pháp và kỹ thuật được trình bày trong bài viết này, bạn có thể dễ dàng tạo và tùy chỉnh excerpts để phù hợp với thiết kế và mục tiêu của trang web của bạn.