Khi hệ thống menu điều hướng được phát hành cùng với WordPress 3.0, đây là một trong những yếu tố biến WordPress từ một nền tảng blog thành một CMS mạnh mẽ.

Điều này có nghĩa là bạn có thể thêm bất kỳ nội dung nào bạn muốn vào menu điều hướng của trang web, bao gồm cả các liên kết tùy chỉnh. Giao diện "kéo và thả" có nghĩa là bất kỳ ai cũng có thể tạo menu tùy chỉnh của riêng mình mà không cần bất kỳ kỹ năng viết mã nào.

Nhưng đôi khi bạn không muốn dựa vào nó. Nếu bạn đang phát triển một trang web cho một khách hàng sẽ thêm các trang vào trang web của họ, họ khó có thể cập nhật (các) menu điều hướng khi họ làm hoặc thiếu kỹ năng. .

Vì vậy, đây là nơi một menu điều hướng tự động có ích.

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách tạo menu điều hướng tự động hiển thị tất cả các trang trên trang web của bạn, cũng như các trang con được hiển thị dưới dạng các mục cấp hai trong menu điều hướng.

Sau đó, bạn có thể thêm mã này vào đầu trang, thanh bên hoặc chân trang của chủ đề nếu bạn muốn và điều này sẽ hiển thị cho người dùng của bạn các liên kết tự động cập nhật khi nội dung mới được thêm vào trang web của bạn.

Nhưng, nếu bạn chưa bao giờ cài đặt WordPress, hãy khám phá Làm thế nào để cài đặt một bước 7 blog WordPress et Làm thế nào để tìm kiếm, cài đặt và kích hoạt một chủ đề WordPress trên blog của bạn 

Sau đó trở lại lý do tại sao chúng ta ở đây.

Đây là những gì bạn sẽ cần để tự động hóa các menu điều hướng WordPress:

  • Cài đặt thử nghiệm hoặc phát triển WordPress, với một vài trang và trang phụ được thêm vào
  • Một trình soạn thảo mã.

Cấu hình mã

Tôi sẽ thêm mã này vào một plugin để nó là vĩnh viễn, ngay cả khi tôi thay đổi chủ đề WordPress. Bằng cách này, tôi có thể thêm chức năng của plugin trong chủ đề của mình để thêm menu điều hướng nơi tôi muốn. Nếu chủ đề WordPress của bạn có " móc Bạn có thể sử dụng một hoặc nhiều để tiêm mã này.

Cũng xem danh sách của chúng tôi về Các plugin 10 WordPress để tạo đếm ngược

Nếu bạn đang làm việc với chủ đề WordPress của bên thứ ba không có Hooks, bạn sẽ cần thêm mã vào chủ đề. Không viết mã trực tiếp vào chủ đề: thay vào đó, hãy tạo một chủ đề con và thêm mã của bạn vào đó. Chỉ cần tạo một bản sao của tệp mẫu chủ đề từ chủ đề chính mà bạn muốn chỉnh sửa, thêm nó vào chủ đề con của bạn và chỉnh sửa nó.

Bước một

Bước đầu tiên là tạo plugin. Tôi tạo một thư mục trong " wp-content/plugins ". Tạo một thư mục có nghĩa là tôi có thể thêm nhiều tệp hơn vào plugin trong tương lai nếu tôi phải, như biểu định kiểu hoặc bao gồm các tệp.

Trước tiên, bạn cần thêm mã đăng nhập cho plugin của mình, trong phần nhận xét, để cho WordPress biết nó là gì:

<?php
/**
 *Tên plugin:Plugin
 * URI plugin: http://blogpascher.com
 * Mô tả: Plugin WordPress
 * Phiên bản: 1.0
 * Tác giả: Herve
 * URI tác giả: http://blogpascher.com
 *
 */

Kích hoạt trình cắm của bạn bây giờ.

Sau đó, nếu bạn đang sử dụng một chủ đề con, hãy định cấu hình nó. Tôi đang sử dụng chủ đề con từ chủ đề Twenty Seventeen - đây là biểu định kiểu của tôi:

<?php
/**
 *Tên plugin:Plugin
 * URI plugin: http://blogpascher.com
 * Mô tả: Plugin WordPress
 * Phiên bản: 1.0
 * Tác giả: Herve
 * URI tác giả: http://blogpascher.com
 *
 */

