Mit dem Accordion-Shortcode lassen sich auf/zuklappbare Listen erstellen. Der Aufbau der Shortcodes ist was die Logik angeht genau das gleiche wie bei den Tabs.
Code
[pastacode lang=“php“ manual=“%26%23091%3Baccordiongroup%20id%3D%221%22%5D%0A%26%23091%3Baccordion%20title%3D%22your%20title%20here%22%20group%3D%221%22%20active%3D%22true%22%5Dyour%20content%20here%26%23091%3B%2Faccordion%5D%0A%26%23091%3Baccordion%20title%3D%22your%20second%20title%20here%22%20group%3D%221%22%20active%3D%22%22%5Dyour%20content%20here%26%23091%3B%2Faccordion%5D%0A%26%23091%3B%2Faccordiongroup%5D“ message=““ highlight=““ provider=“manual“/]
Attribute accordiongroup
Name | Inhalt | Standardwert | Bedeutung |
id | Zahl | – | Hier wird die ID der Toggle Group definiert. Gibt es auf der Seite eine weitere Toggle-Group, benötigt diese ID 2 |
markup | Text | default | Bestimme das Schema der Ausgabe. Verwende den Wert „faq“ um ein FAQ Schema (https://developers.google.com/search/docs/data-types/faqpage?hl=de) auszugeben. |
Attribute accordion
Name | Inhalt | Standardwert | Bedeutung |
title | Text | – | Hier wird der Name der einzelnen Accordions definiert |
group | Zahl | – | Hier muss die ID aus dem accordiongroup-Shortcode angegeben werden. |
active | true / false | false | Wird ein Toggle auf active=”true” gesetzt, so wird dieser direkt offen ausgegeben. Andere sind zugeklappt. |
War dieser Artikel hilfreich?
Kommentare
Christian Quitterer 8. März 2018 um 15:05
Wie kann ich die Farbe von den nicht geöffneten Tabs des Accordions ändern?
André 12. März 2018 um 10:23
Das ginge nur per Custom CSS, so detailliert haben wir den Customizer nicht angepasst. Dafür mal im Forum melden, dann mach ich dir ein CSS Snippet fertig 🙂