Tutorial: Template-Vorlagen nutzen

Unter technischem Aufbau verstehen wir den strukturellen Aufbau der Inhaltselemente der Website bzw. des Layout-Programmes «Elementor», mit welchen die Inhalte der Website abgefüllt werden.

Zum optimalen Verständnis reden wir von folgenden Begriffen:

• Container (heisst im Elementor «Section»)
  Der Container selbst enthält noch keine Inhalte wie Texte oder Bilder sondern dient als Gefäss für die Platzierung von Inhaltselementen. Ein Container besteht aus mindestens einer Spalte. Ein Container kann zwei Zustände haben:
  – Full width: Alle Inhalte werden in voller Website-Breite dargestellt (kein Abstand zu den Seitenränder)
  – Boxed: Die Inhalte sind auf einen vordefinierten Bereich konfiguriert (links und rechts fix definierter Seitenrand).
  Im verlinkten -> Screenshot zeigt Punkt 1 die Section, zur besseren Visualisierung ist diese blau.Die Section wählt man aus, indem man auf das pinke Icon oben-mittig klickt.
• Spalte (heisst im Elementor «Column»)
  Spalten definieren eigentlich die Struktur, wie die Inhalte dann effektiv platziert werden. Mit Spalten kann man z.B. festlegen, ob links ein Bild und rechts Text dargestellt werden soll. Spaltenbreiten können frei definiert werden (in %).
  Im verlinkten -> Screenshot zeigt Punkt 2 die Spalte (im aktuellen Fall nur eine Spalte). Spalten erkennt man an den gestrichelten Linien und dem grauen Icon oben links.
• Inhaltselement (im Elementor sind das Textboxen, Bilder, Listen usw.)
  Wenn wir von Inhaltselement reden sind damit die spezifischen Elemente gemeint, mit welchen wir die Inhalte in der Website platzieren. Das kann eine Textbox sein, ein Header, ein Bild, eine Liste oder eine Infobox.
  Im verlinkten -> Screenshot zeigt Punkt 3 ein Inhaltselement, im aktuellen Fall eine Textbox. Inhaltselement zeigen eine feine, pinkige Linien wenn man mit der Maus darüber fährt und ein pinkiges Icon oben rechts.