Categories

Новые шаблоны

CherryFramework 4. Как сделать так, чтобы вкладка аккордеона была по умолчанию открыта

Daniel Morales Июль 1, 2016
Rating: 5.0/5. From 1 vote.
Please wait...

Из этого туториала Вы узнаете, как сделать так, чтобы вкладка аккордеона была по умолчанию закрыта в шаблонах на основе CherryFramework 4.

Все вкладки аккордеона, которые Вы создаёте при помощи шорткода ‘cherry_accordion, закрыты по умолчанию:

CherryFramework_4_How_to_make_accordion_tab_open_by_default_1

Давайте узнаем, как сделать вкладку аккордеона открытой:

Редактирование существующего аккордеона

  1. Войдите в вашу админ панель WordPress;

  2. Откройте любую страницу с готовым к использованию аккордеоном (например, страница ЧаВо (FAQs)):

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_2
  3. Найдите шорткоды ‘cherry_spoiler title’. Каждый шорткод представляет отдельную вкладку аккордеона. Найдите вкладку, в которую Вы хотите внести изменения, например:

    [cherry_spoiler title="Lorem ipsum dolor sit amet?"]
  4. Добавьте часть шорткода open="yes" в шорткод ‘cherry_spoiler title’, для того чтобы вкладка аккордеона была открыта по умолчанию:

    [cherry_spoiler title="Lorem ipsum dolor sit amet?" open="yes"]
  5. Сохраните изменения;

  6. Обновите вашу страницу для просмотра изменений. Теперь вкладка будет открыта по умолчанию:

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_3

Создание нового аккордеона

  1. Создайте новую страницу/запись;

  2. Нажмите на кнопку ‘Ввести шорткод’ (Insert Shortcode):

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_4
  3. Добавьте шорткод accordion:

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_5
  4. Найдите шорткоды ‘cherry_spoiler title’. Каждый шорткод представляет отдельную активную вкладку. Найдите вкладку в которую Вы хотите внести изменения, например:

    [cherry_spoiler title="Spoiler Title"]Content1[/cherry_spoiler]
  5. Добавьте часть шорткода open="yes" в шорткод ‘cherry_spoiler title’, для того чтобы вкладка шорткода была открыта по умолчанию:

    [cherry_spoiler title="Spoiler Title" open="yes"]Content1[/cherry_spoiler]
  6. Используйте кнопку ‘Живой просмотр’ (Live Preview) для просмотра изменений и на кнопку ‘Вставить шорткод’ (Insert Shortcode), для того чтобы добавить шорткод в страницу/запись;

  7. Сохраните изменения. Вы создали новый аккордеон. Теперь вкладка будет открыта по умолчанию:

    CherryFramework_4_How_to_make_accordion_tab_open_by_default_6

Вы можете также ознакомиться с детальным видео-туториалом ниже:

CherryFramework 4. Как сделать так, чтобы вкладка аккордиона была по умолчанию открыта
Тема для Wordpress
Эта запись была размещена в Monstroid туториалы, WordPress туториалы и помечена как accordion, CherryFramework4, open, tabs. Добавьте в закладки постоянную ссылку.

Submit a ticket

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