MAGerade habe ich nach einem Plugin für TABS und ACCORDION (das heißt so, weil es ähnlich wie der Faltmechanismus des „Akkordeons“ funktioniert) gesucht, welches sich mit wenig Aufwand an die Optik (m)eines WordPress-Themes anpassen läßt.
Weil aber die jQuery-Skripte bereits ein fester Bestandteil von WordPress sind, kann man sich sowas natürlich auch selbst zusammenbasteln, wie die beiden folgenden Beispiele zeigen.
1) TABS mit „jQuery“
In diesem Beispiel mit fünf TABS ist der erste ausgewählt, die anderen vier lassen sich per Mausklick öffnen, um den dahinter versteckten Inhalt anzuzeigen. Für kleinere Bildschirme (= Tablets und Smartphones) habe ich das CSS angepasst, damit es verständlicher dargestellt wird.
2) Akkordeon mit „jQuery“
Werkzeug
Stilmittel
Elemente
Struktur
Pflege
Dieses Beispiel hat fünf „Akkordeon“-Falten, die sich per Mausklick öffnen lassen und dann ihren Inhalt anzeigen. So ein Akkordeon ist für verschiedene Zwecke eine sehr praktische Angelegenheit und hier natürlich mit den Farben des MAMEDi-Layouts gestaltet.
Tabs und Akkordeon · „Plugin“
Ein Plugin wie „Tabby Responsive Tabs“ von Cubecolour erledigt die Aufgabe auch ziemlich gut, da es je nach Ausgabemedium von den TABS zum ACCORDION wechselt und sich bei Geräten wie Tablets oder Smartphones ab einer gewissen Bildschirmbreite fließend anpasst.
Um die CSS-Klassen für das eigene Theme zu ändern, muss man jedoch zuerst die manchmal recht eigenwilligen Bezeichnungen der Plugin-Programmierer verstehen, weshalb ich in diesem Fall die direkte Lösung mit jQuery vorgezogen habe.
Warum kompliziert, wenn es auch einfach geht!
Kommentar schreiben!