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

1 tuần ago, WordPress Themes, 5 Views
Cách hiển thị post excerpts trong theme WordPress

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

Khi xây dựng một trang web WordPress, việc hiển thị một đoạn trích (excerpt) ngắn gọn của bài viết là một cách hiệu quả để thu hút độc giả và giúp họ dễ dàng lựa chọn bài viết mà họ muốn đọc. Post excerpt là một bản tóm tắt ngắn gọn của nội dung bài viết, thường được hiển thị trên trang chủ, trang lưu trữ (archive), hoặc trang danh mục (category). Việc sử dụng excerpts không chỉ giúp trang web của bạn trông gọn gàng hơn mà còn cải thiện trải nghiệm người dùng.

Trong bài viết này, chúng ta sẽ khám phá các cách khác nhau để hiển thị post excerpts trong theme WordPress của bạn. Chúng ta sẽ đi qua các phương pháp từ đơn giản đến nâng cao, bao gồm việc sử dụng hàm WordPress mặc định, chỉnh sửa trực tiếp template, và sử dụng các plugin.

Tại sao nên sử dụng Post Excerpts?

Việc sử dụng post excerpts mang lại nhiều lợi ích quan trọng cho trang web WordPress của bạn:

  • Tăng tốc độ tải trang: Thay vì hiển thị toàn bộ nội dung bài viết trên trang chủ hoặc trang lưu trữ, bạn chỉ hiển thị một đoạn trích ngắn gọn. Điều này giúp giảm dung lượng trang và cải thiện tốc độ tải trang, mang lại trải nghiệm người dùng tốt hơn.
  • Cải thiện khả năng điều hướng: Excerpts giúp người dùng nhanh chóng nắm bắt được nội dung chính của bài viết và quyết định xem có nên nhấp vào để đọc toàn bộ hay không. Điều này giúp họ dễ dàng điều hướng và tìm kiếm thông tin trên trang web của bạn.
  • Thiết kế trang web gọn gàng hơn: Việc sử dụng excerpts giúp trang web của bạn trông gọn gàng và chuyên nghiệp hơn. Nó giúp tránh tình trạng trang chủ hoặc trang lưu trữ trở nên quá dài và khó đọc.
  • Tối ưu hóa SEO: Excerpts có thể được sử dụng để tối ưu hóa SEO bằng cách chứa các từ khóa quan trọng liên quan đến nội dung bài viết.

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

Có nhiều cách khác nhau để hiển thị post excerpts trong WordPress. Dưới đây là một số phương pháp phổ biến nhất:

Sử dụng hàm the_excerpt() trong Template

Hàm the_excerpt() là hàm WordPress mặc định được sử dụng để hiển thị excerpt của một bài viết. Đây là phương pháp đơn giản nhất và thường được sử dụng trong các theme WordPress.

Để sử dụng hàm này, bạn cần chỉnh sửa các file template trong theme của bạn. Ví dụ, bạn có thể chỉnh sửa file index.php, archive.php, hoặc category.php để hiển thị excerpt trên trang chủ, trang lưu trữ, hoặc trang danh mục.

Dưới đây là một ví dụ về cách sử dụng hàm the_excerpt() trong một vòng lặp WordPress:


<?php
if ( have_posts() ) :
  while ( have_posts() ) : the_post();
    ?>
    <article>
      <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
      <?php the_excerpt(); ?>
      <a href="<?php the_permalink(); ?>">Đọc thêm</a>
    </article>
    <?php
  endwhile;
endif;
?>

Đoạn code trên sẽ hiển thị tiêu đề bài viết (có liên kết đến bài viết) và sau đó là excerpt của bài viết. Cuối cùng, một liên kết “Đọc thêm” sẽ được hiển thị để người dùng có thể nhấp vào để đọc toàn bộ bài viết.

Lưu ý: Nếu một bài viết không có excerpt được tạo thủ công, hàm the_excerpt() sẽ tự động tạo một excerpt bằng cách lấy một đoạn văn bản đầu tiên từ nội dung bài viết.

Sử dụng Shortcode [excerpt]

WordPress cung cấp một shortcode mặc định là [excerpt], tuy nhiên nó không hoạt động theo mặc định trong các template. Bạn cần thêm code vào file functions.php của theme để kích hoạt nó.

Thêm đoạn code sau vào file functions.php:


<?php
add_filter( 'the_content', 'do_shortcode' );
?>

Sau khi thêm code trên, bạn có thể sử dụng shortcode [excerpt] trong nội dung bài viết để hiển thị excerpt. Tuy nhiên, đây không phải là cách phổ biến để hiển thị excerpt trong template.

Sử dụng Custom Excerpt Length

