Was ist ein "Accordion Element"?

Nicht nur als Musikinstrument ist das Akkordeon (engl: Accordion) mehr als ein Schifferklavier. Im Webdesign wird die Grundfunktion eins Akkordeons gern nach empfunden. Es wird beim „Webdesign – Akkordeon“ zwar kein Ton erzeugt und von Klang kann auch keine Rede sein, dafür hat man mit diesem Homepage Element die Möglichkeit, Inhalte sehr platzsparend darzustellen.

Es kommt gar nicht so selten vor, dass man Inhalte platzsparend unterbringen möchte oder muss. So wie sich das Musikinstrment Accordion auseinander dehnt und zusammen zieht, so klappt man Inhalte zusammen und öffnet sie per Klick. Der großen Vorteile der Akkordeon bei der Homepage Erstellung sind im Kern:

  • Der Nutzer sieht zu einer Zeit nur einen Teil der Inhalte.
  • Es besteht keine Ablenkung durch andere Inhalte.
  • Die Aufmerksamkeit wird erhöht.
  • Mit dem Accordion lassen sich einerseits Inhalte gut strukturieren und gleichzeitig charmant mit den integriereten Navigationselementen verknüpfen.
Da das Akkordion auch auf kleinen Bildschirmen gut funktioniert, kann es auf jeder Homepage eingesetzt werden.
Akkrdeon (Accordion) im Webdesign
Original-Quelle von Pixabay (Akkordeon als Musikinstrument)

Beispiel: Dies ist ein einfaches Accordion für eine Website

Hier steht der Inhalt des ersten Bereiches dieses Akkordion. Es lassen sich beliebig viele Bereiche erstellen. Wieviele man verwendet, sollte vom Inhalt und dessen Struktur abhängig gemacht werden.

Sehr gern werden diese „Aufklapp-Teile“, wie sie viele Leute nennen, für FAQs genutzt.

WordPress gehört zu den bekanntesten und beliebtesten CMS überhaupt. Daher ist es nicht verwunderlich, dass Akkordeon – Elemente auch in WordPress Webseiten eingebunden werden können.

Dies ist für einen erfahrenen Webdesigner schnell erledigt. Wenn Sie Ihre WordPress Seite selbst pflegen, kann es ohne zusätzliche Integration eines Plugins oder entsprechender Propgrammierung ggf. nicht gehen. Fragen Sie einfach Ihren Webdesigner.

Selbstverständlich lässt sich ein Accordion frei gestalten. Die Farben der einzelenn Bereiche lassen sich grenzenlos bestimmen wie auch die Größen der Schrift, die Hintergründe oder Rahmen.