@import url( " ../twentyseventeen/style.css " );

Khi bạn đã hoàn thành việc đó, nếu trang web của bạn chưa có bất kỳ trang nào, hãy thêm một vài trang. Chúng phải có cấu trúc ở nhiều cấp độ. Đây là những gì các trang giả mạo của tôi trông như thế này:

tạo trang phân cấp wordpress

Bây giờ, hãy bắt đầu thêm mã vào plugin.

Tạo một chức năng để liệt kê tất cả các trang theo thứ bậc

Chúng ta sẽ sử dụng hàm « wp_list_pages () Để truy xuất tất cả các trang và liệt kê chúng với các liên kết. Nhưng trước tiên, chúng ta cần xác định một số đối số cho nó. Bắt đầu bằng cách tạo hàm của bạn và thêm các đối số sau:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); }

Các đối số rất đơn giản - chỉ có một đối số cho cấp độ trang mà chúng tôi muốn thực hiện. Đặt "2" có nghĩa là các trang cấp cao nhất và các trang con của chúng sẽ được hiển thị, nhưng không còn nữa.

Khám phá kết nối 5 lỗi thông thường và giải pháp của họ trên WordPress

Bây giờ, hãy thêm chức năng "wp_list_pages ()" sau các đối số:

wp_list_pages ($ args);

Đây là chức năng hoàn chỉnh:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('depth' => 2); wp_list_pages ($ args); }

Thêm chức năng cho chủ đề

Hiện tại chức năng này không hiển thị gì trên trang web của tôi. Để thay đổi điều này, chúng ta cần thêm một bản sao của tiêu đề chủ đề chính vào chủ đề con và chỉnh sửa nó.

Xem thêm: Cách bảo vệ WordPress của bạn hoạt động trên các trang web của khách hàng

Bắt đầu bằng cách sao chép tệp tiêu đề của bạn sang chủ đề con của bạn và mở nó. Trong Twenty Seventeen, mã menu điều hướng có thể được tìm thấy trong " mẫu-bộ phận / điều hướng / điều hướng-top.php Điều đó có nghĩa là tôi cần thêm một bản sao của tệp này vào cùng một vị trí trong chủ đề con của tôi.

Khám phá để đi xa hơn Làm thế nào để cài đặt một child theme WordPress

Trong chủ đề của bạn, đây có thể là tệp header.php mà phải được sao chép.

Tùy thuộc vào chủ đề của bạn, mã menu sẽ khác nhau. Trong mã tôi đang sử dụng, đây là mã tôi cần thay thế:

'top', 'menu_id' => 'top-menu',)); ?>

Sửa đổi mã của menu điều hướng của bạn để thêm một chức năng mới, với mã hiện có trong một khai báo "khác {}":

'top', 'menu_id' => 'top-menu',)); }?>

Câu lệnh điều kiện rất quan trọng: trước tiên, nó kiểm tra xem chức năng bạn đã thêm vào plugin của mình có hiện diện hay không (tức là nếu plugin được kích hoạt) và, nếu vậy, nó thực hiện chức năng từ đó. Nếu không, nó hoạt động bình thường.

Xem thêm hướng dẫn của chúng tôi về Cách hiển thị đơn vị quảng cáo trên WordPress

Bây giờ hãy nhìn vào trang web của tôi:

trang web ví dụ wordpressCác liên kết xuất hiện, nhưng có một số vấn đề. Tôi không muốn "Trang" hiển thị ở trên cùng (đó là mặc định cho chức năng wp_list_pages () ) và tôi muốn sắp xếp các trang hiệu quả hơn. Bạn sẽ thấy trang chủ nằm giữa danh sách không phải là lý tưởng.

Cải thiện chức năng

Chúng ta hãy quay lại mã plugin và điều chỉnh nó để sửa những vấn đề này.

Tìm các đối số bạn đã xác định cho wp_list_pages ():

$ args = array ('depth' => 2);

Và chỉnh sửa nó:

