Как создать гиперссылки на сайте Weebly?

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

Как создать гиперссылки на сайте Weebly?

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

Отображать значок гиперссылки в Weebly

Щелкните значок гиперссылки, чтобы просмотреть различные доступные параметры. Weebly предлагает следующие варианты связывания:

Параметры гиперссылок в Weebly

Параметры гиперссылок в Weebly

  • URL-адрес веб-сайта — для ссылки на внешнюю веб-страницу введите URL-адрес страницы, на которую вы хотите создать ссылку, установите флажок «Открыть ссылку в новом окне», если вы хотите, чтобы страница открывалась в новом окне. В противном случае связанная страница по умолчанию будет открываться в том же окне.
  • Стандартная страница на вашем веб-сайте. Чтобы подключить страницы вашего собственного сайта, выберите в раскрывающемся списке страницу, которая является частью вашего собственного сайта.
  • Страница магазина — эта опция добавлена ​​с появлением новых функций электронной торговли в Weebly. Вы можете связать любую категорию или страницу продукта в своем интернет-магазине.
  • Файл на вашем веб-сайте — чтобы связать файл, выберите файл, уже загруженный на ваш сайт, или нажмите ссылку «загрузить файл», чтобы загрузить новый файл, а затем выберите файл для привязки.
  • Адрес электронной почты — введите свой адрес электронной почты для ссылки на идентификатор электронной почты. При нажатии на ссылку на вашем компьютере откроется почтовый клиент по умолчанию.

Подключение раздела веб-страницы

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

Шаг 1. Создайте идентификатор div с помощью элемента «Код внедрения»

Вместо использования элемента «Заголовок» перетащите элемент «Код вставки» (пользовательский HTML) и добавьте следующий код для создания заголовка. Цвет шрифта выбран так, чтобы он гармонировал с заголовками страницы по умолчанию, вы можете изменить его на любой цвет по своему усмотрению в вашей теме.

<h2 div id="ID1">Heading Here!!!

Шаг 2. Связывание с использованием варианта гиперссылки 1

Выделите текст или изображение и щелкните значок гиперссылки, чтобы увидеть все параметры гиперссылки, как описано в предыдущем разделе. Введите URL-адрес страницы вместе с #div id в поле, доступное в первом варианте, чтобы подключиться к этому конкретному разделу страницы. В нашем примере мы вводим «http://www.yoursite.com/your-page.html#ID1» для ссылки на заголовок. При нажатии на ссылку вы попадете к заголовку, определенному в Шаге 1.

Раздел ссылок на страницу Weebly

Раздел ссылок на странице Weebly

Связывание слайд-шоу и изображений галереи

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

Вариант ссылки для изображений слайд-шоу Weebly

Вариант ссылки для изображений слайд-шоу Weebly

Связывание внешней веб-страницы в меню навигации

Если вы хотите связать внешнюю веб-страницу в меню, у вас есть опция, доступная на вкладке «Страницы». Нажмите кнопку «Добавить страницу», доступную на вкладке «Страницы», и выберите параметр «Внешняя ссылка». Введите имя страницы и внешний URL-адрес, чтобы связать внешнюю страницу со страницей меню. Например, вы можете создать страницу с названием «Блог» и указать URL-адрес внешнего блога. Когда пользователи нажимают на меню «Блог», Weebly автоматически перенаправляет их на ваш внешний блог.

Связывание внешней страницы в Weebly

Связывание внешней страницы в Weebly

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *