Cho rằng WordPress cho phép bạn tạo Menu, menu Chính nằm trong Thuộc tính Trang thoạt đầu có vẻ dư thừa so với yêu cầu. Tuy nhiên, menu Chính cho phép bạn tạo các URL phù hợp với yêu cầu phân cấp của bạn và thường được sử dụng cùng với chức năng menu WordPress Hãy sử dụng trang Nhóm của chúng tôi làm ví dụ. Bất kể vị trí của nó trong bất kỳ menu nào mà chúng tôi tạo, URL trang thực tế sẽ được xác định bằng việc chúng tôi sử dụng menu Chính Nếu chúng ta để menu Parent với cài đặt mặc định (không có parent), URL của trang sẽ là https. //www. abdn. AC. uk/mysite/our-team/  Tuy nhiên, nếu chúng tôi đặt Giới thiệu làm Trang gốc cho trang Nhóm của chúng tôi, thì URL của trang sẽ là https. //www. abdn. AC. uk/mysite/about/our-team/ Làm rõ thêm ví dụ này, nếu chúng ta thêm một trang Joe Bloggs và đặt trang Nhóm của chúng tôi là Trang gốc, thì URL cho trang Joe Bloggs sẽ là Lưu ý rằng bạn không cần đặt các trang cấp cao nhất làm trang con của trang chủ MẫuMột số trang Mẫu đã được tạo cho Hệ thống quản lý nội dung WordPress của Đại học Aberdeen. Việc chọn một Mẫu khác với Mẫu mặc định sẽ thay đổi giao diện và có khả năng là chức năng cho trang đó, phù hợp với Mẫu đã chọn. Ví dụ, các tùy chọn Bố cục Thanh bên trái (xem bên dưới) và Bố cục Thanh bên phải, dẫn đến các trang chứa các thanh bên trái và phải, như tên gọi của chúng Các mẫu hiện có như sau
thanh bênThuật ngữ 'Thanh bên' thực sự gây hiểu nhầm. Đó là một sự trở lại khi chức năng bị giới hạn trong việc thêm Tiện ích trong Thanh bên, khi ban đầu, như tên gọi của nó, Thanh bên chỉ là một khu vực được chỉ định ở bên cạnh trang. Tuy nhiên, WordPress đã phát triển và giờ đây khá phổ biến khi thấy ‘Thanh bên’ được bao gồm ở nhiều vị trí khác nhau trong các chủ đề WordPress. Vị trí của các 'Thanh bên' này sẽ dành riêng cho chủ đề được sử dụng Hệ thống quản lý nội dung WordPress của Đại học Aberdeen cung cấp Thanh bên trái và Thanh bên phải Bố cục thanh bên yêu cầu bạn chỉ định Widget cho (các) Thanh bên trước khi chúng có thể hoạt động bình thường. Điều này có thể được thực hiện từ menu Giao diện > Tiện ích, sau đó cho phép bạn thêm các Tiện ích mong muốn vào đúng khu vực Thanh bên Sau đó, các tiện ích có thể được kéo từ khu vực Tiện ích có sẵn sang Thanh bên tương ứng, theo yêu cầu Lưu ý rằng một khu vực Thanh bên có thể chứa nhiều tiện ích con Tùy thuộc vào Widget được chọn, bạn có thể thêm Tiêu đề và/hoặc chỉ định các thành phần khác của Widget i. e. số lượng bài viết để hiển thị Nếu bạn tổ chức trang web WordPress của mình với các trang mẹ và trang con, thì bạn có thể muốn hiển thị các trang con hoặc trang phụ của mình trên trang chính. Bạn cũng có thể muốn hiển thị trang chính trên mỗi trang phụ để duyệt dễ dàng Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng hiển thị danh sách các trang con cho trang mẹ trong WordPress Khi nào bạn cần hiển thị danh sách các trang con?WordPress đi kèm với hai loại bài đăng mặc định được gọi là bài đăng và trang. Bài đăng là nội dung blog và chúng thường được sắp xếp theo danh mục và thẻ Các trang là nội dung một lần hoặc độc lập thường xanh, chẳng hạn như trang 'Giới thiệu về chúng tôi' hoặc trang 'Liên hệ với chúng tôi' Trong WordPress, các trang có thể được phân cấp có nghĩa là bạn có thể sắp xếp chúng với các trang cha và con Chẳng hạn, bạn có thể muốn tạo một trang sản phẩm với các trang con cho Tính năng, Giá cả và Hỗ trợ Để tạo trang con, hãy làm theo hướng dẫn của chúng tôi về cách tạo trang con trong WordPress Sau khi bạn đã tạo các trang mẹ và trang con, bạn có thể muốn liệt kê các trang con trên trang mẹ chính Giờ đây, một cách dễ dàng để thực hiện việc này là chỉnh sửa thủ công trang mẹ và thêm danh sách các liên kết riêng lẻ Tuy nhiên, bạn sẽ cần chỉnh sửa trang mẹ theo cách thủ công mỗi khi bạn thêm hoặc xóa trang con. Sẽ không hay hơn nếu bạn có thể tạo một trang con và nó sẽ tự động xuất hiện dưới dạng một liên kết trên trang mẹ phải không? Như đã nói, chúng ta hãy xem một số cách năng động khác để nhanh chóng hiển thị danh sách các trang con trên trang mẹ trong WordPress Phương pháp 1. Hiển thị các trang con trên trang mẹ bằng cách sử dụng PluginPhương pháp này dễ dàng hơn và được đề xuất cho tất cả người dùng Đầu tiên bạn cần cài đặt và kích hoạt plugin Page-list. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress Sau khi kích hoạt, bạn cần chỉnh sửa trang mẹ và chỉ cần thêm mã ngắn sau vào nơi bạn muốn hiển thị danh sách các trang con
Bây giờ bạn có thể lưu trang của mình và xem trước nó trong tab trình duyệt mới. Bạn sẽ nhận thấy rằng nó hiển thị một danh sách gạch đầu dòng đơn giản của tất cả các trang con Nếu muốn, bạn có thể thêm một số CSS tùy chỉnh để thay đổi giao diện của danh sách. Đây là một số CSS mẫu mà bạn có thể sử dụng làm điểm bắt đầu ul.page-list.subpages-page-list {
list-style: none;
list-style-type: none;
background-color: #eee;
border: 1px solid #CCC;
padding: 20px;
}
Sau khi áp dụng CSS tùy chỉnh, bạn có thể xem trước trang mẹ. Đây là giao diện trên trang web WordPress thử nghiệm của chúng tôi Plugin cung cấp một loạt các tham số mã ngắn cho phép bạn đặt độ sâu, loại trừ trang, số lượng mục, v.v. Để biết chi tiết, vui lòng xem trang của plugin để biết tài liệu chi tiết Phương pháp 2. Liệt kê các trang con cho trang mẹ bằng mãPhương pháp này hơi nâng cao và yêu cầu bạn thêm mã vào trang web WordPress của mình. Nếu bạn chưa làm điều này trước đây, vui lòng xem hướng dẫn của chúng tôi về cách sao chép và dán mã trong WordPress Để liệt kê các trang con bên dưới trang mẹ, bạn cần thêm đoạn mã sau vào plugin dành riêng cho trang web hoặc trong chức năng của chủ đề. tập tin php function wpb_list_child_pages() {
global $post;
if ( is_page() && $post->post_parent )
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->post_parent . '&echo=0' );
else
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->ID . '&echo=0' );
if ( $childpages ) {
$string = '<ul class="wpb_page_list">' . $childpages . '</ul>';
}
return $string;
}
add_shortcode('wpb_childpages', 'wpb_list_child_pages');
Đoạn mã trên trước tiên kiểm tra xem một trang có trang mẹ hay chính trang đó là trang mẹ Nếu đó là trang mẹ, thì nó sẽ hiển thị các trang con được liên kết với nó. Nếu là trang con thì nó hiển thị tất cả các trang con khác của trang mẹ Cuối cùng, nếu đây chỉ là một trang không có trang con hoặc trang mẹ, thì mã sẽ không làm gì cả. Ở dòng cuối cùng của mã, chúng tôi đã thêm một mã ngắn để bạn có thể dễ dàng hiển thị các trang con mà không cần sửa đổi mẫu trang của mình Để hiển thị các trang con, chỉ cần thêm mã ngắn sau vào một trang hoặc tiện ích văn bản trong thanh bên
Đừng quên lưu các thay đổi của bạn và xem trước chúng trong tab trình duyệt. Đây là cách nó xuất hiện trên trang web thử nghiệm của chúng tôi Giờ đây, bạn có thể tạo kiểu cho danh sách trang này bằng cách sử dụng một số CSS tùy chỉnh. Đây là một số mã CSS mẫu mà bạn có thể sử dụng làm điểm bắt đầu ul.wpb_page_list {
list-style: none;
list-style-type: none;
background-color: #eee;
border: 1px solid #CCC;
padding: 20px;
}
Phương pháp 3. Tự động hiển thị các trang con mà không cần bất kỳ mã ngắn nàoSử dụng mã ngắn rất tiện lợi, nhưng vấn đề với chúng là bạn sẽ phải thêm mã ngắn vào tất cả các trang có trang mẹ hoặc trang con Cuối cùng, bạn có thể có mã ngắn trong nhiều trang và đôi khi bạn thậm chí có thể quên thêm nó Cách tiếp cận tốt hơn là chỉnh sửa tệp mẫu trang trong chủ đề của bạn để nó có thể tự động hiển thị các trang con Để làm điều đó, bạn cần chỉnh sửa mẫu Bạn có thể chỉnh sửa chủ đề chính nhưng những thay đổi đó sẽ biến mất nếu bạn thay đổi hoặc cập nhật chủ đề của mình. Đó là lý do tại sao sẽ tốt hơn nếu bạn tạo một chủ đề con và sau đó thực hiện các thay đổi của mình trong chủ đề con Trong tệp mẫu trang của bạn, bạn cần thêm dòng mã này vào nơi bạn muốn hiển thị các trang con <?php wpb_list_child_pages(); ?> Đó là tất cả. Chủ đề của bạn bây giờ sẽ tự động phát hiện các trang con và hiển thị chúng trong một danh sách đơn giản Bạn có thể tùy chỉnh các kiểu bằng CSS và định dạng. Đây là một ví dụ về cách trang web OptinMonster hiển thị trang mẹ và trang con Chúng tôi hy vọng bài viết này đã giúp bạn liệt kê các trang con cho trang mẹ trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về các trang quan trọng nhất để tạo trên trang web WordPress mới và so sánh của chúng tôi về trình tạo trang WordPress kéo và thả tốt nhất để tạo bố cục tùy chỉnh mà không cần bất kỳ mã nào Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook |
