Как сделать подстраницы в wordpress

Добавил пользователь Евгений Кузнецов
Обновлено: 10.09.2024

Заранее прошу прощения за возможно криво заданный вопрос.

На моем сайте публикуются посты различных обзоров. Как добавить каждому посту подстраницы? Или нечто похожее на страница вложения (как для медиа файлов)

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

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

по нажатию которой пользователь переходит на: myplugin.php?page=itemAdd для создания нового Item'а, если действовать по стандарту, то мне надо сделать так:

но если я не хочу чтобы у меня страница: Add Item имела пункт в меню админки?

Если мне надо чтобы при переходе по кнопке: Add Item, выделенным слева оставался пункт Items - как быть?

Сегодня я продолжу рассказывать вам как устроен WordPress и как создать сайт на WordPress самому. И темой сегодняшнего поста будет как создавать пользовательские меню на сайте.

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

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

Создаем меню вручную

WordPress имеет мощную систему, встроенную для создания расширенных меню. Она работает путем перетаскивания и легко настраивается. Вы можете создать несколько меню и выбрать, какие меню использовать. Сколько вы можете отображать сразу, зависит от вашей темы. Я буду использовать Divi в этой статье, в которой будут отображаться три меню.

Создание меню

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

Структурирование меню с помощью перетаскивания

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

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

Переименование текста ссылок

Обработка подстраниц

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

Использование ссылок

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

Использование категорий

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

Настройки меню

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

Сохраняем меню

Тестирование меню

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

Использование виджета Custom Menu

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

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

Типы меню WordPress

Многие темы от Elegant Themes имеют структуру для трех меню: первичное, вторичное и меню в подвале сайта. Каждое из этих меню может быть специально разработано, чтобы наилучшим образом использовать их позиционирование. Размещение и типы меню будут различаться в зависимости от темы, которую вы используете. Вот посмотрите на структуру меню для тем Divi и Twenty Fifteen.

Primary (первичное меню)

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

Secondary (второстепенное меню)

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

Footer menu (меню в подвале сайта)

Меню в подвале сайта, конечно же, находится в подвале вашего сайта. Я решил сохранить футер простым и поэтому использовал только самые заметные ссылки и не включил подменю. Это позволяет использовать нижнее меню в чистоте и удобстве. Конечно, то, что вам нужно здесь, будет зависеть от вашего сайта и ваших посетителей, поэтому не стесняйтесь включать ссылки и категории.

Управление местоположениями

Социальные ссылки

Это добавленные социальные значки со ссылками на боковую панель. Для ссылок, которые он не понимает (например, фэйковым, который я составил для Google+), он помещает круговой символ с точкой внутри.

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

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

Завершение

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

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

На этом все. До скорых встреч!

Занимаюсь созданием сайтов на WordPress более 6 лет. Ранее работал в нескольких веб-студиях и решил делиться своим опытом на данном сайте. Пишите комментарии, буду рад общению.

Этот туториал покажет, как добавлять страницы в WordPress.

Для страниц можно добавить подстраницы.

Для того чтобы добавить новую страницу, необходимо выполнить следующие шаги:

Введите заголовок страницы и введите содержимое в область редактирования записи. В Визуальном редакторе (Visual editor ) можно отредактировать дизайн текста. А в Текстовом редакторе (Text editor ) можно добавлять HTML код.

В правой колонке в секции Атрибуты страницы (Page attributes) выберите Шаблон страницы (Page template).

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

Для того чтобы создать подстраницу, необходимо выполнить следующие шаги:

В правой колонке в секции Атрибуты страницы (Page Attributes) в выпадающем меню опции Родительская (Parent) выберите Родительскую страницу.

В выпадающем меню опции Шаблон (Template) в секции Атрибуты страницы (Page Attributes) выберите шаблон для новой страницы.

Сохраните новую страницу нажатием кнопки Опубликовать (Publish).

Вы также можете воспользоваться детальным видео туториалом:

Эта запись была размещена в WordPress туториалы и помечена как create, multilevel, nested, page, WordPress. Добавьте в закладки постоянную ссылку.

Submit a ticket

Структура меню

Вот примерная структура меню, которая может быть у сайта-визитки сервисной компании:

Уровень вложенности меню может быть любым, но на мой взгляд, сайты, у которых больше двух уровней вложенности очень неудобны в использовании. Пока ведёшь к подпункту, предыдущий пункт закрывается или постоянно скачет перед глазами. Это по большей части проблема программиста или автора темы, но факт остаётся фактом: самый частый вариант меню на сайтах — двухуровневый.

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

В принципе, это неплохо и можем пойти по такому же пути: сначала создадим структуру, посмотрим, всё ли нормально у нас и затем уже будем создавать страницы (создать страницы вы сможете и самостоятельно, я верю в вас!).

Создаём новый набор меню или используем уже существующий.

Добавляем остальные пункты в меню

Теперь по аналогии создаём остальные пункты меню первого уровня. В результате мы получим примерно такую картинку:

Давайте сохраним наш промежуточный результат и зайдём на сайт, чтобы посмотреть, как будет выглядеть первый вариант созданного только что меню:

Результат должен получиться следующий:

По аналогии сделаем и другие пункты:

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

Что дальше?

Дальше всё просто:

Если какие-то из пунктов вам остались непонятными — напишите об этом в комментарии, я подготовлю более развёрнутую инструкцию на этот счёт, но, как мне кажется, этого материала будет достаточно, чтобы создать развёрнутое меню в WordPress. Успехов! ?

Видео

Автор

Александр Кадыров

Занимаюсь разработкой сайтов на WordPress около 10 лет, с тех же пор стал вести блог о WordPress. В итоге это всё вылилось в этот курс, где вы сейчас находитесь. В свободное время программирую на Ruby, PHP и Golang, увлекаюсь администрированием серверов и автоматизацией своей деятельности. Посмотреть все записи автора Александр Кадыров

Читайте также: