Thêm bảng bài viết WordPress không HTML

3 tháng ago, WordPress Plugin, Views
Thêm bảng bài viết WordPress không HTML

Giới Thiệu Về Việc Tùy Biến Bảng Bài Viết WordPress

WordPress là một nền tảng quản lý nội dung (CMS) phổ biến, được sử dụng rộng rãi để xây dựng và quản lý trang web. Một trong những tính năng quan trọng của WordPress là khả năng hiển thị danh sách các bài viết, thường được gọi là “bảng bài viết” hoặc “lưới bài viết”. Mặc định, WordPress cung cấp một số cách để hiển thị bài viết, nhưng đôi khi bạn cần tùy biến bảng bài viết để phù hợp hơn với thiết kế và chức năng của trang web của bạn. Bài viết này sẽ hướng dẫn bạn cách thêm bảng bài viết WordPress mà không cần sử dụng HTML trực tiếp, giúp bạn dễ dàng quản lý và tùy biến hơn.

Tại Sao Cần Tùy Biến Bảng Bài Viết?

Có nhiều lý do khiến bạn muốn tùy biến bảng bài viết WordPress:

  • Cải Thiện Thiết Kế: Bảng bài viết mặc định có thể không phù hợp với thiết kế tổng thể của trang web. Tùy biến cho phép bạn điều chỉnh giao diện để tạo sự hài hòa và thu hút người dùng.
  • Nâng Cao Trải Nghiệm Người Dùng: Bạn có thể thêm các tính năng như lọc, sắp xếp, hoặc phân trang để giúp người dùng dễ dàng tìm kiếm và duyệt qua các bài viết.
  • Hiển Thị Thông Tin Quan Trọng: Bạn có thể chọn hiển thị các thông tin quan trọng như hình ảnh thu nhỏ, tóm tắt, tác giả, ngày đăng, và số lượng bình luận để giúp người dùng nhanh chóng đánh giá nội dung.
  • Tối Ưu Hóa SEO: Bảng bài viết được tối ưu hóa có thể giúp cải thiện thứ hạng trang web của bạn trên các công cụ tìm kiếm.

Các Phương Pháp Thêm Bảng Bài Viết WordPress Không HTML

Có nhiều phương pháp để thêm bảng bài viết WordPress mà không cần viết mã HTML trực tiếp. Dưới đây là một số phương pháp phổ biến:

  • Sử Dụng Plugin: Các plugin là cách dễ nhất và phổ biến nhất để thêm các tính năng mới vào WordPress. Có rất nhiều plugin miễn phí và trả phí có sẵn để tạo bảng bài viết tùy biến.
  • Sử Dụng Theme Builder: Nhiều theme WordPress hiện đại đi kèm với trình tạo trang (page builder) tích hợp, cho phép bạn tạo bố cục tùy biến mà không cần viết mã.
  • Sử Dụng Custom Post Types và Templates: Nếu bạn muốn kiểm soát hoàn toàn cách hiển thị bài viết, bạn có thể tạo loại bài viết tùy chỉnh (custom post type) và sử dụng các template tùy chỉnh để hiển thị chúng.

Sử Dụng Plugin Để Tạo Bảng Bài Viết

Plugin là giải pháp nhanh chóng và dễ dàng nhất để tạo bảng bài viết tùy biến. Dưới đây là một số plugin phổ biến:

  • Posts Table Pro: Plugin trả phí mạnh mẽ cho phép bạn tạo bảng bài viết tương tác với nhiều tùy chọn lọc, sắp xếp và tìm kiếm.
  • Easy Post Listings: Plugin miễn phí dễ sử dụng để tạo danh sách bài viết cơ bản với các tùy chọn tùy biến.
  • Display Posts Shortcode: Plugin miễn phí cho phép bạn hiển thị danh sách bài viết bằng shortcode, với nhiều tham số để tùy chỉnh.
  • Content Views: Plugin miễn phí linh hoạt cho phép bạn tạo nhiều loại danh sách nội dung, bao gồm cả bảng bài viết.

Ví Dụ: Sử Dụng Plugin “Display Posts Shortcode”

Plugin “Display Posts Shortcode” là một lựa chọn tốt nếu bạn muốn tạo danh sách bài viết đơn giản với khả năng tùy biến cơ bản. Để sử dụng plugin này, hãy làm theo các bước sau:

  1. Cài Đặt và Kích Hoạt Plugin: Truy cập “Plugins” > “Add New” trong bảng điều khiển WordPress của bạn, tìm kiếm “Display Posts Shortcode”, cài đặt và kích hoạt plugin.
  2. Sử Dụng Shortcode: Chèn shortcode [display-posts] vào bài viết hoặc trang mà bạn muốn hiển thị danh sách bài viết.
  3. Tùy Chỉnh Shortcode: Sử dụng các tham số của shortcode để tùy chỉnh danh sách bài viết. Ví dụ, để hiển thị 5 bài viết gần đây nhất, bạn có thể sử dụng shortcode [display-posts posts_per_page="5"].

Dưới đây là một số tham số phổ biến của shortcode [display-posts]:

  • posts_per_page: Số lượng bài viết hiển thị.
  • category: Hiển thị bài viết từ một danh mục cụ thể.
  • tag: Hiển thị bài viết từ một thẻ cụ thể.
  • orderby: Sắp xếp bài viết theo một tiêu chí cụ thể (ví dụ: date, title, rand).
  • order: Thứ tự sắp xếp (ASC hoặc DESC).
  • include_excerpt: Hiển thị tóm tắt của bài viết.
  • image_size: Kích thước hình ảnh thu nhỏ.

Sử Dụng Theme Builder Để Tạo Bảng Bài Viết

Nhiều theme WordPress hiện đại đi kèm với trình tạo trang (page builder) như Elementor, Beaver Builder, hoặc Divi. Các trình tạo trang này cho phép bạn tạo bố cục tùy biến bằng cách kéo và thả các module khác nhau.

Ví Dụ: Sử Dụng Elementor Để Tạo Bảng Bài Viết

Elementor là một trình tạo trang phổ biến và mạnh mẽ. Để tạo bảng bài viết bằng Elementor, hãy làm theo các bước sau:

  1. Cài Đặt và Kích Hoạt Elementor: Nếu bạn chưa cài đặt Elementor, hãy truy cập “Plugins” > “Add New” trong bảng điều khiển WordPress của bạn, tìm kiếm “Elementor”, cài đặt và kích hoạt plugin.
  2. Tạo Trang Mới và Chỉnh Sửa Bằng Elementor: Tạo một trang mới và nhấp vào nút “Edit with Elementor”.
  3. Thêm Widget “Posts”: Tìm kiếm widget “Posts” trong thanh công cụ của Elementor và kéo nó vào trang của bạn.
  4. Tùy Chỉnh Widget “Posts”: Widget “Posts” cung cấp nhiều tùy chọn để tùy chỉnh bảng bài viết của bạn. Bạn có thể chọn bố cục (ví dụ: lưới, danh sách, masonry), số lượng bài viết hiển thị, danh mục và thẻ bài viết, sắp xếp, và nhiều hơn nữa.

Elementor cung cấp các tùy chọn tùy biến sau cho widget “Posts”:

  • Layout: Chọn bố cục cho bảng bài viết (ví dụ: lưới, danh sách, masonry).
  • Query: Chọn các bài viết hiển thị dựa trên danh mục, thẻ, hoặc các tiêu chí khác.
  • Image: Chọn kích thước hình ảnh thu nhỏ và vị trí hiển thị.
  • Content: Chọn hiển thị tiêu đề, tóm tắt, siêu dữ liệu (ví dụ: tác giả, ngày đăng), và nút đọc thêm.
  • Pagination: Thêm phân trang để giúp người dùng duyệt qua nhiều trang bài viết.

