Как добавить заголовки в меню WordPress без ссылки на страницу

Добавьте элементы-страницу в меню Обучающие уроки для WordPress

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

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

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

Минималистское руководство по SEO: сделайте это за 6

Зачем добавлять заголовок в меню WordPress без ссылки на страницу

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

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

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

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

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

Генератор заголовков статей: 5 популярных инструментов для

Как добавить заголовки в меню без ссылки на страницу (за 3 шага)

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

Шаг 1. Выберите или создайте меню

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

Вы можете начать с перехода к Внешний вид> Меню на боковой панели панели инструментов WordPress. Это приведет вас к следующему экрану:

Редактор меню WordPress

Отсюда ваше текущее меню уже должно быть на экране, если оно у вас есть. Если вы хотите начать с нуля, вместо этого нажмите «Создать новое меню».

8 способов совместной работы контент-маркетинга и SEO

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

Перейдите к панели « Добавить элементы меню» в левой части экрана и откройте вкладку « Пользовательские ссылки », чтобы развернуть параметры:

Добавить пользовательский пункт меню без привязки

Отобразятся два поля: URL и Текст ссылки . Чтобы сделать ссылку неактивной, просто введите # в поле URL .

Затем введите свой несвязанный заголовок в поле « Текст ссылки» . В этом примере я решил использовать ярлык « Свяжитесь с нами» .

Когда вы закончите, нажмите « Добавить в меню» . Вы можете добавить подпункты со ссылками под этим заголовком, если хотите, и перетащить элементы меню, чтобы расположить их.

Шаг 3. Используйте CSS, чтобы предотвратить изменение курсора при наведении курсора

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

К счастью, это легко сделать с помощью небольшого количества CSS.

На экране « Меню» перейдите в правый верхний угол и щелкните раскрывающееся меню « Параметры экрана» . Это предоставит вам несколько вариантов. Найдите тот, который помечен как классы CSS :

Выпадающее меню параметров экрана

Установите этот флажок и закройте меню « Параметры экрана» .

Затем прокрутите вниз до меню своего веб-сайта. Найдите созданный ранее заголовок, у которого нет ссылки.

Теперь под ним должно быть дополнительное поле с надписью CSS Classes (необязательно) .

Введите собственный класс CSS, соответствующий изменению курсора (код CSS будет добавлен следующим). Я использовал здесь unclickable, чтобы не усложнять:

Пункт меню с добавленным новым классом CSS

После того, как вы выбрали курс, сохраните свои настройки.

Затем откройте настройщик WordPress, выбрав « Внешний вид»> «Настроить» в меню боковой панели.

Оказавшись там, перейдите на вкладку « Дополнительные CSS » в нижней части меню слева. Скопируйте и вставьте следующий код:

.unclickable > a {
   pointer-events: none;
}

Внутренние ссылки для SEO: примеры и передовой опыт

Единственное исключение здесь — если вы ранее использовали класс, отличный от unclickable . Если да, просто замените эту строку тем именем, которое вы дали классу CSS.

Тогда ваше поле CSS должно выглядеть примерно так:

Код добавлен на вкладку Additional CSS в настройщике.

Изменение должно быть отражено, как только вы введете дополнительный CSS.

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

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

Заключение

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

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

  1. Создайте или выберите меню, которое хотите использовать
  2. Добавить новый пункт меню «Пользовательская ссылка»
  3. Примените несколько строк CSS, чтобы курсор по умолчанию стал указателем при наведении.

Какой несвязанный пункт меню вы создадите с помощью этого урока? Дайте нам знать в комментариях ниже!

Оцените статью
( Пока оценок нет )
Поделиться с друзьями
Добавить комментарий

Top