Перейти к содержимому
BIS Arts
  • Услуги
    • Создание сайта под ключ
    • Одностраничный лендинг-сайт
    • Многостраничный сайт
    • Интернет-магазин
    • Обслуживание и доработки сайта
    • Разработка логотипа
  • Уроки
  • Портфолио
  • Отзывы
  • Контакты
  • Услуги
    • Создание сайта под ключ
    • Одностраничный лендинг-сайт
    • Многостраничный сайт
    • Интернет-магазин
    • Обслуживание и доработки сайта
    • Разработка логотипа
  • Уроки
  • Портфолио
  • Отзывы
  • Контакты
Whatsapp Telegram-plane
+7(900)247-59-69
Главная / Уроки / Elementor / Как сделать блок или секцию в Elementor ссылкой

Как сделать блок или секцию в Elementor ссылкой

  • 26 января, 2021
  • 14 комментов
Содержание

Сегодня короткий, но очень полезный урок, о том, как секцию, колонку или блок в Elementor оформить как ссылку. По умолчанию в Elementor (до версии 3.8) ссылку на секцию поставить нельзя, но иногда это очень необходимо. Например, когда мы хотим сделать какое-то красивое анимированное меню на странице или целый блок кликабельным, то без этой функции не обойтись.

Плагин для добавления ссылки к блокам

Итак, проблема решается очень просто. Нужно всего-навсего установить плагин Elementor Addon Elements.

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

добавляем в Elementor ссылку на секцию

Теперь здесь появилась новая вкладка "EAE wrapper link". Устанавливаем переключатель в положение "Yes" напротив надписи Enable link. Всё, теперь мы можем назначить любую ссылку для данного блока.

блок Elementor как ссылка

В параметрах настройки ссылки можно:

  • Добавить nofollow
  • Открывать в новом окне
  • Добавить произвольные атрибуты

Кликабельный контейнер в Elementor

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

Пока эта функция находится в бета-тестировании, поэтому нужно проделать следующие действия для её активации.

Для этого идём в настройки Elementor и активируем функцию контейнера, который заменит старый виджет секции и блоки.

контейнер

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

преобразовать в контейнер

Кликаем на нужный контейнер, далее вкладка "Макет", раздел "Дополнительные опции", пункт HTML-тег и выбираем a (link). После этого появится поле для ссылки.

добавление ссылки

Вот и всё!

14 ответов

  1. Анна:
    02.11.2021 в 19:39

    Почему-то нет такой функции, это только в версии про?

    Ответить
    1. Администратор:
      02.11.2021 в 20:52

      Вы установили плагин, о котором идёт речь в статье? Этот плагин бесплатный и на данный момент у него нет про версии.

      Ответить
  2. alexcccp:
    01.02.2022 в 23:30

    Есть функционал и без плагина, называется якорь

    Ответить
    1. Администратор:
      01.02.2022 в 23:54

      Возможно, вы не поняли о чём идёт речь. С помощью якоря вы не сможете сделать весь блок кликабельным.

      Ответить
  3. Ольга:
    13.05.2022 в 14:51

    Спасибо за наводку! Все отлично работает!

    Ответить
  4. Ivan:
    15.12.2022 в 13:21

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

    Ответить
    1. Администратор:
      15.12.2022 в 13:40

      Я не понял, что вы хотите реализовать.

      Ответить
  5. Дмитрий:
    11.01.2023 в 19:47

    Подскажите, пожалуйста, часто обращаю внимание, что интерфейс моего Elementor PRO сильно отличается от ваше версии и от версии на скриншотах официальных статей на сайте Elementor PRO. Правильно я понял, что это зависит от версии php поддерживаемой на сервере, где стоит сайт?

    Ответить
    1. Администратор:
      11.01.2023 в 20:33

      Здравствуйте! Нет, с php это не может быть связано. Если у вас стоит какая-то старая версия php, то свежая версия Elementor просто не будет работать. Пришлите в личку скриншоты, чтобы понятнее было.

      Ответить
  6. Светлана LWachowsky:
    07.09.2023 в 18:44

    Спасибище!

    Ответить
  7. Константин:
    30.11.2023 в 23:45

    Спасибо большое, добрый человек 🙂

    Ответить
  8. Илья:
    20.02.2024 в 13:21

    Добрый день! Поставил ваш плагин, но при попытке редактирования страницы выдает photo-screen.ru/i/NAM5Ch6bl вот такую ошибку.
    Версия WP 6.4.3
    Версия Elementor Pro старая Elementor Pro v3.0.9
    В вашем модуле активировал только photo-screen.ru/i/zsfr7oCGF

    Ответить
    1. Администратор:
      20.02.2024 в 15:23

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

      Ответить
  9. Илья:
    22.02.2024 в 12:12

    да, так и было. обновил Элементор, и все стало ок.

    Ответить

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

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

Категории
Сайтостроение
Сайтостроение
WordPress
WordPress
WooCommerce
Elementor
elementor
Дизайн
Монетизация
Монетизация
реклама
BIS Arts

Услуги по созданию и обслуживанию сайтов

  • Услуги
  • Портфолио
  • Отзывы
+7 (900) 247-59-69
пн-пт с 10:00 до 19:00
Whatsapp Telegram Envelope
Copyright © 2013 — 2025 BIS Arts
Политика конфиденциальности
  • Услуги
    • Создание сайта под ключ
    • Одностраничный лендинг-сайт
    • Многостраничный сайт
    • Интернет-магазин
    • Обслуживание и доработки сайта
    • Разработка логотипа
  • Уроки
  • Портфолио
  • Отзывы
  • Контакты
  • +7 (900) 247-59-69
  • Написать в Whatsapp
  • Написать в Telegram
Свяжитесь с нами
  • Позвонить
  • Написать в WhatsApp
  • Написать в Telegram
  • Написать письмо
Позвонить
Написать в WhatsApp
Написать в Telegram
Написать письмо