Hiển thị danh sách child pages trong WordPress

1 ngày ago, Hướng dẫn WordPress, 1 Views
Hiển thị danh sách child pages trong WordPress

Hiển thị danh sách Child Pages trong WordPress: Hướng dẫn chi tiết

WordPress cung cấp nhiều cách để cấu trúc nội dung website của bạn, và việc sử dụng Child Pages (Trang con) là một phương pháp phổ biến để tạo ra một hệ thống phân cấp rõ ràng, dễ điều hướng cho người dùng. Việc hiển thị danh sách các Child Pages trên một trang Parent Page (Trang cha) giúp người đọc dễ dàng khám phá nội dung liên quan. Bài viết này sẽ hướng dẫn bạn qua nhiều phương pháp khác nhau để hiển thị danh sách Child Pages trong WordPress, từ các plugin đơn giản đến các đoạn code tùy chỉnh.

Tại sao cần hiển thị danh sách Child Pages?

Việc hiển thị danh sách Child Pages mang lại nhiều lợi ích cho cả người dùng và người quản trị website:

  • Cải thiện điều hướng: Giúp người dùng dễ dàng tìm thấy các trang con liên quan đến trang hiện tại.
  • Tăng cường SEO: Cấu trúc trang web rõ ràng hơn giúp các công cụ tìm kiếm hiểu rõ hơn về mối liên kết giữa các trang.
  • Tổ chức nội dung tốt hơn: Tạo ra một cấu trúc website có tổ chức, dễ quản lý và cập nhật.
  • Tăng thời gian ở lại trang: Khuyến khích người dùng khám phá thêm nội dung trên website của bạn.

Các phương pháp hiển thị danh sách Child Pages

Có nhiều cách để hiển thị danh sách Child Pages trong WordPress, mỗi cách phù hợp với những nhu cầu và trình độ kỹ thuật khác nhau. Dưới đây là một số phương pháp phổ biến nhất:

Sử dụng Plugin

Đây là phương pháp đơn giản nhất, phù hợp với những người không quen thuộc với code. Có rất nhiều plugin miễn phí và trả phí cho phép bạn dễ dàng hiển thị danh sách Child Pages mà không cần phải viết bất kỳ dòng code nào.

Ví dụ về một số Plugin phổ biến:

  • Page Menu: Một plugin đơn giản và hiệu quả để hiển thị danh sách Child Pages dưới dạng menu.
  • Child Pages Shortcode: Cho phép bạn sử dụng shortcode để hiển thị danh sách Child Pages ở bất kỳ đâu trên trang.
  • Simple Child Pages: Một plugin dễ sử dụng với nhiều tùy chọn cấu hình.

Hướng dẫn sử dụng Plugin (ví dụ: Child Pages Shortcode):

  1. Cài đặt và kích hoạt plugin “Child Pages Shortcode” từ WordPress Plugin Repository.
  2. Chỉnh sửa trang Parent Page mà bạn muốn hiển thị danh sách Child Pages.
  3. Thêm shortcode [child_pages] vào nội dung trang. Bạn có thể tùy chỉnh shortcode này với các tham số khác nhau để thay đổi cách hiển thị (ví dụ: [child_pages depth="1"] để chỉ hiển thị Child Pages cấp 1).
  4. Lưu trang và kiểm tra kết quả.

Sử dụng Code Snippet (Đoạn Code)

Nếu bạn muốn có nhiều quyền kiểm soát hơn đối với cách hiển thị danh sách Child Pages, bạn có thể sử dụng code snippet. Phương pháp này đòi hỏi bạn phải có kiến thức cơ bản về PHP và WordPress Theme Development.

Ví dụ về code snippet hiển thị danh sách Child Pages:

“`php
get_the_ID(),
‘post_type’ => ‘page’,
‘numberposts’ => -1,
‘orderby’ => ‘menu_order’,
‘order’ => ‘ASC’
);
$child_pages = get_children( $args );

if ( $child_pages ) : ?>

  • <a href="ID ); ?>”>ID ); ?>

“`

