Шаг 8. Создание меню и виджетов

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

Здесь важно учитывать, что места расположения на сайте, а также количество данных элементов зависит от конкретной темы WordPress. Я буду показывать на примере своей темы, которую вы можете скачать здесь:

Скачать тему WordPress бесплатно >>

Как создать и настроить меню в WordPress

Создать и настроить меню можно через админку WordPress двумя способами.

I) Через раздел “Внешний вид” – “Меню”. Вам откроется страница для создания и редактирования элементов.

II) Через раздел “Внешний вид” – “Настроить”. Здесь для перехода на страницу создания меню нужно нажать на вкладку с одноимённым названием “Меню”.

Затем нажмите на кнопку “Создать новое меню”.

Дальнейшие действия будут практически одинаковы. Я буду действовать из страницы с визуальной настройкой.

Создание меню в WordPress. Пошаговая инструкция

Весь процесс создания меню состоит из четырёх шагов.

Шаг 1. Введите название меню, выберите область, в которой оно будет располагаться и нажмите на кнопку “Далее”. Я выбрала все три области, которая предлагает мне тема, для того, чтобы показать вам где каждый из этих элементов расположен.

Шаг 2. Нажмите на кнопку “Добавить элементы”.

Шаг 3. Выберите элементы, которые вы хотите добавить в меню. Поскольку по умолчанию у нас пока создана лишь одна страница, мы добавим её и главную страницу, нажав на “+” рядом с нужным элементом.

В меню можно также добавлять записи, рубрики, метки и произвольные ссылки. Я, например, добавлю запись “Привет, мир!”, которая также была автоматически создана при установке движка. Так у нас будет больше элементов.

Шаг 4. Нажмите на кнопку “Опубликовать”, чтобы созданное меню появилось у вас на сайте.

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

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

Теперь переходим к созданию и настройке виджетов.

Как создать и настроить виджеты в WordPress

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

Также, как и с меню, работа с виджетами может происходить двумя разными способами:

I) Через раздел “Внешний вид” – “Виджеты”. Здесь вы сразу можете наглядно увидеть доступные в вашей теме виджеты и области, в которые их можно разместить. Просто выбирайте мышкой то, что вам доступно, и перетаскивайте в нужные места.

II) Через раздел “Внешний вид” – “Настроить”. Здесь работа будет происходить в визуальном редакторе, где вы можете сразу видеть, где и как виджеты будут размещены на вашем сайте. Здесь мы и продолжим дальнейшую работу, перейдя в раздел “Виджеты”.

Создание виджетов в WordPress. Пошаговая инструкция

Процесс создания и размещения виджетов для сайта на WordPress можно условно разделить на четыре шага.

Шаг 1. Выберите область для размещения виджета. Сейчас я буду работать с сайтбаром (правой боковой колонкой сайта), поэтому я выбираю эту область.

Шаг 2. Нажмите на кнопку “Добавить виджет”.

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

Шаг 4. Для любого виджета можно указать заголовок, а также поработать со свойствами, которые к нему прилагаются. Например, для виджета “Свежие записи” можно изменить количество выводимых записей, показывать дату публикации и т.д. После всех действий нажмите на кнопку “Опубликовать”.

Виджеты опубликованы. Это можно легко проверить, открыв в браузере ваш сайт.

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

А в следующем уроке мы займёмся настройкой внешнего вида и придадим вашему сайту законченный, красивый и гармоничный вид.