Inhaltsseiten befüllen und designen

In diesem Beitrag lernst du, wie du eine Seite mit Inhalt bestücken und veröffentlichen kannst. Wir zeigen dir unsere Snippets und wie kinderleicht du damit deine eigenen Seiten aufbauen kannst.

Dauer: 6 Minuten

Inhaltsseiten ganz einfach mit Content füllen

Du befindest dich als Admin angemeldet im Backend der cloud software. Im Bereich “Seiten” unter “Webseite” kannst du dir deine Seite raussuchen, die du gestalten möchtest. Klicke einfach auf das kleine Bild in der Button-Reihe und schon gelangst du in den Design-Modus.

Hier hast du in der unteren Leiste ein paar Funktionen, die wir dir kurz erklären wollen.

Fangen wir zuerst mit den Buttons an, die du immer benutzen wirst. Hast du eine Änderung vorgenommen und möchtest diese erstmal nur im Design speichern aber nicht direkt veröffentlichen, klickst du auf den “Speichern”-Button. Möchtest du den aktuellen Design-Stand der Seite im Frontend anzeigen lassen, klickst du auf “Veröffentlichen”. Wenn du Änderungen im Code der Seite vornehmen willst, klickst du auf “Source” und es öffnet sich der Code der Seite.

Wichtig: Arbeite hier aber bitte nur, wenn du dich gut damit auskennst. Für die normale Gestaltung der Seite musst du eigentlich nicht in den Code.

Mit Klick auf den “Vorschau”-Button kannst du dir eine Vorschau deines Designs anzeigen lassen, ohne dieses veröffentlichen zu müssen. Mit Klick auf “Revisionen” kannst du einen alten Bearbeitungsstand der Seite wiederherstellen, falls eine Änderung mal rückgängig gemacht werden soll. Klicke dafür einfach auf den Button, suche dir den Stand heraus, den du wiederherstellen möchtest, klicke darauf und klicke anschließend auf den “Speichern” oder “Veröffentlichen”-Button. Je nachdem, ob du den alten Stand direkt veröffentlichen möchtest, oder nicht.

Kommen wir jetzt aber zu den Snippets. Diese findest du als vorgefertigte Module auf der rechten Seite in der Leiste und kannst einfach das Snippet auf die Seite ziehen, das du brauchst. Dafür fährst du mit der Maus über das Snippet, hältst die linke Maustaste gedrückt (oder die rechte, falls du deine Maus als Linkshänder anders eingestellt hast) und ziehst das Snippet einfach auf die Seite.

Es kann sein, dass du nicht alle hier gezeigten Snippets in deiner Liste hast, die Snippets sind von Template zu Template unterschiedlich. Wir zeigen dir einmal die Basics, die genaue Erklärung aller Snippets findest du im Beitrag “Snippets für die Webseite einfach erklärt”.

Mit Snippets für Texte kannst du ganz einfach Content auf deine Seite bringen. Diese Snippets findest du eigentlich schon direkt am Anfang der Liste. Du kannst entweder Überschriften von H1 bis H6 verwenden oder Fließtexte in unterschiedlichen Formatierungen. Texte kannst du eigentlich immer direkt im Snippet auf der Seite anpassen. Klicke dafür einfach in das Textfeld und passe es an.

Wenn du Texte aus z.B. Word kopieren willst, füge die Texte nicht wie gewohnt mit Strg und V ein, sondern mit Strg + Umschalt + V, damit du die Formatierung nicht übernimmst. Alternativ kannst du auch mit Rechtsklick und der Option „Als unformatierten Text einfügen“ arbeiten.

Unter den Texten findest du Snippets mit Bildern. Wenn du eines davon auf die Seite gezogen hast, kannst du den Text wie gewohnt einfach bearbeiten, das Bild kannst du austauschen, indem du auf den blauen Button mit der Kamera klickst. Jetzt kannst du entweder ein Foto aus deiner Mediathek auswählen, ein Foto von deinem Rechner hochladen oder mit Klick auf den „Extern hinzufügen“-Button ein Bild aus unserer umfangreichen Datenbank auswählen. Wie du mit den Foto-Snippets arbeitest, erklären wir dir im Beitrag „Snippets für Inhaltsseiten einfach erklärt“.

Ein kleiner Tipp: Wenn du die Reihenfolge der Snippets verändern möchtest, kannst du einfach mit der Maus auf das jeweilige Snippet klicken und mit gedrückter Maus auf den grünen “Verschieben”-Button am Snippet ziehen und es nach oben oder unten verschieben. Hier kannst du auch durch Klick auf den blauen Button in den Code gelangen, mit Klick auf das graue Plus ein Snippet duplizieren, mit Klick auf die beiden Blätter den Code des Snippets in deiner Zwischenablage speichern oder das Snippet mit Klick auf das orange Kreuz löschen.

So kannst du nach und nach deine Inhaltsseite im Designer gestalten und mit Leben füllen. Probiere dich dabei einfach durch die unterschiedlichen Snippets und schau, welche für dich am besten funktionieren. Einige Snippets werden über einen „Bearbeiten“-Button angepasst, das geht aber auch kinderleicht. Alle weiteren Snippets erklären wir dir im Beitrag “Snippets für die Inhaltsseiten einfach erklärt” und zeigen dir anhand von Beispielen, wie du die unterschiedlichen Snippets verwenden kannst.

Und hier nochmal alle Infos im Video erklärt:


Schreibe einen Kommentar

Du möchtest deine Erfahrungen und Tipps mit uns teilen? Dann schreib uns gerne einen Kommentar. Wir sind schon ganz gespannt, was du uns zu erzälen hast!

Dein Kommentar*
Name + E-Mail*
Die mit * gekennzeichneten Felder sind Pflichtfelder



Nur Notwendige speichern
Alle akzeptieren