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

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

Чтобы создать новое меню, нажмите на кнопку Добавить новое меню, которая будет находиться в центре экрана или в правом верхнем углу, в зависимости от того, есть ли у вас уже какие-либо меню или нет. Откроется всплывающее окно; здесь вы можете назвать свое меню. После завершения нажмите на кнопку Создать новое меню.

Ваше меню теперь создано, но есть проблема; нет никаких пунктов меню, по которым люди могли бы кликать! На экране Меню щелкните по вашему свежему новому меню, чтобы расширить его параметры. Поскольку еще не добавлено ни одного элемента, вы увидите только две кнопки; Добавить элемент меню и Изменить название меню.

Нажмите кнопку Добавить пункт меню; это откроет боковую панель в правой части экрана, где вы можете предоставить подробную информацию о вашем пункте меню. Изначально доступно шесть вариантов:

• Метка - это название, которое будет использоваться для элемента меню.
• Тип - определяет, какой ссылкой будет элемент меню, например, ссылкой на публикацию или страницу с тегом, внешней ссылкой и т.д...Более подробная информация о доступных типах ссылок приведена в следующем разделе.
• Атрибут заголовка ссылки - устанавливает атрибут для заголовка элемента меню; это полезно, если вы хотите, чтобы элемент меню использовал определенный набор правил CSS или отделял его от других элементов меню.
• CSS Class - Добавьте CSS-класс в меню для упрощения оформления; требуется только опытным пользователям, которые хотят добавить свой собственный CSS-код в тему.
• Целевая ссылка - определяет, будет ли ссылка перенаправлять текущее окно пользователя на целевую ссылку или откроет новую вкладку браузера или окно для ее загрузки; это особенно полезно при ссылке на внешние URL.
• Атрибут Link "rel" - устанавливает атрибут relationship для элемента меню; например, если установить для него значение nofollow, роботы поисковых систем не смогут перейти по ссылке, что полезно для целей SEO.

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

Типы элементов меню

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

1. Опубликовать ссылку

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

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

2. Ссылка на тег

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

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

3. Ссылка на список тегов

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

4. Ссылка на автора

   Пункт меню "Ссылка на автора" позволяет вам ссылаться на страницу указанного автора; по мере того, как ваш сайт становится все более популярным, некоторые пользователи могут оценить возможность отслеживать работы своего любимого автора! Когда этот тип элемента будет выбран из доступных типов, появится новая опция:

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

5. Ссылка на главную страницу

   Максимально простая ссылка; Ссылка на главную страницу элементы меню ссылаются обратно на вашу главную страницу, поэтому их можно использовать как кнопку "Домой".

6. Внутренняя ссылка

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

7. Внешняя ссылка

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

8. Текстовый разделитель

   Пункт меню "Разделитель текста" - это нефункциональный пункт, который в основном используется, когда у вас много пунктов подменю. Например, у вас может быть разделитель текста под названием "Категории", на который нельзя кликнуть, но если пользователь наведет на него курсор, откроется подменю, содержащее элементы "Ссылки на теги".

Назначение меню

Меню в Publii размещаются в соответствии с предопределенными разделами темы; каждая тема, которую вы загружаете и используете, может иметь совершенно разные встроенные расположения меню. Чтобы назначить меню доступному местоположению меню в выбранной вами теме, нажмите на опцию "Меню" на левой боковой панели, затем нажмите на раскрывающуюся кнопку под столбцом "Назначенное меню" в правой части экрана. Это вызовет всплывающее окно с доступными местоположениями меню и параметром максимального уровня.

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

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

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

Создание пунктов подменю

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

Добавить подменю к пункту меню можно двумя способами: перетаскиванием (более подробную информацию об этом методе можно найти в разделе "Реструктуризация меню" ниже) или с помощью кнопки "Добавить подменю", которая появится рядом с каждым пунктом меню в списке.

Чтобы добавить подменю с помощью этого метода, нажмите на меню, которое вы хотите изменить, затем на кнопку Добавить подменю рядом с элементом, к которому вы хотите добавить подменю. Откроется боковая панель "Добавить новый пункт меню"; заполните поля для пункта меню как обычно, затем нажмите кнопку "Добавить пункт меню" в нижней части боковой панели. Новый элемент будет добавлен в список, но с небольшим отступом, чтобы указать, что это подменю элемента меню над ним.

Реструктуризация меню

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

Чтобы изменить порядок элементов, щелкните и перетащите их на новое место в списке; вы увидите пунктирный контур, показывающий, где они появятся после удаления:

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

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

Реструктуризация меню с помощью опции Перемещения

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

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

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

1. У меня есть два пункта меню; Пункт меню 1 и Пункт меню 2, и я хочу сделать пункт меню 2 элементом подменю для пункта меню 1.
2. При нажатии на команду Переместить для пункта меню 2 он будет выбран (обозначен пунктирной линией).
3. Затем в настройках для пункта меню 1 появится новая опция; Вставить выбранный элемент. Здесь я могу точно указать Publii, куда поместить пункт меню, нажав на соответствующий текст; Перед, после или как подменю.
4. Поскольку я хочу добавить пункт меню 2 в качестве подменю пункта меню 1, я могу нажать опцию "Как подменю" рядом с пунктом меню 1; пункт меню будет перемещен в это новое местоположение.
5. Если я все-таки решу не перемещать элемент, я могу щелкнуть красным по Невыбранному тексту рядом с пунктом меню 2 , чтобы отменить перемещение.

Скрытие элемента меню

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

Дублирование пункта меню

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

Удаление меню или элемента прейскуранта

Чтобы удалить пункт меню, нажмите на значок Большойобласти в правой части пункта меню. Чтобы удалить все меню, установите флажок в чекбокс слева от меню который вы хотите удалить; новая удалить меню опция появится в верхней части раздела, нажмите кнопку, чтобы подтвердить удаление.