Как сделать ссылку на определенное место на странице?
Для этого вам нужно создать якорь. Якорь — закладка с уникальным именем (id) на определенном месте веб-страницы, предназначенная для создания перехода к ней по ссылке. Например, чтобы сделать переход с описания компании на контакты:
- Перейдите в «Расширенный режим» в левом нижнем углу страницы.
- Из меню справа страницы переместите в редактор блок, на который вы хотите сделать ссылку.
- Нажмите на блок, в панели его управления выберите «Редактировать HTML блока» и пропишите в теге div атрибут id, например: и нажмите «Сохранить».
- Из меню справа страницы переместите в редактор блок, с которого будет осуществляться переход.
- Нажмите на него, выделите текст для перехода и в панели инструментов сверху выберите «Ссылку».
- В открывшемся меню в первой строке «Обычная ссылка» укажите #contacts и нажмите «Сохранить».
* 4.1. Если вы хотите использовать переход с кнопки, найдите подходящий виджет в меню справа на странице и переместите его в редактор. Нажмите на кнопку два раза, выберите «Ссылку» и следуйте последнему пункту.
Другие вопросы в разделе «Редактирование сайта»
- С помощью чего редактируется сайт?
- Как управлять виджетами?
- Как изменять текст виджетов?
- Как добавить ссылку?
- Можно ли вернуть удаленный по ошибке текст или картинку?
- Можно ли поменять фон и цвет?
- Как добавить свою карту?
- Как добавить картинку?
- Можно ли открывать фотографии в увеличенном размере?
- Как настроить для фотографий просмотр с прокруткой?
- Можно ли изменить размер или форму картинки?
- Как добавить свое видео?
- Как добавить ссылки на соцсети?
- Можно ли восстановить информацию, если не нажали «Сохранить» и закрыли редактор?
- Возможно ли принимать платежи на сайте, созданном на «Джино.Лендинге»?
- Как добавить ссылку на кнопку?
- Как сделать меню?
- Как поменять иконку?
- Для чего нужен «Расширенный режим»?
- Как поменять фон страницы?
- Можно ли разделить страницу на секции с разным фоном?
- Как сделать кнопку «Позвонить»?
- Как добавить форму обратной связи?
- Как добавить анимацию на страницу?
- Общие вопросы о «Джино»
- Основные вопросы о «Джино»
- Оплата услуг
- Основные вопросы по хостингу
- Управление сайтом
- Работа с файлами
- FTP-доступ
- Задания по расписанию (cron)
- Доступ по SSH
- PHP
- CGI
- MySQL
- Общие вопросы по MySQL
- phpMyAdmin
- Joomla!
- osCommerce
- Invision Power Board
- MODX
- WordPress
- Основные вопросы по доменам
- Регистрация доменов
- Перенос доменов
- Домены .рф
- Основные вопросы
- Редактирование сайта
- Основные вопросы
- Настройка почтовых клиентов
- Почтовый интерфейс (WebMail)
Как добавить ссылку на конкретное место на странице (якорь)?
Чтобы поставить ссылку, которая ведет внутрь страницы к конкретному блоку (разделу), добавьте на страницу в нужное место специальный блок — якорь (в библиотеке блоков: Другое → T173 Якорная ссылка). В Контенте этого блока укажите имя якоря, например: сontacts. Теперь можно ссылаться на него в любом блоке, указывая ссылку типа #contacts. При нажатии на ссылку будет происходить переход к якорю.
Чтобы якорные ссылки работали везде, нужно ставить ссылки на них вида /#anchor (для якорей на главной) и /page#anchor (для якорей на других страницах).
Похожие вопросы
- Как добавить кнопку?
- Как добавить свой HTML, CSS или Javascript-код?
- Как сделать всплывающее окно?
- Как добавить видео?
- Как добавить на сайт PDF?
Как сделать ссылку на определенную часть страницы
Все пользователи, которые так или иначе связаны с сайтами, их созданием или редактированием ежедневно встречаются с созданием ссылок на различные материалы. И наверняка каждых из них знает, как и при помощи какого html-тега сделать ссылку на какой-либо материал в интернете.
Однако далеко не все умеют ставить ссылку на определенную часть страницы. Это может быть очень полезно, если вы пишете большие статьи. В начале поста можно сделать оглавление, из каждой строчки которого потом сделать ссылку на конкретную часть текста, как на этой же странице, так и на любой другой.
Что бы понять, что мы имеем ввиду, посмотрите оформление нашей недавней статьи о знаках больше и меньше. Вверху страницы как раз реализовано такое меню, в котором сделаны ссылки на определенное место страницы.
Как сделать ссылку на определенное место текущей страницы
Если перед вами стоит задача сделать ссылку на часть той же страницы, на которой сейчас находится пользователь, отправить его выше или ниже, то сделать это можно следующим способом:
1. Присвойте якорь части страницы
Первым пунктом вам нужно присвоить так называемый «якорь» (anchor) той части страницы, на которую пользователя должно перекидывать при нажатии на ссылку. Для этого перед текстом в этой части страницы вставьте следующий код
где вместо «anchor» вставьте любое слово, желательно подходящее по смыслу к абзацу, на который ссылаетесь.
2. Сделайте ссылку на «якорь»
Вторым делом вам нужно сделать ссылку на установленный в первом пункте «якорь» в том месте страницы, откуда пользователь, по вашему мнению, может захотеть перейти к части текста, на которую вы ссылаетесь. Например, это может быть оглавление в начале статьи. Ссылка на «якорь» выглядит следующим образом
где «anchor» замените на то слово, которое выбрали в первом пункте статьи.
Как сделать ссылку на определенную часть другой страницы
Таким же способом, который мы рассмотрели выше, можно ставить ссылки не только на часть текста на той же странице, но и на определенное место любой другой страницы. Главное, что бы у вас была возможность разместить там «якорь». Делается это следующим образом:
1. Присвойте «якорь» странице-реципиенту
Как и в предыдущем пункте, присвойте «якорь» нужной части той страницы, на которую пользователь должен переходить при нажатии на ссылку, выглядит это все так же:
где вместо «anchor» вы так должны вставить любое слово по вашему желанию.
2. Сделайте ссылку на anchor другой страницы
Как и в предыдущем случае, вам нужно просто поставить ссылку на созданный ранее «якорь». Разница лишь в том, что ссылаясь на часть другой страницы вам нужно добавить её URL в код, который в результате будет выглядеть следующим образом
где вместо «адрес страницы» вам нужно подставить, соответственно, URL страницы, на которую ссылаетесь, а вместо «anchor» текст, выбранный вами при создании «якоря».
Пример ссылки на часть страницы
Для примера, нажав на эту ссылку вы перейдете к началу статьи. Соответственно, в самом начале статьи мы вставили код
а код ссылки выглядит вот так
Если бы эта ссылка на начало статьи была размещена на другой странице или другом сайте, то её код выглядел бы следующим образом
Как создать ссылку на конкретную часть страницы
Многие видели меню навигации в различных обзорных статьях или просто в объемных страницах. Его обычно располагают в начале и при нажатии на один из пунктов меню вас перебрасывает на определенную часть страницы.
Пример можно посмотреть в статье – Nexus 5X обзор. С помощью этого способа можно так же создать ссылку на часть страницы в другой статье.
Якорь (anchor) html
Якорь html – это закладка на веб странице. Обозначается следующим кодом . Где слово в кавычках и есть название закладки и может быть любым. Вставляем код в том месте куда предполагаем перемещаться.
Якорь с помощью плагина
Для расширения возможностей встроенного редактора WordPress удобно использовать плагин TinyMCE Advanced.
Уже в тексте статьи выделяем нужный абзац, нажимаем на «Якорь» и придумываем название.