Как сделать меню в WordPress

пользовательское меню wordpress Wordpress

WordPress — одна из тех платформ, где вы можете делать практически все. Все что вам нужно для этого — это потратить пару минут в панели администратора, и вы сможете настроить свой сайт так, как вам хочется. То же самое касается как создать меню в WordPress. Создание и управление навигацией действительно легко, и каждый может это сделать.

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

Как создавать собственные меню в WordPress

Создать собственное меню на самом деле очень просто. Я использовал Twenty Fifteen, стандартную тему WordPress, чтобы показать вам все шаги, которые нужно предпринять для создания собственных пользовательских постраничных навигационных разделов.

Чтобы настроить меню вашего веб-сайта по умолчанию, вы должны войти в панель управления WordPress, нажать «Внешний вид», а затем — «Меню». Первое, то что вам необходимо выполнить, это дать название, а после нажать на кнопку «Создать меню».

создать пользовательское меню wordpress

После его создания вы можете начать добавлять свои разделы в навигацию. Все категории, публикации и страницы вашего веб-сайта собраны в левом столбце, и оттуда вы можете просто добавлять их в свои пользовательские меню всего за несколько кликов.

Прежде всего, вам нужно нажать на страницы и просмотреть все. Выберите все страницы, которые вы хотите отобразить, установив флажки рядом с именами страниц.

Добавление страниц в меню WordPress

Я выбрал их все для наглядного примера, но вы должны использовать только те, которые вам нужны.

После выбора пунктов в навигацию вы можете изменить их порядок. Все, то что вам необходимо проделать, это перетащить их в нужное место. Это то, как вы собираетесь организовать свои пользовательские меню.

элементы меню wordpress

Помимо стандартных навигаций, вы также можете создавать подменю. Для этого нужно перетащить элемент вправо от другого элемента меню.

подменю в меню wordpress

Подменю будет работать как выпадающая навигация. Если вы хотите, чтобы определенный элемент принадлежал другому, все, что вам нужно сделать, это перетащить его немного вправо, прямо под «родительским элементом».

Как выбрать местоположение пользовательского меню WordPress

Теперь, когда у вас есть готовое меню, пришло время выбрать, где вы хотите, чтобы оно появилось. Но есть важная вещь которую вы должны знать.

Не все темы WordPress поддерживают несколько меню. По умолчанию их количество всего два: первичное и вторичное (в случае Twenty Fifteen второе называется Social Links Menu). Затем, в зависимости от параметров настройки вашей темы, вы можете использовать больше. Например, некоторые темы позволяют создавать меню в футере или в заголовке отдельно от стандартных.

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

Меню нижнего колонтитула может содержать такие элементы, как «Контакты», «О нас» или любые другие вещи, которые также можно найти в основном.

В моем случае, вы увидите только два пункта меню — основное и социальное — потому что тема Twenty Fifteen поддерживает только эти. Но если ваша тема предоставляет больше областей, вы можете управлять ими на вкладке «Управление местоположениями» прямо из редактора меню:

управление меню wordpress

Тем самым вы сами выбираете, сколько навигаций по сайту вы будете использовать. Если вы планируете использовать более двух, заранее проверьте настройки темы.

Как удалить и переименовать пункты меню

Чтобы удалить элементы из пользовательского меню, нажмите маленькую стрелку на каждой странице справа. Вы увидите несколько подробностей об этой странице и кнопку «Удалить» внизу. Нажмите на неё, и этот элемент будет удален.

удалить пункт меню wordpress

Сделайте то же самое, чтобы переименовать пункты меню. Нажмите на их текущее имя и измените его название.

После всех настроек нажмите на одну из двух доступных синих кнопок Сохранить Меню. Это эффективно сохранит все сделанные вами изменения.

Как добавить пользовательские ссылки в ваше меню

Для этого надо нажать на Пользовательские ссылки в левом столбце, и в этот момент вы можете добавить любую ссылку, которую вы хотите отобразить. Для каждой ссылки требуется URL-адрес (уникальный веб-адрес) и текст ссылки (название ссылки). Нажмите  Добавить в меню  — и все готово.

Эти пользовательские ссылки полезны в тех случаях, когда вы хотите создать ссылку на страницу, которая не была указана в левом столбце, например, на внешний веб-сайт.

произвольные ссылки в меню wordpress

Как сделать ссылку на страницу категории или тега

Хотите добавить категории записей в свое меню? Нажмите на вкладку Категории в том же левом столбце и выберите те, которые должны появиться. Действуйте так же, как и с другими предметами.

Как добавить социальное меню в WordPress

Создать меню для ваших социальных аккаунтов даже проще, чем обычное. Нажмите ссылку «Создать новое меню», введите имя и нажмите «Сохранить».

Следующий шаг — установить флажок «Social Links Menu» внизу и используйте вкладку «Пользовательские ссылки», чтобы добавить ссылки на социальные сети.

социальное меню wordpress

 

Например, вы можете ввести «Вконтакте» в качестве текста ссылки и вставить адрес своей учетной записи Вконтакте в поле URL. Затем нажмите «Добавить в меню»,  и ваша учетная запись Вконтакте будет добавлена ​​в раздел социальной навигации.

Не забывайте всегда нажимать на «Сохранить меню» перед просмотром или уходом со страницы.

Вот как выглядят мои два пользовательских меню после выполнения описанных выше шагов (я использовал тему «Twenty Fifteen»)

меню wordpress

Был ли этот урок полезным для вас? Каким был ваш первый опыт создания собственного меню в WordPress? 

Оцените статью
Добавить комментарий