Я бы написал о двух разных способах сделать столбец или раздел кликабельным в elementor.
Во-первых, это использование javascript, который является очень гибким, но практически не требует опыта кодирования.
Другой, который будет проще в настройке и имеет больше функций, будет с использованием плагина WordPress. Эта процедура дает больше функций при меньших затратах труда и времени.
Давайте сразу к делу
1. Использование JavaScript
Шаг 1 из 3
Прежде всего, определите конкретный столбец или раздел и назначьте идентификатор css столбцу или разделу, поскольку это потребуется на шаге 3. См. изображение ниже и следуйте стрелке, чтобы узнать, как назначить идентификатор
Шаг 2 из 3
Добавьте новый элемент html в любом месте страницы (может быть, а может и не быть в конкретном столбце или разделе).
Шаг 3 из 3
Теперь добавьте приведенный ниже код в поле содержимого html.
<script> document.querySelector("#youridhere").addEventListener("click", function() {
window.location.href = "https://elitedigital.dev";
}); <
</script>
Замените «#youidhere» на имя идентификатора вашего столбца, а «https://elitedigital.dev» — на ссылку, которую вы собираетесь привязать.
теперь у вас есть интерактивный столбец или раздел в elementor с использованием javascript. теперь давайте приступим к css.
1. Использование плагина wordpress
Шаг 1 из 2
Перейдите в панель управления WordPress и на страницу добавления плагинов. Теперь найдите плагин «сделать столбец интерактивным элементом».
Установите и активируйте плагин, указанный на изображении выше.
Шаг 2 из 2
После установки и активации плагина вы можете вернуться в панель редактора конструктора страниц elementor и выбрать столбец или раздел, который вы хотите сделать интерактивным. Вы увидите новую опцию, которая была только что добавлена на вкладку «Дополнительно», как показано на изображении ниже.
Теперь замените тип ссылки, на которую вы хотите перенаправить, в поле пользовательской ссылки ниже.
Как вы могли заметить, эта процедура гораздо более прямолинейна и менее подвержена ошибкам по сравнению с альтернативой javascript. Хотя использование javascript может быть очень гибким и масштабируемым, если требуются очень продвинутые и специфические функции.
Тем не менее, вы можете многое сделать, используя маршрут плагина. Некоторые экземпляры используют пользовательскую логику, такую как вход или выход из системы, для перенаправления на различные страницы, создания всплывающих окон вместо традиционного перенаправления и многого другого. некоторые из них показаны в розовом прямоугольнике внизу слева на изображении ниже.
В заключение я хотел бы добавить, что обе процедуры отлично работают, и могут быть другие альтернативы, которые я не включил в эту статью, такие как использование css, но это было сделано намеренно, чтобы предотвратить ошибки и непредсказуемые результаты на вашем веб-сайте.
Какой бы маршрут вы ни выбрали из альтернатив, которые я предоставил в этой статье, он будет работать очень хорошо для вас и не создаст дополнительных ошибок. Используйте вариант javascript, если у вас есть некоторый опыт кодирования и, возможно, вам нужна дополнительная гибкость; или используйте маршрут плагина, если вам нужно двигаться быстро и вы не хотите сталкиваться с проблемами отладки неработающего кода.
