Erste Schritte - Das Frontend
In diesem Beitrag lernst du alle Grundlagen über das Frontend: Du lernst, was das Frontend genau ist, wie du Zugang dazu findest und was du im Frontend alles vorfinden kannst.
Dauer: 3 Minuten
Wenn du dich im Administrationsbereich deiner Website oder deines Webshops angemeldet hast, kannst du dich mit einem Klick auf dein Logo oben links in der Leiste ins Frontend navigieren.
Das Frontend ist das technische Ergebnis des Backends. Vereinfacht gesagt ist das also der Bereich deiner Website oder deines Webshops, der für deinen Kunden sichtbar ist. Hier kannst du deine Website oder deinen Webshop bearbeiten und nach deinen Wünschen gestalten. Du kannst Inhalte wie Texte, Bilder, Berichte oder Jahresplanungen hinzufügen oder löschen. Die Bearbeitung nimmst du dabei mit Hilfe von Snippets vor.
Der Header
Fangen wir zuerst mit dem Header an. Das ist das englische Wort für “Kopfzeile” und ist damit der obere Teil deiner Website oder deines Webshops und ist das Erste, was deine Kunden sehen, wenn sie deine Website oder deinen Webshop besuchen. Ein Header besteht oft aus einem Logo, einem Hauptmenü, einer Suchleiste, Öffnungszeiten und der Telefonnummer. Außerdem kann man sich hier für die Seite registrieren und an- und abmelden. Wenn du einen Webshop hast, finden deine Kunden hier auch ihren Merkzettel und den Warenkorb.
Der Content
Der Content-Bereich ist das Herzstück deiner Website oder deines Webshops. Er beschreibt den Inhalt, den du über das Design-Format im Frontend bearbeiten kannst und ist das, was deine Kunden über dich und dein Unternehmen wissen müssen. Bearbeiten kannst du den Content mit verschiedenen Snippets. Wie das funktioniert, erklären wir dir im Video zum Thema “Eine Seite befüllen und designen”
Der Footer
Wir machen weiter mit dem Footer. Das ist das englische Wort für Fußzeile und ist der untere Bereich deiner Website oder deines Webshops. Der hebt sich oft farblich vom Rest der Seite ab. Hier finden deine Kunden firmenbezogene Informationen wie deine Kontaktdaten, die Datenschutzhinweise, AGBs, Liefer- & Zahlungsinformationen und das Impressum.
Die Sidebar
Am rechten Seitenrand findest du die Sidebar. Sie enthält Informationen zum Standort und zu den Kontaktdaten deines Unternehmens. Um die Informationen zu sehen, musst du einfach nur deinen Mauszeiger über die Sidebar bewegen.
Der Bearbeiten-Button
Wenn du als Admin angemeldet bist, erscheint im Frontend oben rechts ein Bearbeiten-Button. Wenn du deinen Mauszeiger darüber bewegst, öffnet sich eine Leiste. Hier kannst du den Cache leeren, die Seite bearbeiten, die Seite designen, zurück ins Backend gelangen oder dich abmelden.
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!