Hướng dẫn sử dụng code snippet:

  1. Sao chép đoạn code trên.
  2. Mở file functions.php của theme đang sử dụng (khuyến cáo nên sử dụng Child Theme để tránh mất code khi cập nhật theme).
  3. Dán đoạn code vào file functions.php.
  4. Tạo một shortcode để gọi hàm này (ví dụ: tạo một hàm tên display_child_pages và sau đó sử dụng add_shortcode( 'child_pages_list', 'display_child_pages' );).
  5. Chèn shortcode [child_pages_list] vào trang Parent Page mà bạn muốn hiển thị danh sách Child Pages.
  6. Lưu file functions.php và kiểm tra kết quả.

Giải thích đoạn code:

  • get_the_ID(): Lấy ID của trang hiện tại (Parent Page).
  • get_children(): Lấy danh sách các Child Pages của trang hiện tại.
  • foreach(): Lặp qua từng Child Page trong danh sách.
  • get_permalink(): Lấy URL của Child Page.
  • get_the_title(): Lấy tiêu đề của Child Page.

Sử dụng WordPress Widget

Một số themes WordPress đi kèm với widget có sẵn để hiển thị danh sách Child Pages. Nếu theme của bạn có widget này, bạn có thể dễ dàng thêm nó vào sidebar hoặc bất kỳ khu vực widget nào khác trên trang Parent Page.

Hướng dẫn sử dụng Widget (nếu theme hỗ trợ):

  1. Truy cập Appearance -> Widgets trong WordPress Dashboard.
  2. Tìm widget có tên liên quan đến Child Pages (ví dụ: “Child Page Navigation”).
  3. Kéo widget vào khu vực widget bạn muốn hiển thị.
  4. Cấu hình các tùy chọn của widget (nếu có).
  5. Lưu thay đổi và kiểm tra kết quả.

Sử dụng WordPress Menu

Bạn cũng có thể sử dụng WordPress Menu để tạo một menu riêng chỉ chứa các Child Pages của một Parent Page. Sau đó, bạn có thể hiển thị menu này trên trang Parent Page bằng cách sử dụng một theme location hoặc bằng cách sử dụng code snippet.

Hướng dẫn sử dụng Menu:

  1. Truy cập Appearance -> Menus trong WordPress Dashboard.
  2. Tạo một menu mới.
  3. Trong khu vực “Pages”, chọn trang Parent Page và tất cả các Child Pages của nó.
  4. Thêm các trang đã chọn vào menu.
  5. Sắp xếp các trang trong menu theo thứ tự mong muốn.
  6. Lưu menu.
  7. Chèn menu vào theme location hoặc sử dụng code snippet để hiển thị menu trên trang Parent Page.

Tùy chỉnh cách hiển thị Child Pages

Dù bạn sử dụng plugin hay code snippet, bạn đều có thể tùy chỉnh cách hiển thị danh sách Child Pages để phù hợp với thiết kế website của bạn.

Ví dụ về các tùy chỉnh:

  • Thay đổi thứ tự hiển thị: Sử dụng tham số orderby và order trong hàm get_children() để thay đổi thứ tự hiển thị (ví dụ: theo tiêu đề, ngày đăng, hoặc thứ tự menu).
  • Giới hạn số lượng Child Pages hiển thị: Sử dụng tham số numberposts trong hàm get_children() để giới hạn số lượng Child Pages hiển thị.
  • Sử dụng CSS để tạo kiểu cho danh sách: Sử dụng CSS để thay đổi màu sắc, font chữ, kích thước, và các thuộc tính khác của danh sách Child Pages.
  • Hiển thị excerpt (trích đoạn) của Child Pages: Thay vì chỉ hiển thị tiêu đề, bạn có thể hiển thị một đoạn trích đoạn ngắn của mỗi Child Page.

Kết luận

Hiển thị danh sách Child Pages là một cách hiệu quả để cải thiện điều hướng và tổ chức nội dung website WordPress của bạn. Bằng cách sử dụng một trong các phương pháp được trình bày trong bài viết này, bạn có thể dễ dàng tạo ra một cấu trúc website rõ ràng và thân thiện với người dùng. Hãy thử nghiệm với các phương pháp khác nhau để tìm ra phương pháp phù hợp nhất với nhu cầu và trình độ kỹ thuật của bạn.

, , , ,

..