Сегодня короткий, но очень полезный урок, о том, как секцию, колонку или блок в Elementor оформить как ссылку. По умолчанию в Elementor (до версии 3.8) ссылку на секцию поставить нельзя, но иногда это очень необходимо. Например, когда мы хотим сделать какое-то красивое анимированное меню на странице или целый блок кликабельным, то без этой функции не обойтись.
Плагин для добавления ссылки к блокам
Итак, проблема решается очень просто. Нужно всего-навсего установить плагин Elementor Addon Elements.
После этого переходим в редактор Elementor, кликаем на нужный блок или секцию и переходим в раздел "Стиль".
Теперь здесь появилась новая вкладка "EAE wrapper link". Устанавливаем переключатель в положение "Yes" напротив надписи Enable link. Всё, теперь мы можем назначить любую ссылку для данного блока.
В параметрах настройки ссылки можно:
- Добавить nofollow
- Открывать в новом окне
- Добавить произвольные атрибуты
Кликабельный контейнер в Elementor
С версии Elementor 3.8 появилась возможность прописывать ссылку к любой конструкции без дополнительных плагинов.
Пока эта функция находится в бета-тестировании, поэтому нужно проделать следующие действия для её активации.
Для этого идём в настройки Elementor и активируем функцию контейнера, который заменит старый виджет секции и блоки.
Теперь редактируемую страницу нужно преобразовать в новый формат с использованием контейнеров.
Кликаем на нужный контейнер, далее вкладка "Макет", раздел "Дополнительные опции", пункт HTML-тег и выбираем a (link). После этого появится поле для ссылки.
Вот и всё!
14 ответов
Почему-то нет такой функции, это только в версии про?
Вы установили плагин, о котором идёт речь в статье? Этот плагин бесплатный и на данный момент у него нет про версии.
Есть функционал и без плагина, называется якорь
Возможно, вы не поняли о чём идёт речь. С помощью якоря вы не сможете сделать весь блок кликабельным.
Спасибо за наводку! Все отлично работает!
А если в блоке имеются карусель проектов и я хочу сделать эту карусель некликабельной, как мне это осуществить - плагин в этом вопросе мне не помогает к сожалению.
Я не понял, что вы хотите реализовать.
Подскажите, пожалуйста, часто обращаю внимание, что интерфейс моего Elementor PRO сильно отличается от ваше версии и от версии на скриншотах официальных статей на сайте Elementor PRO. Правильно я понял, что это зависит от версии php поддерживаемой на сервере, где стоит сайт?
Здравствуйте! Нет, с php это не может быть связано. Если у вас стоит какая-то старая версия php, то свежая версия Elementor просто не будет работать. Пришлите в личку скриншоты, чтобы понятнее было.
Спасибище!
Спасибо большое, добрый человек 🙂
Добрый день! Поставил ваш плагин, но при попытке редактирования страницы выдает photo-screen.ru/i/NAM5Ch6bl вот такую ошибку.
Версия WP 6.4.3
Версия Elementor Pro старая Elementor Pro v3.0.9
В вашем модуле активировал только photo-screen.ru/i/zsfr7oCGF
Добрый день! Плагин не мой, поэтому с вопросами работоспособности вам лучше обратиться к его разработчику. Хотя, думаю, тут всё просто. Elementor у вас старой версии, а этот плагин вы наверняка ставите свежий, вот он и не работает.
да, так и было. обновил Элементор, и все стало ок.