Dodawanie panelu zwijanego..

Poznaj DXPR BuilderBuduj stronyDodaj treściUkład

Użyj panelu zwijanego, znanego też jako akordeon, gdy chcesz listy nagłówków otwieranych przez odwiedzających pojedynczo. Sprawdza się w FAQ, na listach funkcji i w długich treściach, które lepiej czyta się na części. Powstaje stos pytań, których odpowiedzi otwierają się po kliknięciu. Przykład buduje trzy pytania na stronę FAQ agencji.

Panel zwijany z trzema pytaniami FAQ agencji, z otwartą pod spodem odpowiedzią na pytanie „Can we update pages ourselves?”

Dodawanie panelu zwijanego

  1. Kliknij + na sekcji i wybierz Collapse panel na karcie Layout. Powstaje z jednym przełącznikiem.
  2. Otwórz ustawienia panelu z jego menu More. Opcją Collapse wybierz, czy każdy przełącznik zaczyna zwinięty. Tutaj jest włączona. Wybierz Expand icon i kliknij Save.
  3. Najedź na przełącznik, otwórz jego menu More i wybierz Settings. Wpisz pytanie jako Toggle title i kliknij Save.
  4. Kliknij pytanie, aby otworzyć przełącznik. Kliknij + w środku, wybierz Text i wpisz odpowiedź.
  5. Kliknij Add toggle na pasku sterowania panelu, aby dodać kolejne pytanie. Nowe przełączniki lądują na górze, więc najpierw dodaj ostatnie pytanie.
  6. Kliknij Save na pasku narzędzi. W podglądzie kliknij pytanie, aby sprawdzić, czy odpowiedź się otwiera.

Efekt

Każde pytanie jest nagłówkiem z wybraną ikoną rozwijania. Kliknięcie otwiera odpowiedź pod spodem, a otwarta wcześniej odpowiedź się zamyka. Przy wyłączonym Collapse pierwsza odpowiedź jest otwarta po wczytaniu strony. Odpowiedzi zostają w kodzie HTML strony po zwinięciu, więc wyszukiwarki wciąż je czytają.

Konfiguracja panelu zwijanego

Element Collapse panel ma dwa ustawienia, w More > Settings na jego pasku sterowania.

Ustawienie Do czego służy Domyślnie
Collapse On: każdy przełącznik zaczyna zwinięty. Off: pierwszy przełącznik zaczyna otwarty Off
Expand icon Ikona przy każdym tytule: None, + (plus i minus) albo ﹀ (strzałka) None

Każdy przełącznik ma jedno ustawienie, Toggle title: pytanie albo nagłówek, który klikają odwiedzający.

Zarządzanie przełącznikami

  • Reorder: przeciągnij przełącznik za Toggle na jego pasku sterowania i upuść go nad innym albo pod nim.
  • Rename: najedź na przełącznik, otwórz More > Settings, zmień Toggle title i kliknij Save.
  • Remove: najedź na przełącznik, otwórz More i wybierz Delete. Odpowiedź w środku znika razem z nim.

Przełącznik mieści dowolne elementy: tekst, zdjęcia, przyciski albo wiersz z kolumnami. Każdą odpowiedź pisz krótko. Jeśli odpowiedź potrzebuje własnej strony, podlinkuj ją zamiast tego.

Jeśli go nie widzisz

  • Nowe pytanie pojawia się na górze. Add toggle zawsze wstawia na górze panelu. Przeciągnij przełącznik za Toggle na jego pasku sterowania w wybrane miejsce.
  • Ustawienia pokazują tylko Toggle title. Otwarto ustawienia jednego przełącznika. Najedź na górną krawędź panelu, aby pokazał się pasek sterowania Collapse panel, a potem otwórz tam More > Settings.
  • Pierwsza odpowiedź jest otwarta po wczytaniu strony. Collapse jest wyłączone. Włącz je w ustawieniach Collapse panel, aby każda odpowiedź zaczynała zwinięta.
  • Panelu zwijanego nie ma na karcie Layout selektora. Twój profil użytkownika DXPR Builder go pomija. Administrator zaznacza Accordion w Elements w twoim profilu pod adresem /admin/dxpr_studio/dxpr_builder/profile.

Co dalej?