Sử Dụng Custom Post Types và Templates Để Tạo Bảng Bài Viết

Nếu bạn muốn kiểm soát hoàn toàn cách hiển thị bài viết, bạn có thể tạo loại bài viết tùy chỉnh (custom post type) và sử dụng các template tùy chỉnh để hiển thị chúng. Phương pháp này đòi hỏi kiến thức về PHP và WordPress templating, nhưng nó cho phép bạn tạo các bảng bài viết độc đáo và tùy biến cao.

Các Bước Tạo Custom Post Type và Template

  1. Đăng Ký Custom Post Type: Sử dụng hàm register_post_type() trong file functions.php của theme của bạn (hoặc trong một plugin tùy chỉnh) để đăng ký loại bài viết tùy chỉnh.
  2. Tạo Template Tùy Chỉnh: Tạo một file template (ví dụ: archive-my_custom_post_type.php) để hiển thị danh sách các bài viết từ loại bài viết tùy chỉnh của bạn.
  3. Sử Dụng Loop để Hiển Thị Bài Viết: Sử dụng vòng lặp WordPress (while ( have_posts() ) : the_post();) để lặp qua các bài viết và hiển thị chúng.
  4. Tùy Chỉnh Template: Sử dụng HTML, CSS, và PHP để tùy chỉnh giao diện và chức năng của bảng bài viết.

Ví Dụ: Tạo Custom Post Type “Projects”

Trong ví dụ này, chúng ta sẽ tạo một loại bài viết tùy chỉnh có tên là “Projects”.

Trong file functions.php của theme của bạn, thêm đoạn mã sau:


function register_projects_post_type() {
    $args = array(
        'public' => true,
        'label'  => 'Projects',
        'supports' => array( 'title', 'editor', 'thumbnail', 'excerpt' ),
        'menu_icon' => 'dashicons-portfolio'
    );
    register_post_type( 'projects', $args );
}
add_action( 'init', 'register_projects_post_type' );

Sau đó, tạo một file template có tên là archive-projects.php trong thư mục theme của bạn. Ví dụ đơn giản:


<?php get_header(); ?>

<div class="container">
    <h1><?php post_type_archive_title(); ?></h1>

    <?php if ( have_posts() ) : ?>
        <div class="projects-grid">
            <?php while ( have_posts() ) : the_post(); ?>
                <div class="project-item">
                    <a href="<?php the_permalink(); ?>">
                        <?php if ( has_post_thumbnail() ) : ?>
                            <?php the_post_thumbnail( 'medium' ); ?>
                        <?php endif; ?>
                        <h2><?php the_title(); ?></h2>
                        <p><?php the_excerpt(); ?></p>
                    </a>
                </div>
            <?php endwhile; ?>
        </div>

        <?php the_posts_navigation(); ?>

    <?php else : ?>
        <p><?php esc_html_e( 'No projects found.', 'your-theme' ); ?></p>
    <?php endif; ?>
</div>

<?php get_footer(); ?>

Lưu ý rằng bạn cần thêm CSS vào theme của bạn để định dạng bảng bài viết. Đoạn mã trên chỉ là một ví dụ cơ bản và bạn có thể tùy chỉnh nó để phù hợp với nhu cầu của bạn.

Kết Luận

Có nhiều cách để thêm bảng bài viết WordPress mà không cần sử dụng HTML trực tiếp. Các plugin là lựa chọn dễ dàng và nhanh chóng, trong khi các theme builder cung cấp nhiều tùy chọn tùy biến hơn. Nếu bạn muốn kiểm soát hoàn toàn cách hiển thị bài viết, bạn có thể sử dụng custom post types và templates. Chọn phương pháp phù hợp nhất với nhu cầu và kỹ năng của bạn để tạo bảng bài viết độc đáo và hấp dẫn cho trang web WordPress của bạn.


..