Когато системата за навигационно меню беше пусната с WordPress 3.0, това беше един от факторите, които превърнаха WordPress от платформа за блогове в мощна CMS.

Това означаваше, че можете да добавите каквото и да е съдържание към навигационните менюта на вашия уебсайт, включително персонализирани връзки. Интерфейсът „плъзгане и пускане“ означава, че всеки може да създаде свое собствено меню без никакви умения за кодиране.

Но понякога не искате да разчитате на това. Ако разработвате уебсайт за клиент, който ще добави страници към своя уебсайт, е малко вероятно да актуализират менюто (ите) за навигация, когато го направят или липсват умения. .

Така че тук е полезно автоматизирано навигационно меню.

В този урок ще ви покажа как да създадете автоматизирано навигационно меню, което да показва всички страници на вашия уебсайт, както и дочерните страници, показани като записи от второ ниво в менюто за навигация.

След това можете да добавите този код към горния колонтитул на страницата, страничната лента или долния колонтитул на вашата тема и това ще покаже връзките на потребителите ви, които се актуализират автоматично, когато ново съдържание се добавя към вашия уебсайт.

Но ако никога не сте инсталирали WordPress, открийте Как да инсталирате WordPress Блог в 7 Стъпки et Как да се намери, инсталиране и активиране на WordPress тема на вашия блог 

След това обратно към защо сме тук.

Ето какво ще трябва да автоматизирате менютата за навигация в WordPress:

• WordPress разработка или тестова инсталация, с добавени няколко страници и подстраници
• Код редактор.

Конфигурация на кода

Ще добавя този код към плъгин, така че да е постоянен, дори ако променя темата на WordPress. По този начин мога да добавя функцията на моя плъгин в моята тема, за да добавя навигационното меню там, където искам. Ако вашата тема на WordPress има „ куки Можете да използвате един или повече, за да инжектирате този код.

Вижте и нашия списък на 10 WordPress плъгини за създаване на обратно броене

Ако работите с WordPress тема на трета страна, която няма куки, ще трябва да добавите код към темата. Не го кодирайте директно в темата: вместо това създайте дъщерна тема и добавете своя код към нея. Просто създайте дубликат на файла на шаблона на темата от основната тема, която искате да редактирате, добавете го към вашата дъщерна тема и го редактирайте.

Стъпка първа

Първата стъпка е да създадете приставката. Създавам папка в „ wp-content/plugins ". Създаването на папка означава, че в бъдеще мога да добавя още файлове към приставката, ако трябва, като таблица със стилове или да включва файлове.

Първо, трябва да добавите кода за вход за вашата приставка, в коментарите, за да кажете на WordPress какво е това:

<?php
/**
 * Plugin Name: Plugin
 * Plugin URI: https://blogpascher.com
 * Description: Plugin WordPress
 * Version: 1.0
 * Author: Herve
 * Author URI: https://blogpascher.com
 *
 */

Активирайте плъгина си сега.

След това, ако използвате дъщерна тема, конфигурирайте я. Използвам дъщерната тема от темата Двадесет и седемнайсет - ето моята таблица със стилове:

<?php
/**
 * Plugin Name: Plugin
 * Plugin URI: https://blogpascher.com
 * Description: Plugin WordPress
 * Version: 1.0
 * Author: Herve
 * Author URI: https://blogpascher.com
 *
 */

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

След като направите това, ако уебсайтът ви все още няма страници, добавете няколко. Те трябва да имат структура на няколко нива. Ето как изглеждат моите фалшиви страници:

Сега, нека започнем да добавяме кода към приставката.

Създайте функция за списък на всички страници йерархично

Ще използваме функцията « wp_list_pages () За да изтеглите всички страници и да ги изброите с връзки. Но първо трябва да дефинираме някои аргументи за това. Започнете със създаването на вашата функция и добавете следните аргументи:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('дълбочина' => 2); }

Аргументите са много прости - има само един за нивото на страниците, които искаме да направим. Задаването на "2" означава, че страниците от най-високо ниво и техните подстраници ще бъдат показани, но не повече.

Открийте 5 връзка често срещани грешки и техните решения за WordPress

Сега нека добавим функцията "wp_list_pages ()" след аргументите:

wp_list_pages ($ аргс);

Ето пълната функция:

