27 мая, 2021

Ссылка в Elementor. Вкладка Содержимое. Общие настройки виджетов

Ссылка в Elementor

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

obshhie nastrojki vidzhetov. vkladka soderzhimoe. ssylka

Можно добавить ссылки как с абсолютным путем, так и с относительным.

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

Рассмотрим подробнее работу абсолютных и относительных ссылок.

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

ssylka 001

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

Где взять ссылку на сайт? Все очень просто. Находим в сети интересующий нас сайт, в нашем случае elementor.com, и копируем ссылку на сайт из адресной строки сверху.

ssylka 002

Далее вставляем скопированную ссылку в поле Ссылка виджета elementor.

ssylka 003

Теперь по клику на заголовок Вы перейдете на сайт Elementor.com.

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

ssylka 004

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

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

Абсолютные ссылки.

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

Формат абсолютной ссылки следующий:

https://название-сайта.ru/статья_001

или

http://название-сайта.ru/изображение.img
absolyutnaya ssylka

При смене доменного имени сайта, на который ведет ссылка, она (ссылка) перестанет работать, так как сменится путь к ресурсу.

Относительные ссылки.

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

Формат относительной ссылки в Elementor не должен включать имя домена:

/статья_001

или

/изображение.img
otnositelnaya ssylka
Путь к тому же самому ресурсу, только с указанием относительного пути

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

duplicator

Произвольные атрибуты ссылки.

Помимо всего, Вы можете прописывать дополнительные атрибуты к ссылкам, прописав их в поле Произвольные атрибуты в формате ключ|значение.

Рассмотрим работу атрибутов ссылки на виджете изображения.

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

Вставим виджет изображения на страницу, добавим ссылку к нему и пропишем в произвольных атрибутах следующее:

download|img (где img - это значение атрибута, которое для атрибута download указывать необязательно. Другие атрибуты без указания значения могут не работать)
ssylka 00

Теперь по клику на изображение будет происходить его скачивание.

Атрибуты ссылки. Пример
demo
Кликните по изображению

Ознакомиться с другими атрибутами ссылок можно ЗДЕСЬ.

Якорные ссылки.

Есть еще один особый тип ссылок — так называемые, якорные ссылки, которые необходимы для перехода к различным разделам, или блокам страницы.

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

0

Интересные статьи

Ошибка WordPress: извините, этот тип файла недопустим по соображениям безопасности

Извините, этот тип файла недопустим по соображениям безопасности Привет, друзья! Иногда, при попытке загрузить файлы в WordPress, появляется сообщение об ошибке следующего

Читать полностью »

Секция. Вкладка Макет.

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

Читать полностью »
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x

Блог о Веб-разработке на Wordpress, Elementor и Elementor Pro:
Документация. Уроки. Видео

Блог о Веб-разработке на Wordpress, Elementor и Elementor Pro:
Документация. Уроки. Видео

Регистрация

Announce

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.