Elementor Toggle против Accordion против Tabs против Content Switcher

Аккордеон и переключатель контента показаны двумя картами

Ключевые выводы

  • При сравнении переключателя Elementor и аккордеона единственное функциональное различие заключается в том, сколько предметов остается открытым: аккордеон сохраняет один предмет открытым, а переключатель позволяет нескольким оставаться открытыми одновременно.
  • Elementor 4.3 скрывает виджет Toggle от панели виджетов, а виджет Accordion охватывает оба поведения с помощью Max Items Expanded, для которого установлено значение One или Multiple.
  • На вкладках Elementor отображается ряд заголовков над одной областью контента, и каждая вкладка может содержать любой виджет, подходящий для трех-шести разделов одинакового веса.
  • Коммутатор контента, также называемый переключателем контента, заменяет один целый блок другим, когда посетитель щелкает переключатель, и ни Elementor, ни Elementor Pro его не включают.
  • Виджет "Переключить содержимое главных дополнений" - это переключатель контента Pro с двумя или более опциями, каждая из которых содержит текст или сохраненный шаблон раздела, страницы или виджета.

Разница между переключателем Elementor и аккордеоном заключается в том, сколько предметов можно открыть вместе. аккордеон закрывает открытый элемент, когда вы нажимаете другой. переключатель оставляет его открытым. вкладки и переключатели контента - это снова разные инструменты: они меняют местами то, что показано в фиксированном пространстве, где аккордеон и переключатель расширяются вниз.

Это сравнение охватывает все четыре, показывает, куда пошел виджет Toggle в текущих версиях Elementor, и заканчивается таблицей для выбора между ними.

Краткий обзор Toggle vs Accordion vs Tabs vs Content Switcher

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

АккордеонПереключитьВкладкиКоммутатор контента
Что посетители щелкаютТитул в стопкеТитул в стопкеЗаголовок вкладки подрядЭтикетка на переключателе
Что происходитПункт открывается, предыдущий закрываетсяПредмет открывается, остальные остаются такими, какие они естьОбласть контента меняетсяВесь блок заменяется
Предметы открываются сразуОдинЛюбой номерОдинОдин
Высота страницыИзменения нажатьИзменения нажатьВ основном фиксированныйВ основном фиксированный
Типичное количество предметовс 4 по 123-83-62 или 3
Лучший дляЧасто задаваемые вопросыПодробности люди сравниваютОсобенности, характеристики, отзывыЕжемесячные и годовые цены
В ЭлементорВиджет аккордеонВиджет аккордеона, Max Items Expanded установлен в MultipleВиджет вкладокНе входит в комплект, нужен аддон

Элементор Аккордеон: по одному ответу

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

В Elementor 4.3 каждый элемент аккордеона является контейнером, поэтому он принимает любой виджет и больше не ограничивается текстом. Настройки, которые контролируют его поведение, находятся в Взаимодействия раздел вкладки Содержимое:

  • Состояние по умолчанию: Сначала расширено или Все рухнуло.
  • Максимальное количество развернутых элементов: Один или Несколько.
  • Продолжительность анимации: сколько времени требуется для открытия элемента, 400 мс по умолчанию.
Виджет Elementor Accordion Раздел "Взаимодействия", показывающий состояние по умолчанию, максимальное расширение элементов и продолжительность анимации
Раздел "Взаимодействия" виджета Accordion в Elementor 4.3.

В разделе "Макет" также есть Схема часто задаваемых вопросов переключатель, который добавляет FAQ структурированные данные для элементов Если вы хотите больше стилей заголовков и значков, посмотрите на Расширенный виджет Accordion.

Элементор Переключить: несколько ответов открываются вместе

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

Элементор раньше отправлял Toggle как собственный виджет В Элементоре 4.3 он скрыт от панели виджета Тип “toggle” в поле поиска и вы получаете Вкладки и Аккордеон, потому что виджет Аккордеон теперь выполняет обе работы.

Поиск на панели виджетов Elementor 4.3 для переключения возвращающихся вкладок, аккордеона и переключения контента без виджета Toggle
Куда делся виджет Toggle: поиск по запросу “toggle” в Elementor 4.3 возвращает вкладки и аккордеон. Toggle Content появляется здесь, потому что Master Addons Pro активен.

Чтобы переключить поведение сегодня, добавьте виджет и набор Accordion Максимальное количество развернутых элементов чтобы Кратный. Установите значение "Состояние по умолчанию для всех" свернуто, если каждый элемент должен начать закрываться, так загружался старый виджет Toggle.

Элементорное согласование с расширенными элементами Max, в котором указано несколько элементов, показывающее два элемента, открытых одновременно
Переключить поведение виджета Accordion: два элемента открываются одновременно.

Элементора Переключить документацию виджета все еще описывает старый виджет. для новой работы используйте Accordion.

Вкладки Elementor: секции рядом

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

Виджет "Вкладки Elementor" с вкладками "Функции", "Спецификации" и "Обзоры", а также отображаемым содержимым "Функции"
Три вкладки в одной области контента.

Вкладки работают, когда разделы равны партнеры Страница продукта с Особенности, Спецификации и Отзывы является классическим случаем Посетители видят каждый заголовок сразу, поэтому они знают, что доступно, прежде чем они нажимают.

