Bỏ qua đến nội dung chính

Làm thế nào để tự động cập nhật các menu trên WordPress

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 701.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

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
/**
 * Plugin Name: Plugin
 * Plugin URI: http://blogpascher.com
 * Description: Plugin WordPress
 * Version: 1.0
 * Author: Herve
 * Author URI: 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
/**
 * Plugin Name: Plugin
 * Plugin URI: http://blogpascher.com
 * Description: Plugin WordPress
 * Version: 1.0
 * Author: Herve
 * Author URI: 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.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

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.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

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ác plugin WordPress khác để mang lại vẻ ngoài 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 hình thức 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 Form Builder 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 cao cấp dễ sử dụng sẽ giúp bạn tích hợp một bản tin vào trang web của bạn. Với cái sau, 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 nhiều rắc rối.Mailster Email Newsletter Plugin cho WordPress

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

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.

... 

Bài viết này chứa comments 2

  1. Bonjour,

    Cảm ơn vì bài viết

    Vấn đề của em là em chưa hiểu rõ quy trình thực hiện trong phần "Thêm chức năng vào theme", có phải sửa trực tiếp file "navigation-top.php" không? Tôi có nên sao chép nó trong chủ đề con của mình không? Tôi có nên sửa đổi phần được chỉ định và thêm nó vào tệp function.php của mình không?
    Hoặc một giải pháp khác x)
    Cảm ơn vì đã làm rõ vấn đề cho tôi

    PS: liên kết github đưa chúng ta đến một thư mục trống

    1. Chào buổi tối, thực sự là một câu hỏi về việc sao chép tệp trong chủ đề con. WordPress sẽ lo phần còn lại. Bởi vì nó sẽ cố gắng kiểm tra xem tệp có tồn tại trên chủ đề con hay không và do đó sẽ tải tệp chủ đề mẹ nếu nó không tồn tại.

Để lại một bình luận

Địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
19 cổ phiếu
cổ phiếu14
tweet3
Enregistrer2