Внешний вид — меню
Раздел меню позволяет пользователю создать собственное меню (также известное как панель навигации, меню навигации или главное меню). Это раздел сайта, который помогает посетителям перемещаться по сайту. В зависимости от используемой темы обычно на сайте будет одно меню навигации, а некоторые темы могут включать дополнительные меню или меню подвала сайта. Важно иметь аккуратное и упрощенное меню навигации, чтобы не сбивать с толку посетителей.
По умолчанию WordPress автоматически добавляет все опубликованные страницы в меню. Однако возможна настройка меню, например добавление ссылки на категорию или на внешний сайт, изменение порядка ссылки меню или создание подменю.
Раздел меню доступен через Внешний вид > Меню консоли.
Настройки экрана
Настройки экрана позволяют вам выбрать, какие элементы будут отображаться или не отображаться в соответствующем разделе. При нажатии на вкладку «Настройки экрана» отображается список возможных элементов и параметров с флажком рядом с каждым. Установите флажок для каждого элемента или параметра, который вы хотите отобразить, или снимите флажок, чтобы этот модуль не отображался. Нажмите на вкладку Настройки экрана еще раз, чтобы закрыть ее.
Некоторые элементы, например записи, по умолчанию скрыты.
Создание меню
- Перейдите в консоль WordPress.
- В меню «Внешний вид» в левой части консоли выберите «Меню», чтобы открыть редактор меню.
- Выберите Создайте новое меню в верхней части страницы
- Введите имя для вашего нового меню в поле
- Нажмите кнопку Создать меню.
Добавление пунктов в меню
Вы можете добавлять в меню различные типы элементов, такие как страницы, рубрики или даже произвольные ссылки. Они разделены между панелями слева от меню, которое вы редактируете. Пример того, как добавить ссылку на страницу:
- Найдите панель под названием Страницы.
- На этой панели выберите вкладку Все, чтобы открыть список всех опубликованных в настоящее время страниц на вашем сайте.
- Выберите страницы, которые вы хотите добавить, установив флажок рядом с заголовком каждой из них.
- Нажмите на кнопку Добавить в меню, расположенную в нижней части этой панели, чтобы добавить выбранные вами элементы в меню, созданное на предыдущем шаге.
- Нажмите на кнопку Сохранить меню как только вы добавите все нужные пункты меню.
Ваше пользовательское меню теперь сохранено.
Примечание. Настройки экрана позволяют вам выбирать, какие элементы вы можете использовать для добавления в меню. Некоторые элементы, например метки, по умолчанию скрыты.
Удаление пункта меню
- Найдите элемент меню, который вы хотите удалить, в окне редактора меню.
- Нажмите на значок стрелки в правом верхнем углу пункта меню, чтобы развернуть его.
- Нажмите на кнопку Удалить. Пункт меню будет немедленно удален.
- Нажмите на кнопку Сохранить меню чтобы сохранить изменения.
Создание многоуровневых меню
При планировании структуры вашего меню полезно думать о каждом пункте меню как о заголовке в формальном отчетном документе. В формальном отчете заголовки основных разделов (заголовки уровня 1) расположены ближе всего к левому краю страницы; заголовки подразделов (заголовки уровня 2) смещены немного дальше вправо; любые другие подчиненные заголовки (уровень 3, 4 и т. д.) в том же разделе имеют еще больший отступ вправо.
Редактор меню WordPress позволяет создавать многоуровневые меню с помощью простого «перетаскивания». Перетащите элементы меню вверх или вниз, чтобы изменить порядок их отображения в меню. Перетаскивайте элементы меню влево или вправо, чтобы создать подуровни в вашем меню.
Чтобы сделать один пункт меню подчиненным по отношению к другому, вам нужно расположить «дочерний элемент» под его «родителем», а затем перетащить его немного вправо.
- Наведите указатель мыши на «дочерний» пункт меню.
- Удерживая левую кнопку мыши, перетащите ее вправо.
- Отпустите кнопку мыши.
- Повторите эти шаги для каждого пункта подменю.
- Нажмите на кнопку Сохранить меню чтобы сохранить изменения.
Добавление меню на ваш сайт
Если ваша текущая тема поддерживает настраиваемые меню, вы сможете добавить новое меню в одну из Область отображения.
- Прокрутите вниз окно редактора меню.
- В разделе Область отображения установите флажок для того места, где вы хотите разместить свое меню.
- Нажмите на кнопку Сохранить меню чтобы сохранить изменения.
Если ваша текущая тема не поддерживает настраиваемые меню, вам нужно будет добавить новое меню через виджет «Пользовательское меню» в разделе виджетов.
Перестановка, настройка пунктов меню
После того, как элемент добавлен в меню, эти элементы меню можно изменить. Поместив курсор мыши на заголовок пункта меню, когда курсор мыши изменится на 4 стрелки, удерживайте левую кнопку мыши нажатой, перетащите модуль в то место, где вы хотите его разместить, затем отпустите кнопку мыши (это называется перетаскиванием). Помните, что вы можете перетащить элемент меню немного вправо от элемента меню над ним, чтобы создать иерархические отношения (родительский/дочерний) в меню.
У каждого пункта меню есть стрелка конфигурации справа от заголовка пункта меню, при нажатии на которую открывается окно конфигурации. Кликните на стрелку второй раз, чтобы закрыть окно конфигурации. Если вы не видите «Цель ссылки», «Классы CSS», «Отношение к ссылке (XFN))» и «Описание», то в разделе Настройки экрана убедитесь, что эти флажки установлены, чтобы их можно было здесь увидеть.
Затем выбор конфигурации:
Текст ссылки
Текст для этого конкретного пункта меню
Атрибут, используемый при отображении метки
Открывать в новой вкладке
Отметте флажком, если вы хотите, что бы страница открывалась в новом окне.
Классы CSS (необязательно)
Классы CSS для этого пункта меню
Отношение к ссылке (XFN)
Позволяет автоматически создавать атрибуты XFN, чтобы вы могли показать, как вы связаны с авторами/владельцами сайта, на который вы ссылаетесь.
Как добавить записи и рубрики в меню сайта wordpress?
Полезное для сайта
Не все знают, что на сайте wordpress можно очень просто добавлять записи и рубрики в меню сайта. Например, вы хотите чтобы несколько ваших рубрик отображались в меню сайта, и чтобы при нажатии на рубрику открывалась страница с записями рубрики. Или вы хотите, чтобы опубликованная запись отображалась в меню, то есть название и ссылка записи, а при нажатии на запись у вас открывалась страница записи. Всё это можно очень просто сделать на wordpress и вам не нужно создавать лишние отдельные страницы.
Перейдите на страницу: Внешний вид — Меню , слева под виджетом Страницы, у вас будут отображаться ещё три дополнительных закрытых виджета — Записи , Произвольные ссылки и Рубрики .
Чтобы добавить запись в меню, откройте виджет Записи, отметьте галочкой запись, которую вы хотите добавить в меню, нажмите на кнопку — Добавить в меню . Запись появится в меню, нажмите на кнопку — Сохранить меню .
Чтобы добавить рубрику в меню, откройте виджет Рубрики, отметьте галочкой рубрику, которую вы хотите добавить в меню, нажмите на кнопку — Добавить в меню . Рубрика появится в меню, нажмите на кнопку — Сохранить меню .
Вы так же можете добавлять в меню любые произвольные ссылки, на другой сайт или другую страницу. Откройте виджет Произвольные ссылки, укажите URL адрес ссылки и Текст ссылки, нажмите на кнопку — Добавить в меню , сохраните меню.
Создание и настройка меню в WordPress
Приветствую друзья! В этом уроке вы узнаете как создать меню в WordPress и как добавить страницу в меню. В прошлых уроках мы уже разобрались с Вами как создавать страницы и записи в WordPress, а сегодня мы научимся и пошагово разберем как создать меню и как добавить вторую вкладку в шапке сайта (выпадающее подменю) в WordPress.
Создание меню в WordPress
1. Для начала необходимо перейдите в панели администратора в Внешний вид — Меню.
2. Теперь необходимо создать меню, для этого нажимаем по «Создайте новое меню».
3. В текстовом поле вводим название для меню WordPress и нажимаем кнопку «Создать меню».
4. Меню создано. Теперь необходимо добавить нужные Вам страницы, записи, метки, рубрики и т.п. в меню WordPress. Для этого нужно выбрать необходимый пункт, например «Страницы» и отметить галочками те, которые Вы хотите добавить. После этого нажимаем «Добавить в меню».
После того как вы добавили нужные страницы, рубрики или записи в меню нажмите «Сохранить меню».
Важно! Если Вы не видите в списке нужные пункты, нажмите в верхнем правом углу «Настройка экрана» и проставьте галочки на необходимых пунктах. После этого они появятся в списке и вы сможете добавить их в меню.
5. Для того, чтобы созданное меню отображалось на главной странице сайта WordPress, необходимо перейти в «Управление областями» и выбрать в списке созданное нами меню, после чего нажать «Сохранить изменения».
Вот и все! Как видите, всего за несколько шагов можно легко создать новое меню в WordPress.
Порядок размещения меню в WordPress
Для того чтобы изменить порядок пунктов в меню, необходимо зажать левой кнопкой мыши нужный нам пункт и перетянуть его выше или ниже. Для сохранения изменений нажмите «Сохранить меню».
В этом примере страницу «Роланд Дискейн» передвигаем в меню после «Добавление видео»
Создание выпадающего меню в WordPress
Для того чтобы сделать выпадающее подменю, необходимо зажать левой кнопкой мыши нужный нам пункт и перетянуть его левее под пункт меню, из которого будет выпадать наше подменю.
В этом примере страницу «Пример страницы» делаем выпадающим подменю для пункта меню «Роланд Дискейн»
Если у вас возникли вопросы по созданию меню, задавайте их в комментариях.
Обзор
Проголосуйте за урок
Оценка
Итог : Уважаемые читатели! Если вам понравилась статья не поленитесь проголосовать и оставить комментарий, ведь так я смогу понять полезность уроков и статей, и улучшить их качество в будущем. Заранее спасибо!
Как добавлять страницы и сообщения на ваш сайт WordPress
Сегодня я продолжаю писать в свой раздел «Создание сайта на WP» и сейчас я расскажу вам как добавлять страницы и сообщения на ваш новый блог.
Если вы следовали моиим указаниям до этого момента, ваш сайт будет немного похож на приведенный ниже снимок экрана.
Это хорошее начало, но нам нужно больше, чем образец по умолчанию. Сейчас я покажу вам, как добавлять страницы и сообщения на ваш сайт WordPress.
Добавление страниц в WordPress
Давайте перейдем к панели инструментов. Вы должны знать, как это сделать к настоящему времени, но если нет, я напомню вам еще раз. После этого, я надеюсь, вы можете пользоваться верхней панелью, переключаясь между демо-сайтом и панелью инструментов.
Когда вы посмотрите на панель инструментов, перейдите на вкладку «Страницы» в левом столбце. У нас есть одна страница, «Sample Page (Пример страницы)», и вы увидите, что она указана в основной области панели.
Нажмите «Добавить новую» в левом столбце в разделе «Страницы — Все страницы». Также есть ссылка «Добавить новую» в верхней части области главной панели рядом с заголовком «Страницы».
Совет. В мире веб-инструкций мы часто используем знак «>» или «-«, чтобы показать, как перейти к определенной странице или разделу панели инструментов или веб-сайта. Чтобы упростить приведенные выше инструкции, я могу ввести следующее: перейдите в «Личный кабинет — Страницы — Добавить новую».
После того, как у вас есть новая страница, введите например «About (О нас)» для названия страницы.
После присвоения этой странице имени, щелкните в большом текстовом редакторе и добавьте некоторый контент. Вы можете либо ввести какой-то фиктивный текст, либо вы можете скопировать и вставить контент, который у вас может уже быть о вас или вашем бизнесе.
Обратите внимание, когда вы переходите к текстовому редактору, который WordPress предоставит вашей странице постоянную ссылку (URL-адрес чуть ниже заголовка страницы с «/about/» выделен желтым цветом), показывающий, как он будет выглядеть в адресной строке вашего веб-браузера.
Когда вы добавили некий контент, нажмите кнопку «Опубликовать» в правом столбце панели инструментов.
При нажатии кнопки «Опубликовать» страница станет видимой для ваших посетителей.
После нажатия кнопки «Опубликовать» вы увидите стандартное подтверждающее сообщение в верхней части панели управления, выделенное желтым цветом.
Нажмите ссылку «Просмотр страницы» в той же строке подтверждения, и вы увидите новую страницу, которую вы только что добавили.
Давайте добавим страницу контактов. Перейдите в «Панель инструментов — Страницы — Добавить новую», как мы это сделали несколько минут назад. Пропишите тайтл «Контакт» и добавьте свой текст через текстовый редактор.
Как и на странице «О нас», нажмите кнопку «Опубликовать» справа.
Когда вы увидите желтую панель подтверждения вверху, нажмите «Просмотреть страницу», чтобы посмотреть нашу страницу контактов.
Давайте добавим еще одну страницу. Сейчас мы создадим страницу для нашего блога.
Я знаю, что вы теперь знаете, как добавлять страницы, но оставайтесь со мной, потому что страница блога будет немного отличаться от основной страницы. Перейдите в «Личный кабинет — Страницы — Добавить новую», как и прежде, и задайте этот новой страницы заголовок «Блог».
НЕ добавляйте контент на эту страницу. Причина, по которой мы не собираемся добавлять какой-либо контент на эту страницу, состоит в том, что наш блог будет автоматически загружать наши самые последние сообщения в блоге и отображать их на своей странице вместо содержания.
Нажмите синюю кнопку «Опубликовать» справа, чтобы сделать ее видимой.
Теперь нам нужно сообщить WordPress, что эта новая страница, которую мы создали, является нашим блогом, поэтому он будет знать, что автоматически помещает наши сообщения в блоге на этой странице.
Наведите указатель мыши на вкладку «Настройки» в левом столбце внизу, пока не появится раскрывающееся меню. Затем нажмите ссылку «Чтение».
Вы должны увидеть следующее:
Мы указали WordPress, что наша домашняя страница представляет собой статическую страницу, которая в настоящее время установлена на «Sample Page». Нам нужно сказать, что наша страница «Сообщения» — это блог. Нажмите раскрывающееся меню рядом со страницей «Сообщения»:
Выберите «Блог», а затем нажмите кнопку «Сохранить изменения» внизу.
Когда вы увидите подтверждение сохраненных настроек, перейдите на домашнюю страницу своего веб-сайта, а затем нажмите ссылку «Блог», чтобы просмотреть на свой новый блог.
В вашей установке WordPress появилась начальная запись в блоге по умолчанию «Hello world!», и вы должны увидеть это на своей странице блога.
Этот пост в блоге немного одинок, поэтому давайте добавим еще хотя бы один.
Добавление сообщений в WordPress
Перейдите в «Панель управления — Записи».
Вы должны смотреть в разделе «Записи» в панели инструментов и видеть наш единственный пост.
Нажмите «Добавить новую» в левом столбце «Записи и Все записи». И как вы делали это при добавлении страниц, дайте этому сообщению заголовок и добавьте некоторый контент. Я напечатал новое предложение и только что скопировал и вложил некоторый контент с одной из страниц.
Если вы вообще знакомы с блогами, и я предполагаю, что это так и есть, вы знаете, что большинство блогов имеют свои записи, сохраненные в разных категориях. Мы хотим сделать то же самое.
WordPress имеет только одну категорию по умолчанию, блестяще названную «Без рубрики», поэтому нам нужно добавить нашу собственную. В правом столбце внизу вы увидите окно «Категории». Нажмите ссылку «+ Добавить новую категорию».
После этой ссылки появится текстовое поле, и вы можете добавить свою первую категорию. Поскольку многие бизнес-сайты публикуют новости в блоге, я собираюсь добавить «Новости» как свою первую категорию.
Нажмите кнопку «Добавить новую категорию» чуть ниже текстового поля, и ваша новая категория будет добавлена в список «Все категории» выше «Без рубрики». Он также должен иметь флажок в радиокнопке рядом с ним.
Вы также можете добавлять теги в свои сообщения в блоге через поле, расположенное непосредственно под полем «Категория».
Теги похожи на категории, но обычно более конкретны. В своей категории новостей вы можете размещать информацию о новых клиентах, выступлениях на концертах или пресс-релизах, размещенных в средствах массовой информации. Все сообщения новостей о пресс-релизах могут быть отмечены как «PR» или «Пресс-релизы».
Вы можете иметь несколько тегов в сообщении, просто введите их и разделите запятой, в текстовом поле с названием «Теги».
Нажмите кнопку «Добавить» рядом с текстовым полем «Теги», и вы увидите каждый из ваших тегов, добавленный ниже.
Теперь мы готовы опубликовать его, поэтому нажмите кнопку «Опубликовать» в правом верхнем углу панели инструментов.
Нажмите ссылку «Просмотреть сообщение», чтобы увидеть новое сообщение на веб-сайте. Под заголовком «Мой первый пост» и рядом с датой публикации вы увидите категорию «Новости» и теги «Блог, контент, образец».
Нажмите ссылку «Блог» в навигации по сайту, и вы увидите свой новый пост после «Привет, мир!».
БОНУС: Как изменить меню WordPress
Мы добавили несколько страниц и новую запись на наш сайт. Но прежде чем двигаться дальше, давайте сделаем еще несколько корректировок.
Если вы посмотрите на основную навигацию, вы увидите, что ваши новые страницы находятся в алфавитном порядке: «О нас», «Блог», «Контакты» и т. д.
Ну, а что, если ты не хочешь их в таком порядке? Вам повезло. Мы можем изменить порядок, перейдя в раздел меню нашей информационной панели.
Если вы наведете над своим доменным именем, указанным в черной панели администратора, вы получите раскрывающееся меню. Нажмите ссылку «Меню».
Теперь вы должны находиться в разделе «Меню» панели инструментов, которая находится на вкладке «Внешний вид». Мы собираемся изменить существующее меню.
В зависимости от того, какая версия WordPress у вас есть, вам может понадобиться создать новое меню для работы.
Чтобы создать новое меню, нажмите ссылку «Создать новое меню» в верхней части панели инструментов. Придумайте меню имя.
Чтобы добавить страницы в свое меню, нажмите переключатель рядом с нужными страницами в окне «Страницы», а затем нажмите кнопку «Добавить в меню».
Итак, добавили ли вы новое меню или используете меню по умолчанию, администратор меню должен выглядеть примерно так.
Чтобы изменить порядок меню, наведите указатель мыши на одну из страниц, нажмите и удерживайте, а затем перетащите страницу в нужную позицию. Сделайте это для каждой страницы, которая не соответствует вашему порядку.
Обычно я рекомендую страницу «О нас» ставить в начало меню, а страница «Контакт» — в конец. Затем убедитесь, что переключатель рядом с навигационным меню в нижней части окна администрирования меню выбран и нажмите синюю кнопку «Сохранить меню».
В моем примере я закончил с двумя образцами страниц. Я хочу только одного.
Чтобы удалить страницу из меню, щелкните заголовок страницы. Вы получите раскрывающийся список с некоторыми дополнительными опциями, включая ссылку «Удалить». Нажмите, чтобы удалить страницу из меню. ПРИМЕЧАНИЕ. Страница не удаляется с веб-сайта, только удаляется из меню.
Теперь нежелательная страница должна исчезнуть из меню. Нажмите синюю кнопку «Сохранить меню».
Если вы посмотрите на свой сайт сейчас, вы увидите обновленное меню.
Вот и все. Теперь вы знаете, как добавлять сообщения и страницы на свой сайт. Мы перейдем к добавлению дополнительных страниц и редактированию страниц позже.