Они перестают работать, когда их слишком много. После шести заголовков строка переносится на рабочий стол и становится переполненной на телефонах. заголовки вкладок изображений или значков и вертикальные макеты см Расширенный виджет вкладок.

Коммутатор контента: поменяйте один блок на другой

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

Вкладки организуют разные темы. Коммутатор показывает две версии одного и того же, например, одни и те же планы по двум ценам или один и тот же продукт в двух единичных системах.

Переключатель контента в Elementor установлен в значение "Для команд", показывая заголовок и абзац, написанные для команд
Коммутатор контента в первом варианте.
Тот же переключатель контента установлен для фрилансеров с заменой заголовка и абзаца
Второй вариант заменяет первый в том же пространстве.

Элементор и Элементор Про не включают в себя переключатель контента.The Переключить виджет контента в Master Addons Pro - один. каждый параметр содержит текст или сохраненный шаблон, переключатель может быть круглым или квадратным, а Active Index устанавливает, какой параметр загружается первым.

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

Каким следует воспользоваться?

Выбирайте по содержанию. спросите, сколько штук и нужно ли посетителям видеть более одной одновременно.

Ваш контентИспользовать
Десять вопросов поддержки с короткими ответамиАккордеон
Детали доставки, возврата и определения размера, которые покупатели читают вместеПереключить (Согласие с кратным)
Длинная биография с коротким вступлениемОдноэлементный аккордеон как ссылка Подробнее
Особенности, характеристики и отзывы для одного продуктаВкладки
Ежемесячные и годовые цены на одни и те же планыКоммутатор контента
Один раздел написан для агентств и снова для фрилансеровКоммутатор контента
Контент должны видеть только вошедшие в систему пользователиНичего из этого. используйте условия отображения.

Все четыре виджета позволяют посетителю решить, на что смотреть. Если сайт должен решить, по статусу входа, дате или роли пользователя, вот что условия отображения в Элементоре являются для.

Если вы пришли сюда в поисках кнопки, которая переворачивает переключатель, наше руководство по создание кнопки переключения в Elementor имеет шаги для каждого типа.

Скрытые панели вредят SEO?

Нет, пока скрытый контент находится на странице HTML. Элементы аккордеона, панели вкладок и параметры переключателя - все они напечатаны в источнике и скрыты с помощью CSS, поэтому поисковые системы могут их читать.

Поместите контент, который имеет наибольшее значение, в элемент, который открыт по умолчанию, потому что посетители видят его первым. Не прячьте свой основной ответ за щелчком мыши, если страница существует, чтобы дать этот ответ.

Часто задаваемые вопросы

В чем разница между аккордеоном и тугллом в Elementor?

Аккордеон позволяет один открытый элемент, поэтому открытие нового закрывает последний. Переключатель позволяет нескольким элементам оставаться открытыми вместе. В текущих версиях Elementor оба приходят из виджета Accordion, и настройка Max Items Expanded (One или Multiple) переключается между ними.

Почему в Elementor отсутствует виджет Toggle?

Элементор скрывает виджет Toggle с панели в текущих версиях, потому что виджет Accordion выполняет ту же работу Добавить гармошку, открыть раздел Взаимодействия и установить Max Items Expanded to Multiple, чтобы получить элементы, которые открываются и закрываются независимо.

Стоит ли использовать вкладки или гармошку?

Используйте вкладки для трех-шести разделов одинакового веса, которые выбирают посетители, например "Особенности", "Особенности" и "Обзоры". Используйте аккордеон для более длинных списков коротких ответов, например часто задаваемых вопросов, где ряд заголовков вкладок не подходит.

Является ли переключатель контента тем же, что и вкладки?

Они работают схожим образом, так как оба меняют местами контент в одной области. назначение отличается. вкладки разделяют разные темы, а переключатель контента показывает две или три версии одного и того же контента, например ежемесячные и годовые цены, за компактным переключателем.

Есть ли у Elementor переключатель контента?

Нет. ни Elementor, ни Elementor Pro не включают в себя переключатель контента или виджет переключения контента. Вы можете приблизить один с помощью виджета Tabs или добавить один из дополнения, такого как Master Addons Pro, где он называется Toggle Content.

Заключительные мысли

Переключение элементара против аккордеона решается одной настройкой, Max Items Expanded, так как оба теперь живут в виджете Accordion.Tabs и переключатели контента решают другую задачу: они меняют то, что заполняет фиксированное пространство.Tabs подходит для нескольких тем, а переключатель подходит для двух версий одной вещи.

В последнем случае Переключить виджет контента является переключателем контента в Master Addons Pro.

Фотография Роя Джеми
Рой Джеми
Я Рой Джеми, Content Wrangler и Marketer в Pixar Labs, работаю над Master Addons для Elementor.Я пишу учебные пособия, записываю видео и поддерживаю актуальность документации, поэтому вы всегда знаете, как использовать каждую функцию. Я также занимаюсь поддержкой, поэтому, если вы наткнетесь на корягу, я тот человек, который поможет вам исправить это. Реальные ответы, от кого-то, кто использует эти инструменты каждый день.

Оставьте ответ

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