Урок 4.2. Создание меню и страниц сайта, инструкция по применению
“12 Технологий”

2005-2022

mail@greattemplates.ru

ЗАПУСК ШАБЛОНА

Добавьте навигацию
и страницы

Навигация – важный и неотъемлемый элемент, без которого не обходится ни один сайт или магазин. Навигация связана со страницами, через которые мы получаем нужный нам контент. Рассказываем, как создать меню и подключить странички.
demo

Бесплатный курс: уроки по созданию сайта самому

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

Уроки объединены в ПЛАН СБОРКИ, где в любой момент можно перейти на нужный урок, если это необходимо. Если сами не справитесь - зовите нас, поможем. Для этого есть коммерческие тарифы.

Шаблон как есть: https://wp.sborkatest.ru . Полученный результат уроков: https://sborkatest.ru


 

Создаем и настраиваем меню

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

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

В настройки Меню мы можем зайти либо через “Настройки” , где сейчас находимся ( “Внешний вид” “Настроить” ), либо через “Внешний вид” “Меню” .

В Настройках сайта ищем и переходим в раздел “Меню” :

создаем меню сайта

Сейчас мы создаем основное меню навигации на сайте, поэтому и назовем его – “Основное меню” :

Создаем основное меню

Отмечаем, что оно у нас – “Основное” (галочка) и переходим к добавлению пунктов.

Т.к. у нас пока сайт пустой, созданы только тестовые Страница и Запись, то сейчас мы настроим следующую структуру:

  • Главная
  • Пример страницы (далее переименуем ее в страницу “О компании” )
  • Статьи (или главная страница Блога, где будем размещать наши записи – статьи, новости и т.д.).

добавляем элементы в основное менб

Нажимаем “Добавить элементы” и видим справа выезжающий блок со структурой разных по типу страниц.

Сперва идем в блок “Страницы” и выбираем Главную (пока Home, потом переименуем) и Пример страницы, после добавления слева сразу их видим, они добавились в наше Меню:

И нам еще требуется создать раздел “Статьи” (это страничка, где будут выводится все наши записи – новости, статьи и так далее), но необходимо для начала выполнит настройки, о которых пишем чуть ниже.

А пока нажимаем кнопку “Опубликовать” и наше Меню сохранится. Кстати, тоже самое вы можете сделать из панели Ворпдресс, а именно – “Внешний вид” “Меню” .

 

А теперь возвращаемся к добавлению раздела СТАТЬИ

Для добавления раздела “Статьи” нам понадобиться создать страничку для Блогов, т.к. по умолчанию ее нет (хотя не во всех случаях).

Для этого в панели управления Вордпресс (консоль) идем в раздел “Страницы“ , создаем дубликат-клон “Примера страницы” , заходим внутрь только что созданной страницы и справа нажимаем “Опубликовать” (без публикации страничка будет недоступна для посетителей, т.к. для того, чтобы ее видели, у нее должен быть статус “Опубликована” ):

создаем раздел статьи

Таким образом мы только что создали страницу для раздела “Статьи” . Но этого мало, теперь мы должны сообщить Вордпресс, что именно на эту страницу нужно выводить все наши записи (новости, статьи и т.д., как угодно назовите) .

Для этого идем в консоль и открываем “Настройки” “Чтение” :

назначаем страницу записей

И здесь в Страницах записей выбираем нашу только что созданную страницу “Статьи” и сохраняем изменения.

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

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

добавляем страницу статьи в блог

Теперь, чтобы все отображалось корректно, нам нужно переименовать разделы Home и Пример страницы. Открываем в консоли раздел  Страницы и переименовываем примеры страниц в нужные наименования, нажав предварительно на Свойства страницы:

меняет название home на главная

меняет название home на главная 2

меняет название home на главная 3

По итогу мы получим исправленные названия страниц, вот пример, как это может выглядеть:

итог переименования страниц

После этих обновлений проверяем все на сайте, для чего просто вбиваем в адресной строке адрес сайта (домена).

В рамках данного бесплатного курса мы используем тестовый домен http://sborkatest.ru . Видим, что навигация сайта изменилась, у нас все получилось:

проверяем меню на сайте

 

Что дальше?

  1. Следующий урок
  2. Общий план сборки

 

Делитесь, сохраняйте, чтобы не забыть: