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

Вопрос или проблема

В разделе администрирования я бы хотел добавить в Внешний вид > Меню > несколько пользовательских страниц для добавления в мое меню. У меня есть два разных меню: одно для главной страницы и одно для остальных страниц. В меню главной страницы я добавляю элементы меню в виде ссылок, потому что мне нужно дать href ID HTML элемента, чтобы я мог ‘перенаправить’ на конкретную точку на моей странице, поэтому моя ссылка — ‘#gallery’. В меню для всех остальных страниц ссылка должна быть ‘http://my_domain/home/#gallery. Есть ли способ динамически добавить эту ссылку в список страниц? Надеюсь, я был понятен. Спасибо

Я искал ответ на это, но вдруг мне пришла идея, и это сработало!

В настройках меню просто добавьте якорную ссылку, как в коде HTML <a href="#anchor" >titulo </a>

Так что с WP то же самое, но только добавляя якорь в поле ссылки.

Это создаст тот же якорь на каждой странице, чтобы связать с секцией, которая активна также на каждой отдельной странице, это может быть форма обратной связи, форма подписки и т. д.

Так что это будет адресоваться как http://domain.com/postID/#sugerir

Что делать на страницах, где этот якорь не работает или не нужен?

Вы можете скрыть элемент навигации с помощью CSS в зависимости от каждого случая. Для меня важно на каждом отдельном посте связать форму для предложения идей (Sugiere un tema).

Лучший плагин для этого: https://github.com/wikiwyrhead/wordpress-dynamic-menu-anchor

Перейдите на вкладку пользовательской ссылки и в поле URL просто добавьте:
?page_id=[id_number]#[anchor]

Это то, что сработало для меня после небольших экспериментов. Убедитесь, что WordPress не добавляет http:// перед ним.

Другие мысли: было бы неплохо, если бы у WordPress была дополнительная коробка для страниц, куда можно было бы вставить якорь.

Ответ или решение

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

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

Пример: В вашем случае, на главной странице вы добавляете элементы меню как ссылки с якорями, например, #gallery, чтобы, при клике, пользователей перекидывало на соответствующую секцию на текущей странице. На других страницах, вместо короткой ссылки нужно проставить полный URL в виде http://my_domain/home/#gallery, чтобы пользователь перенаправлялся на главную страницу и переходил в нужный раздел.

Применение: Для реализации такой системы в WordPress, необходимо следовать нескольким шагам:

Добавление якорных ссылок в WordPress меню:

В административной панели WordPress пройдите в раздел "Внешний вид" > "Меню". Выберите нужное меню для главной страницы и добавьте элемент с якорной ссылкой. Для этого в разделе "Ссылки" укажите #gallery в качестве URL и задайте название.
Настройка ссылок для других страниц:

Повторите процесс для меню на других страницах, но здесь необходимо указать полный URL, например, http://my_domain/home/#gallery. Это обеспечит плавный переход на главную страницу в нужную секцию.
Динамическое добавление ссылок:

Динамическое добавление ссылок в меню сделать можно, например, через плагинили разработать собственное решение. Один из пользователей предложил использовать плагин, который можно найти по ссылке, для более автоматизированного процесса работы с якорями.
Дополнительные настройки и кастомизация:
- CSS-стилизация: Если якорное меню не требуется на определённых страницах, его элементы можно скрыть с помощью CSS, чтобы сохранить консистентность дизайна. Например, можно прописать CSS-правило типа .menu-item-123 { display: none; }, чтобы скрыть определённый элемент меню.
- Индивидуальная настройка URL: Ещё одним вариантом может быть использование кастомных ссылок с параметрами ?page_id=[id_number]#[anchor], что особенно полезно, если ваш сайт использует структуры с различными страницами и постами.

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

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

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