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

Question

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

10 мая 2015 г., 21:06:41

Просмотры: 13.6K

Голосов: 5

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

TWONEKSONE

151

меню add menu page

Комментарии

Я только что добавил пункт меню "Пользовательская ссылка" с адресом http://example.com/contact/#content, и когда я нахожусь на странице контактов, этот пункт меню работает корректно - переходит к содержимому с использованием ID элемента без перезагрузки страницы.

Ismail

10 мая 2015 г. 21:38:41

Я разрабатываю локально, поэтому моя пользовательская ссылка будет localhost/folder_name/home/#content. Если я просто добавлю эту ссылку, то при развертывании блога мне придется менять все такие ссылки. Я ищу динамический способ сделать это.

TWONEKSONE

11 мая 2015 г. 11:08:59

Тогда добавьте только /home/#content в качестве ссылки.

Ismail

13 мая 2015 г. 00:52:59

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

Arnel Go

8 мар. 2025 г. 15:57:21

Все ответы на вопрос

Комментарии

Хотя я должен добавить, я делал это для страниц. Полагаю, вы бы написали ?p=[id_number]#[anchor]

Bagnome

6 февр. 2018 г. 19:10:52

Fernando Baltazar 461 · Answer 1 · 2019-07-11T12:23:02Z

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

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

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

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

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

Пример якорной ссылки в меню

Такая ссылка будет выглядеть как http://domain.com/postID/#sugerir

Результат работы якорной ссылки

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

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

Bagnome 1 · Answer 2 · 2018-02-06T19:06:37Z

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

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

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

Bagnome

1

6 февр. 2018 г. 19:06:37