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

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

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

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

Значок инструмента гиперссылки WeeblyЗначок инструмента гиперссылки Weebly

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

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

Weebly предлагает следующие варианты ссылок:

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

Ниже показано, как будет выглядеть опция «URL-адрес веб-сайта» при ее выборе.

Открыть ссылку в новой вкладкеОткрыть ссылку в новой вкладкеОткрыть ссылку в новой вкладке

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

Изменить или удалить ссылкуИзменить или удалить ссылкуИзменить или удалить ссылку

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

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

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

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

Заголовок здесь!!! Шаг 2: Ссылка с использованием гиперссылки, вариант 1

Выберите текст или изображение и щелкните значок гиперссылки, чтобы увидеть все параметры гиперссылок, как описано в разделе выше. Введите URL-адрес страницы вместе с идентификатором #div в поле, доступном в первом варианте, чтобы подключиться к этому конкретному разделу страницы. В нашем примере мы вводим « для ссылки на заголовок. При щелчке по ссылке вы перейдете к заголовку, определенному в Шаге 1.

Ссылка на раздел страницыСсылка на раздел страницыСсылка на раздел страницы

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

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

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

Ссылка на внешнюю веб-страницу в меню навигации

Если вы хотите добавить ссылку на внешнюю веб-страницу в навигационное меню, то у вас есть опция, доступная на вкладке «Страницы».

  • Нажмите кнопку «Добавить страницу», доступную на вкладке «Страницы».
  • Нажмите значок +, чтобы создать новую страницу.
  • Выберите из списка опцию «Внешняя страница».

Создать внешнюю страницу в меню WeeblyСоздать внешнюю страницу в меню WeeblyСоздать внешнюю страницу в меню Weebly

  • Введите название страницы и внешний URL-адрес для ссылки на внешнюю страницу.
  • Выберите, хотите ли вы открыть ссылку на той же или новой вкладке.
  • При необходимости установите флажок «Скрыть от поисковых систем», чтобы запретить поисковым системам отслеживать связанную страницу.
  • Нажмите «Готово», чтобы увидеть, что страница добавлена ​​в меню.

Внешняя ссылка добавлена ​​в менюВнешняя ссылка добавлена ​​в менюВнешняя ссылка добавлена ​​в меню

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

(тегиToTranslate)Электронная почта

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

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

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