Lange Text-Passagen wie z.B. Logs oder umfangreiche Skripte, die jetzt nicht unbedingt direkt eingesehen werden müssen, lassen sich auf Internetseiten aufklappbar machen.
In WordPress gibt es für die oft als Akkordeon-bezeichnete Funktion unzählige Plugins:
WordPress – Plugins – Accordion
Da dürfte jeden Geschmack und Anwendungsfall etwas zu finden sein. Für die gelegentliche Anwendung tut’s einfach die Anwendung des details-Elements zusammen mit dem summary-Tag aus HTML.
Unter WordPress mit dem Classic- oder Gutenberg-Editor wechselt man zunächst in die Quellcode-Ansicht und fügt an der gewünschten Stelle folgendes ein:
<details> <summary>Zusammenfassung/Titel</summary> <p>Der detaillierter Text.</p> </details>
Obiger Quellcode wird dann so dargestellt:
Zusammenfassung/Titel
Der detaillierter Text.
Klickt man die Zusammenfassung bzw. den Titel an, klappen die Details auf. Zuklappen geht natürlich ebenfalls.
Im visuellen Editor wird zwar beides dauerhaft aufgeklappt dargestellt, was bei langen Texten viel Scrollen bedeutet, letztlich zählt allerdings das Leser-Erlebnis.
Quellen
selfhtml.org – HTML/Tutorials/details
Verheiratet, Vater von zwei Kindern, eines an der Hand, eines im Herzen. Schon immer Technik-Freund, seit 2001 in der IT tätig und seit über 10 Jahren begeisterter Blogger. Mit meiner Firma IT-Service Weber kümmern wir uns um alle IT-Belange von gewerblichen Kunden und unterstützen zusätzlich sowohl Partner als auch Kollegen.
Artikel (RSS)
XING
Hallo,
danke für diesen Tipp, der hat mir sehr geholfen.
Allerdings hätte ich noch eine Frage, gibt es auch die Möglichkeit mehrstufig auzuklappen.
Soll heißen (beispielhaft eine Übersicht der europäischn Staaten):
– Ebene 1: Westeuropa, Osteuropa, Mitteleuropa usw.; wird diese aufgeklappt, erscheint Ebene 2
– Ebene 2 (Mitteleuropa): Wird diese aufgeklappt, erscheint Österreich, Deutschland usw…
Mit einer Verschachtelung des Codes hatte ich bislang keinen Erfolg.
Hallo Andy,
der Code ist genau was ich gesucht hatte. Danke.
Wie müsste den verändern, wenn ich möchte, dass man beim raufklicken auf (in diesem Beispiel) “Zusammenfassung/Titel, dass das Wort” Zusammenfassung/Titel verschwindet?
Ich möchte nämlich gerne anstatt dessen “Hier klicken zum weiterlesen” eintragen. Wenn man dort drauf drückt, erscheint der detaillierte Text darunter, allerdings immer noch ein “Hier klicken zum weiterlesen”.