$ args = array ($ args = array ('depth' => 2, 'title_li' => ' '. __ ('Menu', 'bpc'). ' ',' cột_sắp_xếp '=>' thứ tự menu ');

Điều này thêm hai đối số bổ sung:

  • Đánh dấu trước danh sách, mà bây giờ nói " Menu Thay vì trang '.
  • Thứ tự các trang được hiển thị.

Bạn phải quay lại màn hình chỉnh sửa các trang của mình và xác định thứ tự của các trang cho từng trang đó. Đặt trang chủ của bạn thành giá trị "0" và các trang cấp cao nhất khác cao hơn giá trị này. 

Cũng đọc hướng dẫn của chúng tôi về : Cách tải dần bình luận Facebook và Disqus

Bây giờ, khi bạn hiển thị menu, nó sẽ trông như thế này:

menu wordpress tự động

Bạn cũng có thể thay đổi thứ tự menu của các trang cấp hai. Điều này sẽ không bao giờ xuất hiện trên các trang cấp cao nhất, vì vậy bạn có thể bắt đầu từ 0 hoặc 1 cho mỗi nhóm trang con.

Khám phá thêm một số plugin WordPress cao cấp  

Bạn có thể sử dụng cái khác plugin WordPress để tạo ra một giao diện hiện đại và để tối ưu hóa kết nối với blog hoặc trang web của bạn.

Chúng tôi cung cấp cho bạn ở đây một số plugin WordPress cao cấp sẽ giúp bạn làm điều đó.

1. Mẫu Gravity

Là chủ doanh nghiệp, bạn nên ưu tiên cho phép khách hàng liên hệ với mình. Các hình thức trọng lực là plugin của Mẫu liên hệ phổ biến nhất trên WordPress.

gravityformsBạn có thể sử dụng nó cho tạo bất kỳ loại hình thức, chẳng hạn như biểu mẫu báo giá, khảo sát, v.v.

Tải về | Bản demo Web hosting

2. eForm

eForm là một trình tạo biểu mẫu tiên tiến và linh hoạt có thể được tích hợp vào một trang web WordPress hiện có. Nó là một giải pháp quản lý biểu mẫu hoàn chỉnh. Điều này liên quan đến, trong số những thứ khác, câu đố, khảo sát, thu thập dữ liệu, ước tính thanh toán và nhận xét của người dùng.eForm WordPress Trình tạo biểu mẫu plugin wordpress

Với một nhà thiết kế biểu mẫu như vậy, bạn có thể thiết kế các biểu mẫu một cách không giới hạn và quản lý chúng từ bảng điều khiển của bạn. Tất cả các yêu cầu được lưu trữ trong cơ sở dữ liệu của bạn, bạn sẽ có thể xem, theo dõi, phân tích và hành động trên dữ liệu bạn đã lưu.

Đọc bài viết của chúng tôi về Làm thế nào Tiếp thị Nội dung ảnh hưởng đến Blog của bạn SEO

Ngoài ra, một cổng thông tin người dùng cho phép người dùng đã đăng ký cũng có thể xem xét và theo dõi các yêu cầu của họ.

Tải về | Bản demo | Web hosting

3. Mailster

Mailster là một Plugin WordPress phí bảo hiểm dễ sử dụng sẽ giúp bạn tích hợp bản tin vào trang web của mình. Với tính năng thứ hai, bạn sẽ có thể tạo, gửi và theo dõi các chiến dịch của mình mà không gặp quá nhiều rắc rối.Mailster Email Newsletter Plugin cho WordPress

Các tính năng chính của nó là: khả năng theo dõi email mở, nhấp chuột, đăng ký và tỷ lệ thoát, khả năng nhắm mục tiêu các chiến dịch của bạn, quản lý và lập kế hoạch chiến dịch, hỗ trợ 6 loại phản hồi tự động, tạo không giới hạn mẫu đăng ký, giao diện thân thiện với người dùng, tùy chỉnh nền, hỗ trợ đa ngôn ngữVà nhiều hơn nữa.

Tải về | Bản demo | Web hosting

Tài nguyên đề xuất

Tìm hiểu về các tài nguyên được đề xuất khác để giúp bạn xây dựng và quản lý trang web của mình.

Kết luận

Đây là ! Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn tự động thêm các trang vào menu của mình. Nếu bạn có bất kỳ mối quan tâm hoặc đề xuất nào trong lĩnh vực này, hãy tìm cho mình phần ý kiến ​​để thảo luận.

Tuy nhiên, bạn cũng sẽ có thể tham khảo ý kiến ​​của chúng tôi ressources, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...