Mặc định, WordPress giới hạn độ dài của excerpt. Nếu bạn muốn tùy chỉnh độ dài của excerpt, bạn có thể sử dụng một đoạn code trong file functions.php của theme.

Ví dụ, để giới hạn độ dài của excerpt là 50 từ, bạn có thể thêm đoạn code sau vào file functions.php:


<?php
function custom_excerpt_length( $length ) {
  return 50;
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
?>

Bạn có thể thay đổi số 50 trong đoạn code trên để điều chỉnh độ dài của excerpt theo ý muốn.

Để thay đổi dấu “…” mặc định ở cuối excerpt, bạn có thể sử dụng đoạn code sau:


<?php
function custom_excerpt_more( $more ) {
  return '... <a class="read-more" href="' . get_permalink( get_the_ID() ) . '">Đọc thêm</a>';
}
add_filter( 'excerpt_more', 'custom_excerpt_more' );
?>

Đoạn code trên sẽ thay đổi dấu “…” thành “… Đọc thêm” với một liên kết đến bài viết.

Sử dụng Plugin WordPress

Nếu bạn không muốn chỉnh sửa trực tiếp các file template hoặc functions.php, bạn có thể sử dụng các plugin WordPress để quản lý excerpts. Có rất nhiều plugin miễn phí và trả phí có sẵn trên thị trường, cung cấp các tính năng khác nhau liên quan đến excerpts.

Dưới đây là một số plugin phổ biến:

  • Advanced Excerpt: Plugin này cho phép bạn tùy chỉnh độ dài của excerpt, thêm dấu “…” hoặc các ký tự khác, và loại bỏ các thẻ HTML khỏi excerpt.
  • Excerpt Editor: Plugin này cho phép bạn chỉnh sửa excerpt trực tiếp từ trang chỉnh sửa bài viết.
  • Yoast SEO: Plugin SEO phổ biến này cũng cung cấp một tùy chọn để hiển thị excerpt trên trang kết quả tìm kiếm.

Tạo Excerpt Thủ Công (Manual Excerpt)

WordPress cho phép bạn tạo excerpt thủ công cho mỗi bài viết. Khi bạn viết một bài viết, bạn sẽ thấy một ô “Excerpt” (Trích đoạn) trong trang chỉnh sửa bài viết (nếu không thấy, hãy vào “Screen Options” và tích vào ô “Excerpt”). Bạn có thể nhập một đoạn văn bản ngắn gọn vào ô này để sử dụng làm excerpt của bài viết.

Khi bạn tạo excerpt thủ công, WordPress sẽ sử dụng excerpt này thay vì tự động tạo một excerpt từ nội dung bài viết. Điều này cho phép bạn kiểm soát chính xác những gì được hiển thị làm excerpt.

Lời khuyên khi sử dụng Post Excerpts

Dưới đây là một số lời khuyên để giúp bạn sử dụng post excerpts một cách hiệu quả:

  • Giữ cho excerpt ngắn gọn: Excerpt nên ngắn gọn và dễ đọc, thường là khoảng 20-50 từ.
  • Sử dụng ngôn ngữ hấp dẫn: Excerpt nên sử dụng ngôn ngữ hấp dẫn để thu hút sự chú ý của độc giả và khiến họ muốn đọc toàn bộ bài viết.
  • Bao gồm các từ khóa quan trọng: Nếu bạn muốn tối ưu hóa SEO, hãy đảm bảo rằng excerpt của bạn bao gồm các từ khóa quan trọng liên quan đến nội dung bài viết.
  • Kiểm tra trên nhiều thiết bị: Đảm bảo rằng excerpt của bạn hiển thị tốt trên cả máy tính để bàn và thiết bị di động.

Kết luận

Việc hiển thị post excerpts là một phần quan trọng trong việc xây dựng một trang web WordPress hấp dẫn và dễ sử dụng. Bằng cách sử dụng các phương pháp và lời khuyên được trình bày trong bài viết này, bạn có thể dễ dàng tùy chỉnh cách excerpts được hiển thị trên trang web của bạn và cải thiện trải nghiệm người dùng.

Hãy thử nghiệm với các phương pháp khác nhau và tìm ra cách tốt nhất để hiển thị excerpts trên trang web của bạn. Chúc bạn thành công!

Thêm một số lưu ý khác

  • Luôn sao lưu theme trước khi chỉnh sửa để tránh mất dữ liệu.
  • Tìm hiểu kỹ về cấu trúc theme bạn đang sử dụng để biết vị trí chỉnh sửa phù hợp.
  • Tham khảo tài liệu chính thức của WordPress để hiểu rõ hơn về các hàm và filters.
, , , ,

..