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

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

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

Из этого туториала Вы узнаете, как сделать так, чтобы вкладка аккордеона была по умолчанию закрыта в шаблонах на основе 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. Как сделать так, чтобы вкладка аккордиона была по умолчанию открыта
 
Начать чат