Ключевые выводы
- Вложенные вкладки заменили исходный виджет Вкладки Старый показал уведомление об отказе от использования на панели начиная с Elementor 3.8, а новые вкладки, которые вы перетаскиваете, являются вложенной версией.
- Каждая панель представляет собой контейнер, поэтому формы, галереи, петлевые сетки и таблицы цен работают внутри вкладки.
- Элемент управления точкой останова превращает полосу в вертикальный гармошку ниже выбранной вами ширины, по умолчанию используется мобильный телефон.
- Horizontal Scroll держит длинный ряд заголовков в одной строке и позволяет посетителям просматривать их.
- В ретрансляторе хранится только заголовок вкладки, который ловит людей: содержимое панели строится на холсте, а не на панели.
Вкладки Элементора раньше были текстовым полем внутри текстового поля Вы набирали заголовок в одном поле, а содержимое - в другом, а если хотели контактную форму там, не повезло.
Вложенные вкладки изменили модель.Каждая панель теперь является контейнером, что означает, что вся библиотека виджетов доступна внутри вкладки. в этом посте рассказывается о том, как она работает, где живут элементы управления и три места, где она все еще расстраивает людей.
Оглавление
Что изменилось
Старый виджет "Вкладки" хранил все в одном ретрансляторе: поле заголовка и поле контента в строке. Это упростило задачу, а также ограничило ее возможности, потому что поле контента принимает текст, изображения и ничего больше.
Вложенные вкладки разделяют их. повторитель сохраняет заголовки, и каждая панель становится настоящим контейнером на холсте, который вы строите внутри. Elementor называет это гнездо, и вкладки были первым виджетом, который получил его.
Старый виджет по-прежнему поставляется, поэтому существующие страницы продолжают работать, а при редактировании отображается уведомление о том, что любой новый виджет вкладок будет вложенной версией. Это уведомление появилось в версии 3.8.
Одну вещь стоит прояснить, потому что множество руководств и ответов ИИ по-прежнему говорят это: вы не должны включать Вложенные элементы. Он прибыл в качестве эксперимента, и в текущем Элементоре он отмечен стабильным, активным по умолчанию и не переключаемым, поэтому он не появляется на экране Эксперименты вообще Если вы пошли искать настройку и не смогли найти ее, то именно поэтому.
Здание один
- Перетащите вкладки на страницу. вы получаете три вкладки, каждая с пустым контейнером внутри.
- Переименовать строки в ретрансляторе Вкладки Название - единственное поле, которое является той частью, которая удивляет людей, приходящих из старого виджета.
- Щелкните вкладку на холсте, чтобы открыть его панель, затем перетащите виджеты в контейнер.
- Повторяйте для каждой вкладки. добавляйте или удаляйте строки с помощью ретранслятора, как и везде.
Контроль, который имеет значение
Направление перемещает титульную полосу. вверху и внизу держите его горизонтальным, а начало и конец превращают его в боковой столбец, который является вертикальным расположением вкладок. начало и конец следуют за направлением текста, поэтому они переворачиваются в языках справа налево.
Оправдайте и выровняйте интервал между заголовками: растягиваются ли заголовки, заполняя полосу, или располагаются вместе, и как текст выравнивается внутри каждого из них.
Горизонтальная прокрутка, в Дополнительных Настройках, останавливает длинный ряд заголовков от обертывания. полоса прокручивается вбок вместо этого, и посетители свайп или перетащить через него.
Точка останова находится в том же разделе и является управлением стоит знать Ниже ширины вы выбираете, полоса переключается на вертикальную компоновку гармошки, с каждым заголовком над своей собственной панелью Мобильная является по умолчанию, что обычно правильно.
Что можно положить в панель
Что угодно. панель представляет собой обычный контейнер, поэтому применяется полный список виджетов:
- Контактная форма на вкладке “Enquire”
- Галерея изображений на “Photos”
- Петлевая сетка, тянущая сопутствующие товары на “Вы также можете понравиться”
- Таблица цен на “Plans”
- Вложенный набор вкладок внутри вкладки, откуда берутся “tabs внутри поиска tabs”
Вкладки внутри вкладок возможны, и на практике это редко бывает хорошей идеей. два уровня полосы табуляции означает, что посетитель должен помнить, какую комбинацию он выбрал. если контент действительно двухмерный, вкладки снаружи и гармошка внутри читаются намного лучше.
Три предела
Заголовок вкладки принимает текст и необязательный значок, поэтому заголовков изображений нет. Если заголовок должен быть логотипом или фотографией продукта, основной виджет не может этого сделать, и может это сделать дополнение с управлением типа значка.
Панели меняются при нажатии, что является правильным стандартом для сенсорных экранов, и не существует настройки поведения наведения на веревку, которое используют некоторые конструкции.
Стайлинг начинается с нуля. Пресетов нет, поэтому виджет становится простым, и каждая граница, цвет и заполнение - это решение, которое вы принимаете. Это гибкость, и в крайний срок это также двадцать минут.
Когда виджет дополнения подходит лучше
Эти три ограничения примерно представляют собой список функций виджета вкладок дополнений. The Виджет "Вкладки мастера" начинается с предустановки стиля, берет значок или изображение на каждом заголовке и переключает панели на наведение, если вы установите Tab Effect таким образом. Для любого из них не требуется Elementor Pro.
Торговля идет другим путем: его панели принимают содержимое редактора, поэтому размещение формы внутри означает указание типа контента на сохраненный шаблон, что является опцией Pro. Контейнеры в панелях - это единственное, что делает только основной виджет.
Разделительная линия проходит через панель Интерактивный контент внутри него означает Вложенные вкладки Полоса вкладки, которая должна выглядеть как что-то конкретное, означает дополнение.
Часто задаваемые вопросы
В чем разница между вкладками и вложенными вкладками в Elementor?
Вложенные вкладки помещают контейнер в каждую панель, чтобы вы могли опустить виджеты внутрь. старый виджет вкладок имел простое поле содержимого и устарел.
Нужно ли сначала включать вложенные элементы?
Нет. Он активен по умолчанию в текущем Элементоре и не может быть отключен, поэтому он больше не указан в Экспериментах. более старые учебные пособия, которые говорят вам, чтобы включить его, устарели.
Доступны ли вложенные вкладки в бесплатном Elementor?
Да, это часть бесплатного плагина, и это то, что вы получаете, когда перетаскиваете виджет вкладок на страницу.
Могу ли я вложить вкладки во вкладки?
Да, потому что панель - это контейнер, который принимает любой виджет, включая другой виджет вкладок. быстро сбивает с толку, поэтому гармошка на внутреннем уровне обычно более четкая.
Как заставить Nested Tabs свернуться в гармошку?
Откройте Дополнительные настройки и установите точку останова Ниже этой ширины полоса переключается на вертикальную компоновку аккордеона Мобильная - это по умолчанию.
Может ли заголовок вкладки использовать изображение?
Не в основном виджете. заголовки принимают текст и дополнительный значок. виджет-аддон с элементом управления типа значка может использовать изображение.
Заключительные мысли
Вложенные вкладки - это тот, к кому нужно стремиться, когда что-то должно произойти внутри панели, и сама по себе точка останова аккордеона делает его достойным восстановления старых блоков вкладок. Он не дает вам фору в стилистике и изображения в заголовке, который заполняет виджеты дополнений пробелов.
Связанное чтение
