Baukasten
Die folgenden Komponenten unseres Basisbaukastens sind Bestandteil der Startinstallation von «Quark» und «Bootstrap4», den beiden GRAV-«Themes», mit denen wir besonders gute Erfahrungen gemacht haben.
Bei einem «Theme» handelt es sich um eine Zusammenstellung von grafischen Elementen, die das Aussehen der Benutzeroberfläche von Webseiten bestimmen und die sich den eigenen Bedürfnissen anpassen lassen.
Bei beiden «Themes» bilden ausgereifte und vielseitige CSS-Frameworks die Grundlage, womit Komponenten wie Akkordeons, Cards, Galerien usw. «out-of-the-Box» zur Verfügung stehen und gewährleistet ist, dass sich deine zukünftige Webseite «responsiv» verhält, also flexibel an die Grösse des Browserfensters anpasst.
Übrigens läuft diese Webseite mit «Quark».
Komponenten
«Zweispalter» | «Cards» | «Akkordeon» | «Galerie» | «Karussell» | «Karussell mit Bildlegende»
Komponente «Zweispalter»
«Responsiver» Zweispalter mit Text und Bild
Text links, Bild rechts
In dieser Komponente stehen dir zwei Spalten zur Verfügung. In die eine kannst du frei formatierbaren Text eingeben, in der anderen erscheint ein Bild, das du auf die Seite hochgeladen hast. Du kannst wählen, ob das Bild in der rechten oder linken Spalte angezeigt werden soll. Auf kleinen Bildschirmen werden die beiden Spalten übereinander angezeigt, wobei – sinnvollerweise – immer zuerst der Text erscheint.
Zuätzlich kannst du bei Bedarf eine zweispaltige Überschrift eingeben, deren Grösse du selber bestimmen kannst (h1-h4).
Text rechts, Bild links
In dieser Komponente stehen dir zwei Spalten zur Verfügung. In die eine kannst du frei formatierbaren Text eingeben, in der anderen erscheint ein Bild, das du auf die Seite hochgeladen hast. Du kannst wählen, ob das Bild in der rechten oder linken Spalte angezeigt werden soll. Auf kleinen Bildschirmen werden die beiden Spalten übereinander angezeigt, wobei immer zuerst der Text erscheint.
Zuätzlich kannst du bei Bedarf eine zweispaltige Überschrift eingeben, deren Grösse du selber bestimmen kannst (h1-h4).
Komponente «Akkordeon»
Variante 1
Mit dem ersten Klick öffnet sich das aufklappbare Feld und schliesst sich mit dem nächsten Klick wieder.
Alle aufklappbaren Felder können gleichzeitig geöffnet sein.
Was ist ein «Akkordeon»?
Unter einem Akkordeon (engl. accordion) versteht man einen Aufklappmechanismus, der nur einen Teilbereich der Seite darstellt und erst durch die Interaktion des Benutzers (click, touch) weitere Teilbereiche aufschiebt und somit sichtbar macht.
Welche Inhalte können im unsichtbaren Bereich eingegeben werden?
Möglich ist fast alles.
Geordnete und ungeordnete Listen
- Erster Punkt
- Zweiter Punkt
oder ungeordnet:
- Äpfel
- Birnen
Kann ich auch ein Bild einfügen?
Ja, auch Bilder können im aufklappbaren Bereich eingefügt werden.
Was gibt es sonst noch zu sagen?
Je nachdem, mit welchem Ausgangs-«Theme» wir arbeiten, sind mehr oder weniger ausgefeilte Varianten des Akkordeons – und der anderen Module – möglich. Am besten sprichst du mit uns darüber.
Variante 2
Mit dem ersten Klick öffnet sich das aufklappbare Feld und schliesst sich mit dem Klick auf ein geschlossenes Feld wieder. Jeweils nur ein aufklappbares Felder kann geöffnet sein.
Ja, auch Bilder können im aufklappbaren Bereich eingefügt werden.
Komponente «Karussell»
Einfacher Bildwechsler (Karussell, Carousel, Slider) ohne Bildlegende
Komponente «Karussell mit Bildlegende»
Zusätzliche Plugins: Shortcode Core | Shortcode Owl Carousel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.