wpmu_list_pages () {wpmu_list_pages () {$ args = array ('дълбочина' => 2); wp_list_pages ($ args); }

Добавяне на функцията към темата

В момента функцията не показва нищо на моя уебсайт. За да променим това, трябва да добавим копие на заглавката на основната тема към дъщерната тема и да го редактираме.

Вижте също: Как да защитите работата си в WordPress на уебсайтове на клиенти

Започнете, като копирате заглавния файл в детската си тема и го отворете. В Twenty Seventeen кодът на навигационното меню може да бъде намерен в " шаблони-части / навигация / навигация-top.php Което означава, че трябва да добавя копие на този файл на същото място в моята детска тема.

Открийте, за да отидете по-далеч Как да инсталирате тема на WordPress дете

Във вашата тема това може да е файлът header.php които трябва да бъдат копирани.

В зависимост от вашата тема, кодът на менюто ще бъде различен. В този, който използвам, това е кодът, който трябва да заменя:

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

Променете кода на вашето меню за навигация, за да добавите нова функция със съществуващия код в декларация „else {}“:

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

Условните изявления са важни: първо, той проверява дали функцията, която сте добавили към вашата приставка, е налице (т.е. ако приставката е активирана) и ако е така, той изпълнява функцията от това. В противен случай работи нормално.

Вижте и нашето ръководство за Как да се покаже на рекламните блокове на WordPress

Сега погледнете моя уебсайт:

Връзките се появяват, но има някои проблеми. Не искам отгоре да се показват „Страници“ (което е по подразбиране за функцията wp_list_pages () ) и искам да подредя страниците по-ефективно. Ще видите, че началната страница е в средата на списъка, което не е идеално.

Подобрете функцията

Да се ​​върнем към кода на приставката и да го адаптираме, за да коригира тези проблеми.

Намерете аргументите, за които вече сте дефинирани wp_list_pages ():

$ args = масив ('дълбочина' => 2);

И го редактирайте:

$ args = масив ($ args = масив ('дълбочина' => 2, 'title_li' => ' ". __ ('Меню', 'bpc'). ' ',' sort_column '=>' ред на менюто ');

Това добавя два допълнителни аргумента:

• Маркирането преди списъка, който сега казва „ Меню - Menu  Вместо да Pages ".
• Редът, в който се показват страниците.

Трябва да се върнете към екраните за редактиране на вашите страници и да определите реда на страниците за всяка от тях. Задайте началната си страница на стойност „0“ и другите страници от най-високо ниво са по-високи от тези. 

Прочетете и нашето ръководство за : Как постепенно да зареждаме коментари във Facebook и Disqus

Сега, когато показвате менюто, то ще изглежда така:

Можете също да промените реда на менюто на страниците от второ ниво. Това никога няма да се появи над страниците от най-високо ниво, така че можете да започнете от 0 или 1 за всеки набор от подстраници.

Открийте и някои премиум приставки за WordPress  

Можете да използвате други плъгини за WordPress, за да придадете модерен вид и да оптимизирате връзката с вашия блог или уебсайт.

Предлагаме ви тук няколко премиум WordPress приставки, които ще ви помогнат да направите това.

1. Формуляри за тежест

Като собственик на бизнес, позволяването на вашите клиенти да се свържат с вас трябва да бъде ваш приоритет. Gravity Forms е най-популярният плъгин за контактна форма в WordPress.

Можете да го използвате за създайте всякакъв вид формуляр, като формуляр за оферта, анкети и др.

Изтегляне | демонстрация | уеб хостинг

2. Електронния формуляр

eForm е усъвършенстван и гъвкав конструктор на формуляри, който може да бъде интегриран в съществуващ уебсайт на WordPress. Това е цялостно решение за управление на формуляри. Това се отнася, наред с други неща, до тестове, анкети, събиране на данни, оценка на плащанията и коментари на потребителите.

С такъв дизайнер на форми можете да проектирате формуляри по неограничен начин и да ги управлявате от таблото си за управление. Всички заявки се съхраняват във вашата база данни, ще можете да виждате, проследявате, анализирате и действате върху данните, които сте запазили.

Прочетете и нашата статия на Как маркетингът на съдържанието засяга оптимизацията на вашия блог

В допълнение, потребителският портал позволява на регистрираните потребители също да преглеждат и проследяват своите заявки.

Изтегляне | демонстрация | уеб хостинг

3. Mailster

Mailster е лесен за използване премиум WordPress плъгин, който ще ви помогне да интегрирате бюлетин във вашия уебсайт. С последното ще можете да създавате, изпращате и проследявате кампаниите си без много караница.

Основните му характеристики са: възможността за проследяване на отворени имейли, кликвания, абонаменти и степени на отпадане, способността да се насочвате към кампаниите си, управление и планиране на кампании, поддръжка на 6 вида автоматични отговори, неограничено създаване регистрационни форми, удобен за потребителя интерфейс, персонализиране на фона, поддръжка за многоезичнаИ още много други.

Изтегляне | демонстрация | уеб хостинг

Препоръчителни ресурси

Научете за други препоръчани ресурси, които да ви помогнат да изградите и управлявате вашия уебсайт.

• 8 WordPress плъгини за създаване на мегамено на вашия блог
• Как да покажете последните статии за WordPress
• Как да създадете слайдшоу с Slider Revolution на WordPress
• Как да се покаже на рекламните блокове на WordPress

Заключение

Ето го ! Това е всичко за този урок, надявам се, че ще ви позволи автоматично да добавяте страници в менютата си. Ако имате някакви притеснения или предложения в тази област, нека се озовем секцията за коментари за обсъждане.

Ще можете обаче да се консултирате с нас грабене на ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.

Но междувременно, споделете тази статия във вашите различни социални мрежи.

...