Ключевые выводы
- Кнопка переключения Elementor может означать три вещи: заголовок, который открывает и закрывает текст, ссылку "Читать дальше", которая расширяет абзац, или переключатель, который меняет один раздел на другой.
- Элементор 4.3 скрывает старый виджет Toggle с панели виджетов, а виджет Accordion теперь покрывает его через настройку Max Items Expanded, которая имеет два варианта: Один и Несколько.
- Переключатель "Читать дальше" в Elementor - это виджет Accordion с одним элементом, состояние по умолчанию которого установлено на "Все", свернуто, поэтому дополнительный текст остается закрытым до тех пор, пока посетитель не щелкнет.
- У Elementor и Elementor Pro нет виджета, который переключается между двумя блоками контента, поэтому кнопке переключения ежемесячного и годового стиля требуется виджет-дополнение или вложенные вкладки.
- Виджет "Переключить содержимое" Master Addons - это виджет Pro, который ставит кнопку переключения выше двух или более параметров, и каждый параметр содержит текст или сохраненный шаблон Elementor.
Вы можете создать кнопку переключения Elementor тремя способами, и правильный зависит от того, что должна делать кнопка. чтобы открыть и закрыть текст, используйте виджет Accordion. чтобы расширить длинный абзац, используйте одноэлементный аккордеон в качестве переключателя "Читать дальше". Чтобы заменить один блок контента на другой, например, ежемесячные цены на годовые, используйте a виджет переключения контента.
Это руководство проходит через все три с точными настройками.Каждый скриншот приходит от Elementor 4.3 на тестовом сайте, поэтому панели соответствуют тому, что вы увидите сегодня.
Оглавление
Что означает кнопка переключения в Elementor
Кнопка переключения - это любой элемент управления, который переключается между двумя состояниями при нажатии на него. В Elementor люди используют эту фразу для трех разных заданий, и каждое задание имеет свой собственный виджет.
| Чего ты хочешь | Как это называется | Виджет для использования |
|---|---|---|
| Щелкните заголовок, откроется текст под ним. щелкните еще раз, он закрывается. | Переключить или аккордеон | Элементор Аккордеон |
| Покажите короткое вступление, а остальное спрячьте за ссылкой "Подробнее" | Читать далее переключатель | Элементор Аккордеон с одним предметом |
| Переверните переключатель, и одна секция будет заменена другой | Переключатель контента или переключатель контента | Основные дополнения Переключают содержимое или вложенные вкладки |
Если вы выполните поиск на панели виджетов по запросу “toggle” в Elementor 4.3, вы не найдете виджет с именем Toggle.Elementor показывает вкладки и аккордеон для этого поиска, а также Toggle Content, если у вас есть Master Addons Pro.
Путь 1: Переключатель, который открывает и закрывает текст
Используйте виджет Accordion, когда переключатель должен открыть и закрыть блок текста, как в FAQ. старый виджет Toggle позволял нескольким элементам оставаться открытыми одновременно, и виджет Accordion теперь делает то же самое через одну настройку.
- Отредактируйте свою страницу с помощью Elementor, найдите панель виджетов Аккордеон и перетащите его на страницу.
- Щелкните каждый элемент и введите его заголовок. Затем нажмите внутри элемента и добавьте виджет текстового редактора или любой другой виджет для контента.
- Открыть Взаимодействия раздел на вкладке Содержимое.
- Набор Максимальное количество развернутых элементов чтобы Кратный. Каждый элемент теперь открывается и закрывается сам по себе, что является классическим переключателем.
- Набор Состояние по умолчанию чтобы Все рухнуло если каждый элемент должен начинаться закрытым или оставлять его на первом расширенном.
С Max Items Expanded on One открытие элемента закрывает тот, что перед ним. с Multiple посетители могут держать два или три ответа открытыми и сравнивать их.
Раздел "Макет" виджета имеет Схема часто задаваемых вопросов переключатель. Включите его, когда элементы являются реальными вопросами и ответами. Для большего количества стилей заголовков и значков Расширенный виджет Accordion из Master Addons - альтернатива.
Путь 2: переключатель "Читать дальше"
Переключатель "Читать дальше" - это гармошка с одним элементом. Посетитель видит начальные строки, щелкает "Читать дальше", а остальная часть текста отображается ниже.
- Добавьте виджет текстового редактора с той частью текста, которая всегда должна отображаться.
- Перетащить Аккордеон виджет прямо под ним.
- Удалить дополнительные элементы, чтобы остался только один, и переименовать его Читать далее.
- Поместите оставшийся текст внутрь этого элемента.
- В Взаимодействия, набор Состояние по умолчанию чтобы Все рухнуло.
- На вкладке Стиль удалите границу и набивку, если вы хотите, чтобы ссылка располагалась заподлицо с абзацем выше.
Элементор также имеет виджет, называемый Читать далее, и он выполняет другую работу Он отмечает, где отрывок поста заканчивается на страницах архива, так же, как тег WordPress More. Он ничего не расширяет и не сворачивает, как Документация Элементора объясняет.
Способ 3: тумблер, который меняет содержимое
Используйте переключатель содержимого при нажатии кнопки следует заменить один блок другим Ни у Elementor, ни у Elementor Pro для этого нет виджета, поэтому вам нужен аддон или обходной путь с вкладками.
В приведенных ниже шагах используется Toggle Content от Master Addons Pro.
- Отредактируйте свою страницу с помощью Elementor, найдите Переключить контент и перетащите его на место. Он начинается с двух пунктов: "Один ярлык" и "Два ярлыка".
- В Элементы список, щелкните первый элемент и введите его Этикетка, например Для команд.
- Уходить Тип на Содержимое и напишите текст для этого параметра в редакторе Чтобы показать полный макет, установите Тип в Шаблон и выберите сохраненный шаблон.
- Сделайте то же самое для второго пункта. Нажмите Добавить элемент если вам нужен третий вариант.
- Открытый Переключить настройки. Активный индекс решает, какой вариант отображается первым, и Должность ставит переключатель до или после контента.
- На вкладке Стиль выберите Круглый или Квадратный для переключателя и установите индикатор и цвета этикетки.
Наиболее распространенным применением является переключатель выставления счетов. каждый вариант содержит набор ценовых карт, и кнопка переключения перемещается между ними.
Хотите увидеть, как это работает? выше Переключить страницу виджета контента имеет десять живых демонстраций, на которые вы можете нажать: от переключателей выставления счетов до таблиц спецификаций.
Если вам не нужен надстройка, опустите виджет вкладок на страницу и назовите две вкладки "Ежемесячно" и "Ежегодно". вкладки в Elementor 4.3 принимают любой виджет внутри каждой вкладки. Вы получаете заголовки вкладок вместо скользящего переключателя, и контент меняется таким же образом.
Какую кнопку переключения следует использовать?
Выберите виджет по тому, что произойдет после щелчка.
| Ситуация | Использовать | Почему |
|---|---|---|
| Часто задаваемые вопросы со многими вопросами | Аккордеон, максимальные элементы, расширенные на одном | Страница остается короткой, потому что открыт только один ответ |
| Подробности о продукте посетители сравнивают | Аккордеон, максимальное количество элементов, расширенных на несколько | Несколько панелей могут оставаться открытыми вместе |
| Долго О тексте | Аккордеон из одного предмета как Подробнее | Вступление отображается, а остальные ждут щелчка |
| Ежемесячные и годовые цены | Переключить контент | Один набор заменяет другой в том же пространстве |
| Две аудитории, одна секция | Переключить контент | Каждый посетитель выбирает версию, написанную для него |
| Четыре или более секций одинакового веса | Вкладки | Названия вкладок легче сканировать, чем длинный переключатель |
Распространенные проблемы с кнопками переключения
Три проблемы чаще всего возникают с переключателями в Elementor.
- Виджет Toggle отсутствует.Elementor скрывает его от панели в текущих версиях. Используйте Accordion с Max Items Expanded, установленное в Multiple.
- Переключение открывается при загрузке страницы. в виджете Accordion установите значение "Состояние по умолчанию для всех свернуто". В Toggle Content всегда отображается один параметр, и Active Index решает, какой именно.
- Щелчок по переключателю ничего не делает Проверьте, что каждый параметр имеет содержимое. параметр, установленный в Шаблон без выбранного шаблона, показывает пустую область.
Если вам нужно, чтобы контент появлялся только для некоторых посетителей, например, для вошедших в систему пользователей, переключатель - это неправильный инструмент. Это работа для условия отображения в Элементоре, которые решают, какие нагрузки, прежде чем посетитель что-либо щелкнет.
Часто задаваемые вопросы
Как добавить кнопку переключения в Elementor?
Перетащите виджет Accordion на страницу для переключателя, который открывает и закрывает текст, и установите Max Items Expanded to Multiple в разделе Взаимодействия. для кнопки переключения, которая переключается между двумя разделами, добавьте виджет переключения контента, такой как Master Addons Toggle Content, и дайте каждому варианту свой собственный контент.
Где виджет Toggle в Elementor?
Элементор 4.3 больше не показывает виджет Toggle на панели виджетов Поиск “toggle” возвращает Accordion и вкладки Виджет Accordion охватывает одно и то же задание: установить Max Items Expanded to Multiple и несколько элементов могут оставаться открытыми, так вел себя виджет Toggle.
В чем разница между тумблером и аккордеоном в Elementor?
В гармошке открытие одного элемента закрывает другие. в тумбле каждый элемент открывается и закрывается сам по себе, поэтому несколько могут быть открыты вместе. в текущих версиях Elementor оба являются одним и тем же виджетом Accordion, а настройка Max Items Expanded переключается между двумя поведением.
Могу ли я по умолчанию открыть переключатель Elementor?
Да. в виджете Accordion установите значение Состояние по умолчанию на Первое расширенное и первый элемент откроется при загрузке страницы. в виджете Toggle Content установите Active Index на номер опции, которая должна отображаться первой, с 1 для первого элемента.
Есть ли у Elementor Pro тумблер для ценообразования?
Нет. Elementor Pro имеет виджет таблицы цен, но нет переключателя, который меняет местами таблицы за месяц и год. Вы можете разместить таблицы внутри вкладок или использовать виджет переключения контента из дополнения и загрузить каждый набор цен как один вариант.
Заключительные мысли
Кнопка переключения Элементора - одна из трех вещей, и каждая имеет ясный дом Открыть и закрыть текст с виджетом Accordion и его настройкой Max Items Expanded.Build a Read More toggle от одноэлементного аккордеона Переключайтесь между двумя разделами с переключателем контента.
Для третьего рода Переключить виджет контента обрабатывает текст и сохраненные шаблоны в каждом варианте, и Планы Master Addons Pro перечислите, что еще с этим связано.
Связанное чтение
