Wrapper link elementor что это
Как создать ссылку на всплывающее окно Elementor с помощью якорной ссылки
Сегодня я обнаружил, что ищу, как открыть всплывающее окно, созданное с помощью Elementor, используя якорную ссылку, и подумал, что поделюсь этим трюком со всеми, кто заинтересован.
Всплывающее окно, которое я создал для этой цели
Сначала создайте свое всплывающее окно. Пусть будет что угодно. Для этого конкретного клиента веб-разработки я настраивал модальное окно с контактной формой.
Опубликуйте или обновите созданное вами всплывающее окно. После публикации конструктор страниц спросит вас, при каких условиях, триггерах и дополнительных правилах вы хотите разрешить отображение всплывающего окна.
Даже если вы планируете запускать всплывающее окно только на определенных определенных страницах, выбор включения всплывающего окна для всего сайта – самый простой способ.
Затем перейдите к глобальным настройкам всплывающих окон, щелкнув значок шестеренки в левом нижнем углу страницы. Откроется окно настроек.
Откройте вкладку Advanced.
Настройте следующие параметры по своему усмотрению. Я включил опцию «Отключить прокрутку страницы», а также опцию «Избегать множественных всплывающих окон».
Пример: добавьте кнопку – или любой виджет с элементом ссылки – и пусть ссылка будет #contact открываться во всплывающем окне при нажатии кнопки.
Отличная работа! Теперь вы можете ссылаться из любого места на любой странице вашего веб-сайта, и откроется модальное / всплывающее окно.
Элементор (Elementor) — что это такое, стоит ли оно того, как используется и дополнительная информация [Всеобъемлющее руководство]
Элементор (Elementor) — один из наиболее рекомендуемых плагинов для WordPress, когда мы хотим разработать или создать веб-сайт любого типа или интернет-магазин для продажи продуктов. Он не всегда используется, но, безусловно, облегчает работу.
Это руководство объясняет все о вас и дает дополнительные советы.
Что такое Elementor?
Элементор (Elementor) — это плагин WordPress, который позволяет создавать страницы и веб-сайты на основе самой популярной в мире системы управления контентом. Плагин создан в 2016 году от компании, также имеющей свое название.
Плагин фактически позволяет создавать страницы, настроенные на сайтах WordPress, и добавлять к ним определенные элементы (например, заголовки, текст, изображения, слайдеры, видео, карты, значки и многое другое). Премиум-версия также позволяет заменять обширные части шаблона и настраивать целые сайты.
Помимо этого, сегодня существует множество плагинов, которые предоставляют «расширения» для плагина Elementor, так что вы можете получить больше элементов, которые не включены в версии компании. Это позволило упростить инструменты для создания веб-сайтов в WordPress.
В прошлом WordPress изначально не предусматривал дизайн страниц (до запуска редактора контента по умолчанию «Gutenberg»). Но только через плагины, которые существовали еще до запуска Elementor, такие как WPBakery или Visual Composer.
Elementor добился успеха очень быстро, потому что он позволил создавать страницы более простым способом (по сравнению с предыдущими 2) с возможностью перетаскивания элемента в нужное место. Это также позволило добавить более простой интерфейс с расширенными инструментами и, особенно, с адаптацией к сайтам с написанием справа налево.
Преимущества Elementor — почему оно того стоит?
Elementor — очень полезный плагин в тех случаях, когда вы хотите создавать страницы. Вот основные преимущества:
Elementor — функции и инструменты для создания страниц
Итак, после того, как мы объяснили, что это такое и почему это стоит того, мы переходим к этапу объяснения функций и инструментов, которые предлагает бесплатный плагин, а именно:
Кроме того, платная профессиональная версия за 49 долларов предлагает дополнительные функции, такие как:
Опять же, есть и другие плагины, которые предоставляют расширения для Elementor, вы можете прочитать об этом в статье о рекомендуемых плагинах для WordPress.
Как использовать с Elementor?
Elementor — это инструмент с практически неограниченными возможностями, поэтому не все можно здесь перечислить. Однако мы объясним основы использования плагина.
1. Загрузить и установить
Прежде всего, загрузите официальный плагин в библиотеке плагинов WordPress здесь. Если у вас есть веб-сайт, просто перейдите в Панель управления > перейдите в меню Плагины > Новый плагин > Введите в поле поиска «Elementor». Затем нажмите «Установить», а затем «Активировать».
Если появится мастер, объясняющий шаги, вы можете щелкнуть X, чтобы закрыть его. Вы всегда можете получить доступ к этому мастеру.
2. Использование плагина
Чтобы использовать плагин, вы должны выбрать, какую страницу вы хотите создать. Предположим, вы заинтересованы в создании своей страницы «О себе». Поэтому перейдите на эту страницу в меню «Страницы» и нажмите «Изменить».
Там вам будет предложена возможность редактировать страницу с помощью Elementor. Нажав на нее, вы можете создать ту же страницу с помощью Elementor. Вы перейдете к предварительному просмотру страницы, и сбоку появится меню, которое включает инструменты и элементы, которые можно добавить.
Когда вы захотите добавить, скажем заголовок, затем выберите элемент заголовка и перетащите его в ту часть, которую вы хотите отобразить. Нажав на эту часть в предварительном просмотре, вы можете создать ее с помощью существующих инструментов. В конце нажмите Сохранить.
Вот как это выглядит:
Объясните, как работает Elementor
Настройки Elementor
Elementor позволяет вам устанавливать дополнительные настройки, такие как типы страниц, которые можно форматировать, устанавливать цвета и шрифты по умолчанию, настраивать стили, отображать файлы CSS и экспериментировать. Как правило, менять эти настройки нет необходимости, потому что настройки по умолчанию подходят практически всем.
В конце концов, чтобы создавать красивые и персонализированные сайты, нужно узнать больше и поближе познакомиться с Elementor. Как мы уже сказали — у него практически безграничные способности. Поэтому рекомендуется посетить курс Elementor или, если вы хотите связаться с компанией, которая занимается строительством, дизайном и веб-разработкой, которая также использует этот инструмент.
Ссылка в Elementor. Вкладка Содержимое. Общие настройки виджетов
Ссылка в Elementor
Elementor позволяет добавить ссылку практически к любому виджету, за исключением секций и колонок.
Можно добавить ссылки как с абсолютным путем, так и с относительным.
Для перехода на внутренние страницы Вашего сайта, мы рекомендуем добавлять ссылки с относительным путем, так как при смене домена Вам не придется переписывать пути в старых ссылках на новые.
Рассмотрим подробнее работу абсолютных и относительных ссылок.
Добавим виджет обычного заголовка, по клику на который мы хотим сделать переход на сайт Elementor.com.
Чтобы по нажатию на заголовок осуществлялся переход на сайт Elementor.com, в поле для ссылки нам нужно прописать путь до него.
Где взять ссылку на сайт? Все очень просто. Находим в сети интересующий нас сайт, в нашем случае elementor.com, и копируем ссылку на сайт из адресной строки сверху.
Далее вставляем скопированную ссылку в поле Ссылка виджета elementor.
Теперь по клику на заголовок Вы перейдете на сайт Elementor.com.
По умолчанию все ссылки открываются в том же окне, где они (ссылка) расположены. Для внутренних переходов внутри одного сайта это нормально, а вот при переходе на сторонние сайты не очень хорошо, так как посетитель может не вернуться на сайт, с которого только что перешел. Чтобы этого избежать, в Elementor есть настройка ссылки, которая отвечает за ее открытие в новом окне.
Ставим галочку в чекбокс Открывать в новом окне, и по клику на ссылку она откроется в новой вкладке в браузере.
Так же можем добавить ссылке значение nofollow, суть которого, если коротко, заключается в указании поисковым системам, что вы не хотите иметь ничего общего с сайтом, к которому осуществляется переходите по ссылке, или же для исключения продвижения авторами статей, комментариев или спамеров своих ресурсов, путем размещения ссылок на них. Подробнее о значении nofollow можете ознакомиться здесь.
Абсолютные ссылки.
Абсолютные ссылки в Elementor целесообразно применять тогда, когда нужен переход на сторонний ресурс. Абсолютная ссылка включает в себя полный путь к интернет-ресурсу, будь то страница, изображение или файл.
Формат абсолютной ссылки следующий:
При смене доменного имени сайта, на который ведет ссылка, она (ссылка) перестанет работать, так как сменится путь к ресурсу.
Относительные ссылки.
Формат относительной ссылки в Elementor не должен включать имя домена:
Путь к тому же самому ресурсу, только с указанием относительного пути
Еще, как самый легкий вариант, можно использовать плагин Duplicator, который поможет перенести сайт с одного домена на другой и поменяет все ссылки автоматически.
Произвольные атрибуты ссылки.
Помимо всего, Вы можете прописывать дополнительные атрибуты к ссылкам, прописав их в поле Произвольные атрибуты в формате ключ|значение.
Рассмотрим работу атрибутов ссылки на виджете изображения.
Например, необходимо, чтобы по клику на изображение происходило его скачивание. Для этих целей у ссылки есть атрибут download.
Вставим виджет изображения на страницу, добавим ссылку к нему и пропишем в произвольных атрибутах следующее:
Теперь по клику на изображение будет происходить его скачивание.
Обзор Elementor — конструктор сайтов на WordPress. Подробный гайд-обзор плагина для новичков
Эту статью я сверстаю также в Elementor и периодически буду вставлять красивые блоки, чтобы сразу наглядно показывать преимущества конструктора. Поехали? 🙂
Обзор мощного конструктора для WordPress — Elementor Page Builder
Что такое Elementor и для чего он нужен
Elementor это многофункциональный конструктор страниц. Используется для верстки лендингов, лонгридов, статей и всего чего захотите 🙂 Верстка происходит с помощью готовых элементов, которые вы выбираете простым перетаскиванием и задаете необходимые настройки через удобную админ-панель.
Никакого кода и программирования. Благодаря таким конструкторам намного легче стала жизнь у людей, которые сами хотят делать верстку лендингов и страниц.
Установка
Элементор это плагин для CMS WordPress, то есть чтобы его использовать сначала нужно создать сайт на WordPress (если не знаете как это сделать, вам в помощь мой гайд), установить шаблон (про шаблоны читайте ниже) и установить плагин, Elementor готов к работе. Да, так все просто!)
У плагина есть две версии, бесплатная и платная, которая называется Elementor Pro. Какую именно использовать каждый для себя решает сам, это зависит от того какой функционал вам нужен. Сейчас я распишу все возможности, которые есть в бесплатной версии, а чуть ниже вы найдете описание преимуществ Pro версии и сами сделаете выбор.
Скажу про свой опыт. После первичного тестирования бесплатной версии я сразу для себя решил что буду пользоваться Pro версией, не смотря на то, что в бесплатном варианте итак достаточно функционала, мне очень захотелось использовать и Pro функции на своем сайте, они чумовые и точно стоят своих денег. Сейчас на моем блоге стоит официальная Pro версия со всем функционалом, из которого я, как художник, творю лендинги и страницы.
Elementor для WordPress — Обзор функционала и настроек плагина
Видеоверсия статьи
Вот и пришло время, когда сайты можно создавать практически без знаний HTML и CSS кода. И уже тем более без знания программирования. Да еще и практически бесплатно. «Кайфуши ваще. Прям капец» (с)
Для того, чтобы это осуществить, нам нужен PageBuilder плагин Elementor и WordPress. Сегодня поговорим именно про плагин.
Что такое Elementor
Elementor — это плагин, который превращает создание сайта, страницы или статьи на WordPress в конструктор. При этом практически не надо знать ни HTML, ни CSS языки. Практически, так как понимать разницу между H1, H2, div, span и так далее, вам всё-таки нужно знать. Но это основы HTML языка, так что узнать их в любом случае надо будет. О, а вот и тема для новой статьи 🙂
Сам Elementor разбивает страницу на блоки (или секции, говоря языком плагина), в каждый из которых можно добавлять один из предустановленных элементов. Количество доступных элементов зависит от версии плагина (бесплатная Free или платная Pro), от установленной темы (некоторые темы созданы специально под Elementor) и от дополнительных плагинов.
Элементы и функционал бесплатной и платной версии я разберу в отдельных статьях, сегодня рассмотрим то, как вообще начать им пользоваться и рассмотрим общие настройки обеих версий.
Эту статью, как и все остальные на этом сайте (да и весь сайт тоже) я делаю именно в элементоре.
Что еще может служить лучшей демонстрацией его работы?)
Как установить Elementor на WordPress сайт
Так как Elementor — это плагин, то его установка ничем не отличается от установки любого другого плагина.
Следовательно, чтобы его установить делаем следующее:
Заходим в админку сайта
Находим в столбце слева вкладку Плагины
Сверху нажимаем на кнопку «Добавить новый«
В поле поиска пишем Elementor
Возле плагина «Elementor — Конструктор сайтов и страниц» нажимаем на кнопку « Установить «
Потом нажимаем на кнопку « Активировать «, которая появится на месте кнопки « Установить «
Ниже то же самое, только картинкой.
Если вы всё сделали правильно, то теперь в боковом столбце появились 2 новых пункта «Elementor» и «Шаблоны». А при создании новой страницы или записи появилась кнопка «Редактировать в Elementor», которая переключает редактирование страницы из уже классического редактора Gutenberg на редактор Элементор.
На скриншоте ниже я отметил эти поля рамками. Если у вас всё именно так, то теперь давайте разберемся что к чему в самом редакторе.
Из чего состоит редактор Elementor в WordPress
После того, как вы нажмете на кнопку «Редактировать в Elementor», перед вами откроется сам редактор Элементор. Он состоит из 2 частей: Слева панель администратора, справа непосредственно редактируемая страница сайта.
Разберем обе части отдельно.
Панель администратора Elementor
Панель доступных элементов
Под цифрой 1 на скриншоте ниже, находится панель элементов, доступных для использования. Она открыта по умолчанию. Чтобы использовать нужный, достаточно просто зажать его левой кнопкой мыши и перетащить в нужное место на странице. Причем их можно перетаскивать как в пустое поле (там, где плюсик и надпись «Перетащите виджет»), так и в любое другое место
Настройки Elementor
Под цифрой 2, находятся настройки сайта и настройки Elementor. Пройдемся по ним всем.
Глобальные цвета
На вкладке «Глобальные цвета» можно выбрать цвет текста для всех основных элементов на странице.
Стандартные шрифты
На вкладке «Стандартные шрифты» можно выбрать шрифт и его насыщенность для основных элементов, для которых мы выше настраивали цвета.
Если что, на этом сайте я использую шрифт Roboto.
Стили темы
В конце марта 2020 года, то есть уже после выхода первой версии этой статьи, вышел elementor для wordpress версии 2.9.7, в которой появились глобальные стили темы. То есть какая бы тема у вас не была установлена, через elementor можно изменить внешний вид основных его элементов.
Например, задать фон для всего сайта в виде одного цвета, одной картинки или градиента из 2 цветов. Также задать настройки цвета, размера и шрифт для основного текста, ссылок и заголовков H1-H6.
Также настроить внешний вид всех кнопок на сайте, полей для форм обратной связи или заказа (в случае, если у вас интернет-магазин), а также изображений.
С изображениями вообще отдельная история. Ладно, если вы создаете сайт фотографа и хотите, чтобы все изображения были в едином стиле. Как в том же Instagram. Но проблема в том, что здесь мы задаем настройки вообще для всех изображений, в том числе и для логотипа в шапке сайта, фотографии профиля автора, изображений в элементах. То есть настраивать здесь изображения стоит в очень редких случаях. Например, если хотите, чтобы все изображения на сайте были черно-белыми, и только при наведении на них становились цветными. Делается это через фильтры CSS.
Ну а пользовательские CSS доступны только в PRO версии плагина. Как и любые другие уникальные настройки темы под себя.
Айдентика сайта
Отдельно хочу остановиться на айдентике сайта.
Название сайта — это то название, которое отображается в открытой вкладке браузера и в поиске, если не заданы другое в настройках SEO. Может использоваться в шапке и подвале сайта, чтобы люди понимали, куда они зашли.
Описание сайта — всё аналогично названию, просто раскрывает название сайта.
Логотип сайта — изображение, которое можно использовать вместо вывода названия и описания на самом сайте, но не во вкладке и в поиске.
Favicon сайта — иконка сайта, которая отображается во вкладке браузера перед названием сайта. На телефонах так же служит иконкой вашего сайта, если закладку на неё сохранили на рабочий стол.
Лайтбокс
Лайтбокс (Lightbox) — это всплывающее окно, чтобы можно было лучше рассмотреть изображение. Вот нажмите на картинку слева (или ниже, если вы с телефона) и увидите как он работает. Если бы лайтбокса не было, то изображение открывалось бы в этом или отдельном окне. А это не айс.
Теперь разберемся с настройками.
Лайтбокс изображений — включение и отключение лайтбокса по умолчанию для всех изображений на сайте (эту настройку можно менять у каждого изображения отдельно, то есть у большинства изображений включен лайтбокс, а у некоторых мы отключаем вручную).
Счетчик — указываем, надо ли показывать, что открытое сейчас изображение, условно, 3 из 10, которые можно посмотреть в уже открытом лайтбоксе.
Во весь экран, Увеличение и Поделиться — включение и отключение кнопок управления лайтбокса, которые отображаются рядом с кнопкой «Закрыть».
Заголовок и Описание — можно выбрать, какой текст будет отображаться под изображением в лайтбоксе.
Цвет фона — это цвет, которым заполняется весь экран при увеличении изображения. По умолчанию, он полупрозрачный — черный. Можно изменить совершенно на любой другой с разной степенью прозрачности.
Цвет кнопок — это цвет кнопок управления в правом верхнем углу лайтбокса, а также переключателей на следующее — предыдущее изображение.
Цвет кнопок при наведении — цвет этих самых кнопок, когда на них наводится указатель мыши (псевдокласс :hover в CSS)
Цвет текста — цвет заголовка и описания, которые отображаются под изображением в лайтбоксе.
Размер иконок — отвечают за размер иконок управления в правом верхнем углу и стрелок вправо и влево в самом лайтбоксе.
Нижняя панель редактора Elementor на WordPress
Теперь давайте посмотрим, что находится на нижней панели редактора Elementor
Если мы нажмем на шестеренку, то попадем в основные настройки конкретной страницы или записи. Здесь можно задать заголовок страницы, выбрать статус публикации, указать главное изображение (обложка у статьи в блоге), включить или отключить отображение заголовка и выбрать один из шаблонов страницы. Кстати, если выбрать шаблон «Холст Elementor», то перед Вами откроется полностью пустая страница без шапки и подвала, на которой Вы сможете сделать всё с 0. Отлично подходит для тех случаев, когда внутри многостраничного сайта создается отдельная лендинговая страница.
На этой иконке находится навигатор страницы. В иерархическом порядке отображаются все блоки и элементы страницы. Чем-то похоже на слои в Фотошопе.
Здесь можно посмотреть историю изменений на странице и переключаться между ними в 1 клик, а не нажимая энное количество раз Ctrl+C
Очень крутая функция, которая включает режим адаптивности. То есть нажав на неё, можно посмотреть, как наша страница будет выглядеть на планшетах и смартфонах, посмотреть все настройки элементов для конкретного экрана, а также поправить отображение тех или иных элементов именно для данного устройства.
Просмотр созданной нами страницы в том виде, в котором её будут видеть посетители сайта. Не забывайте смотреть свои статьи и страницы перед публикацией, чтобы поправить некоторые места (например, анимацию элементов).
Если нажать на кнопку, то мы опубликуем нашу статью или страницу и её смогут видеть пользователи сайта и поисковые роботы. Но если нажать на треугольник в конце кнопки, то откроется небольшое подменю, в котором нашу работу можно сохранить как черновик, который мы потом поправим. Либо как шаблон, который можно будет вставить потом на любую страницу на сайте.
Также на панели администратора находятся настройки каждого элемента, который мы редактируем. Их я разберу чуть ниже, когда буду рассказывать про визуальный редактор страницы.
Визуальный редактор страницы
Любая редактируемая в Elementor страница состоит из 3 частей, которые имеют свою иерархию. Выглядит она следующим образом.
У каждой из этих частей есть свои собственные настройки. Давайте разберем их все.
Секция
Все страницы в Elementor состоят из секций. Мне, как прототиписту, привычнее их называть блоками, но терминология тут не важна. Просто на всякий случай предупреждаю, что в некоторых моментах могу назвать секцию блоком, так что не путайтесь.
Секция в Elementor — это, своего рода, коробка, в которую можно положить определенные вещи. Знаете, как при переезде, отдельно коробка с книгами, отдельно с посудой, отдельно с одеждой и так далее. Тут можно использовать тот же принцип. То есть группировать в одну секцию нужные элементы.
Например, на лендингах всегда есть первый экран, на котором делается ключевое предложение. Так вот, чтобы этот первый экран растягивался на весь экран на любом мониторе, лучше все элементы с него разместить в одной секции. Ниже Вы можете увидеть пример того, о чем написано выше.
На этом скриншоте весь экран занимает 1 секция. За это отвечает настройка «Высота». Видите, там стоит «По размеру экрана»? Это именно она. Если же эту настройку оставить «По умолчанию», то секция будет такой высоты, какой самая высокая колонка внутри неё.
Внутри секции находятся 2 колонки, в которых находятся различные элементы. Что именно там находится, Вы можете увидеть в навигаторе справа сверху.
Как зайти в настройки секции
На скриншоте ниже стрелки указывают на то место, которое надо нажать, чтобы перейти в настройки секции, колонки или конкретного элемента. Также в настройки можно зайти, щелкнув по нужной секции, колонке или элементу в навигаторе.
Как видите, у секции, в отличие от колонки или элемента, на панели чуть больше иконок. Знак + добавляет пустую секцию выше нынешней, а крест (повернутый на 45 градусов +) — удаляет всю секцию с её содержимым (восстановить её можно через историю на нижней панели).
Плитка же, которая находится по центру служит как для перехода к настройкам секции, так и для перетаскивания этой секции по странице (для этого просто зажмите левую кнопку мыши на плитке и тащите куда надо). Также по этой панели можно щелкнуть правой кнопкой мыши и вызвать дополнительные возможности. Но поговорим сейчас только об основных настройках.
Настройки макета
Растянуть секцию — Растягивает секцию на всю ширину экрана, независимо от заданной ширины сайта. Именно эта настройка включена у градиентного уведомления о том, что эта страница создана на элементоре в начале статьи.
Ширина макета задает ширину секции. При выборе значения «Ограниченная», можно задать ширину секции в пикселях. Если при этом поле оставить пустым, то ширина секции останется равной ширине макета, которую мы задавали в глобальных настройках. Если же выбрать «Во всю ширину» и при этом растянуть секцию, то ширина всех колонок внутри неё также растянется на всю ширину страницы.
Разрыв колонок — расстояние между колонками в секции. Имеет 4 предустановленные шаблона, выбирайте какой нравится больше.
Высота — про неё мы поговорили уже чуть-чуть выше.
Позиция колонок — определяет положение колонок внутри секции. Настройка похожа на выравнивание текста в ячейке в Word’e или Excel’e. Но если выбрать пункт «Растягиваться», то колонка станет той же высоты, что и секция.
Вертикальное выравнивание — Выравнивает элементы внутри колонки.
Overflow — Если какая-то колонка, секция или элемент выходят за границы экрана, то при включении этой настройки, всё, что вне экрана, просто обрежется. Иначе будет горизонтальная прокрутка страницы, а это, мягко говоря, отстой.
HTML-тег — Тег, в который надо обернуть всю секцию. От этого зависит настройки отображения всей секции, которые прописаны в CSS файлах. Если не знаете html, то просто оставьте по умолчанию и всё. По умолчанию секция будет обернута в тег div и это хорошо.
Настройки стиля
Перекрытие фона — еще один фон, который будет поверх первого. В качестве фона можно использовать цвет, градиент и изображение (также можно выбрать разные для компьютера, планшета и смартфона). Благодаря настройкам прозрачности, размытия, яркости, контрастности, насыщенности, цветовому фону и режиму наложения, можно создавать очень необычную и интересную визуализацию, которая ограничивается лишь Вашей фантазией.
Граница — задает настройки границы всей секции. Можно задать тип линии, угол скругления и тень.
Разделитель секции — очень прикольная настройка. Что-то типа виньеток. Позволяет задать тип и цвет визуальных украшений снизу и сверху секций. Таким образом переход между ними будет визуально более приятный.
Расширенные настройки
Отступ снаружи — аналог свойства margin в CSS. Устанавливает отступы сверху и снизу от текущей секции. Если нажать на значок цепи, то значения будут не зависимы друг от друга.
Отступы внутри — аналог свойства padding в CSS. Устанавливает отступы от краев секции до колонок.
Z-индекс — устанавливает порядок отображения секций, колонок и элементов, которые слоями накладываются друг на друга. Чем выше номер в этом поле, тем выше слой.
CSS ID и CSS классы — это идентификатор и класс секции, с помощью которых можно задавать уникальное отображение конкретной секции.
Эффекты движения — задает анимацию, с которой секция появится на экране, когда до неё прокрутят страницу.
Адаптивность — настройки отображения секции на смартфонах и планшетах. Также можно задать реверс колонок. Реверс — это замена колонок местами. Например, если Вы читаете эту статью с компьютера, то изображение настроек у Вас слева, а этот текст справа. Если же Вы читаете эту статью с телефона, то сначала идет текст, а только потом изображение. Это и есть тот самый реверс колонок.
Пользовательские CSS — это функция, доступная только в платной PRO версии Elementor для WordPress. Она позволяет настроить внешний вид секции прямо на месте. У меня установлена именно про версия, но я не пользуюсь этой настройкой. Хватает того функционала, что уже есть.