Inhalte bearbeiten :Schritt für Schritt

Um Inhalte hinzufügen oder bearbeiten zu können, musst du dich im Backend der Internetseite anmelden.

Zum Backend

Mache dir zunächst Gedanken, was du hinzufügen möchtest. Im Beispiel möchten wir ein neues Fotoalbum hinzufügen und orientieren uns deshalb an den bereits vorhanden Fotoalben.

Wenn du die Seite anklickst, siehst du - je nach ausgewähltem Layout - in der Anzahl verschiedene Spalten, in denen du Inhalte hinzufügen kannst. Die größte Relevanz haben dabei die Spalten Top und Main, in denen insgesamt zwei Inhaltselemente hinzufügt werden sollen.

Beginne mit dem Inhaltselement, das in der Spalte Top erscheinen soll, und klicke dazu auf den Button + Inhalt in der Spalte Top. Du siehst das Inhaltselement Hero. Zur Erklärung: Das System bietet eigentlich eine enorme Anzahl an Inhaltselementen. Allerdings wurde es von uns so konfiguriert, dass du in der jeweiligen Spalte nur das Inhaltselement hinzufügen kannst, das in das Konzept der Internetseite passt. In dieser Spalte ist im Konzept nur das Inhaltselement Hero erlaubt, weshalb dir auch nur dieses Element angezeigt wird. Klicke auf den Namen, um das Inhaltselement Hero zu erstellen.

Das Inhaltselement Hero hat kaum Einstellungsmöglichkeiten. Das liegt daran, dass es sich hierbei um ein spezielles Element handelt, das sich die benötigten Informationen automatisch aus den Einstellungen der Seite (Titel, Aufmacher, Inhaltsangabe) zieht. Du siehst daher im Reiter Allgemein nur die Felder Typ, Spalte und Überschrift, die du konfigurieren kannst.

Im Beispiel gibst du eine aussagekräftige Überschrift (Sommerfest) an, um die Übersichtlichkeit im Backend zu gewährleisten. Gleichzeitig setzt du den Typ der Überschrift aber auf verborgen, um zu verhindern, dass die Überschrift auf der Internetseite ausgegeben wird.

Im Anschluss kannst du das Inhaltselement speichern und schließen.

Nachdem das Inhaltselement geschlossen wurde, siehst du das Inhaltselement in der Spalte Top liegen.

Im Beispiel fehlen nun nur noch die Bilder des Fotoalbums. Diese werden in der Spalte Main eingepflegt. Wenn du auf den bereits dir bekannten Button + Inhalt klickst, siehst du bereits, dass dir viel mehr Inhaltselemente zur Verfügung stehen als in der Spalte Top. Neben dem Inhaltselement Text & Medien, das später für die Bilder genutzt wird, gibt es dort zahlreiche weitere Inhaltselemente.

Nachdem du das Inhaltselement Text & Medien ausgewählt hast, kannst du es bearbeiten. Im Vergleich zum Inhaltselement Hero siehst du in diesem Inhaltselement im Reiter Allgemein ein weiteres Feld (Text) sowie im Reiter Medien weitere Optionen, die große Relevanz haben.

Im Beispiel gibst du - wie schon zuvor - eine aussagekräftige Überschrift (Bilder) an, um die Übersichtlichkeit im Backend zu gewährleisten. Gleichzeitig setzt du den Typ der Überschrift aber auf verborgen, um zu verhindern, dass die Überschrift auf der Internetseite ausgegeben wird. Im Beispiel wird kein Text benötigt, weshalb du das Feld Text leer lassen kannst.

Im Anschluss wechselst du in den Reiter Medien. Dort kannst du Medienelemente hinzufügen und Einstellungen zur Ausrichtung, der Anzahl an Spalten und dem Verhalten bei Öffnung treffen.

Zunächst müssen Medienelemente zum Inhaltselement hinzugefügt werden. Klicke dazu auf Medienelement hinzufügen, im Anschluss öffnet sich der Elemente-Browser. Nachdem du zum richtigen Ordner (sommerfest) navigiert bist, siehst du, dass bereits ein Bild in diesem Ordner liegt. Dabei handelt es sich um das Bild, das in den Seiteneigenschaften unter Ressourcen verknüpft wird.

Klicke nun auf den Button Datei auswählen, um Bilder von unserem Computer / Smartphone auszuwählen.

Im Anschluss wählst du eines oder mehrere Bilder von deinem Computer / Smartphone aus und klickst auf Öffnen.

Mit einem Klick auf den Button Hochladen übertragst du die Bilder auf den Server.

Die Bilder sind nun hochgeladen und können mit einem Klick auf den Button Alle auswählen ausgewählt werden.

Im Anschluss muss das Bild sommerfest.jpg händisch wieder deselektiert werden, weil dieses für das Fotoalbum selbst nicht benötigt wird. Anschließend kannst du auf den Button Auswahl hinzufügen klicken.

Die Bilder werden nun nach und nach hinzugefügt, was bei größeren Datenmengen schon mal einige Sekunden in Anspruch nimmt. Stelle sicher, dass alle Bilder hinzugefügt wurden, bevor du fortfährst.

Im Anschluss muss die Option Bei Klick vergrößern aktiviert werden, damit sich die Bilder bei einem Klick in der Lightbox öffnen.

Im Anschluss kannst du das Inhaltselement speichern und schließen.

Nachdem das Inhaltselement geschlossen wurde, siehst du das Inhaltselement in der Spalte Main liegen. Über den Button Vorschau ansehen kannst du dir das Fotoalbum auf der Internetseite angucken.