Website & Editor: Abschnitte, Design und Veröffentlichen

Mit dem Website-Editor von Artistnest baust du deine eigene Artist-Website aus fertigen Abschnitten zusammen, passt Layout, Farben und Schriften an dein Projekt an und stellst sie mit einem Klick online. In diesem Artikel zeigen wir dir Schritt für Schritt, wie du den Editor öffnest, Abschnitte hinzufügst und anordnest, das Design anpasst, eine Vorschau ansiehst und deine Website veröffentlichst.

Den Website-Editor öffnen

1. 1Öffne im Dashboard den Bereich Websites.
2. 2Suche in der Tabelle die Website, die du bearbeiten möchtest.
3. 3Klick in der Zeile auf Editor. Der Website-Editor öffnet sich.

Der Editor ist in drei Spalten aufgeteilt:

• Links die Liste deiner Abschnitte sowie den Bereich Hinzufügen, um neue Abschnitte einzufügen.
• In der Mitte die Live-Vorschau deiner Seite.
• Rechts die Design-Bereiche für Layout, Farben und Schriften.

Oben im Editor findest du eine Speicher-Anzeige („Gespeichert ✓"), einen Teilen-Button und den Button Speichern. Deine Änderungen werden laufend automatisch als Entwurf gespeichert – sie gehen also nicht verloren, sind aber erst nach dem Veröffentlichen öffentlich sichtbar.

Abschnitte hinzufügen, bearbeiten und anordnen

Deine Website besteht aus einzelnen Abschnitten. Header und Footer sind feste Bestandteile und werden automatisch verwaltet. Alle weiteren Abschnitte fügst du selbst hinzu.

Einen Abschnitt hinzufügen

1. 1Öffne links den Bereich Hinzufügen.
2. 2Klick auf den gewünschten Abschnitt (z. B. + Hero, + Bio, + Diskografie, + Release, + Live-Termine, + Videos, + Galerie, + Newsletter, + Social Links oder + Kontakt). Der Abschnitt wird sofort eingefügt.

Einen Abschnitt bearbeiten

1. 1Klick in der Abschnitts-Liste auf den gewünschten Abschnitt.
2. 2Fülle die Felder aus – je nach Abschnitt zum Beispiel Überschrift, Text, Button-Text oder Button-Link.
3. 3Deine Eingaben erscheinen sofort in der Live-Vorschau in der Mitte und werden automatisch als Entwurf gespeichert.

Abschnitte anordnen und entfernen

1. 1Greife in der Abschnitts-Liste einen Abschnitt und zieh ihn per Ziehen an die gewünschte Position. Die Reihenfolge in der Liste entspricht der Reihenfolge auf deiner Website.
2. 2Zum Entfernen nutzt du das rote × am Abschnitt.

Layout, Farben und Schriften anpassen

Das Aussehen deiner Website steuerst du über die drei Design-Bereiche in der rechten Spalte.

• Layout: Wähle eine Layout-Vorlage, die Schriftgrößen, Abstände und Form deiner Seite bestimmt.
• Farben: Wähle eine fertige Farbpalette per Klick oder stelle die Basis-Farben Hintergrund, Text und Akzent selbst ein. Du kannst deine Farben auch automatisch aus einem Bild bzw. deinem Cover auslesen lassen.
• Schriften: Lege getrennt die Schrift für Überschrift und Text fest.

Deine Design-Änderungen werden über den Button Speichern übernommen.

Titel und Vorschau für Google & Co. pflegen

1. 1Öffne die Einstellungen der Website.
2. 2Trage im Feld Name den Titel deiner Website ein. Dieser Name erscheint auch als Seitentitel bei Google – halte ihn kurz (max. 32 Zeichen empfohlen) und aussagekräftig.
3. 3Optional kannst du den Hinweis anpassen, der angezeigt wird, wenn eine Seite einmal nicht gefunden wird.

Die Beschreibung deiner Website legst du beim Erstellen an; sie dient als Vorschautext, z. B. bei Google oder wenn deine Seite geteilt wird.

Vorschau ansehen

1. 1Im Editor zeigt dir die Live-Vorschau in der Mitte jederzeit deinen aktuellen Entwurf mit allen Abschnitten und Designeinstellungen.
2. 2Möchtest du die Seite so öffnen, wie sie öffentlich erscheint, nutzt du in der Websites-Tabelle die Zeilen-Aktion Vorschau. Die Seite öffnet sich in einem neuen Tab.
3. 3Über den Teilen-Button im Editor kopierst du außerdem schnell den Link oder blendest einen QR-Code ein.

Website veröffentlichen

Ob eine Website öffentlich erreichbar ist, steuerst du in der Websites-Tabelle über den Live/Privat-Schalter:

1. 1Öffne den Bereich Websites.
2. 2Schalte deine Website in der Übersicht auf Live – die Änderung wird sofort übernommen. Über Privat nimmst du sie wieder offline.

Hinweis: Bevor du eine Seite live schalten kannst, müssen deine rechtlichen Grundlagen hinterlegt sein (Impressum & Datenschutz sowie der Auftragsverarbeitungsvertrag). Fehlt etwas davon, bleibt der Schalter bis dahin gesperrt.

Tipps

• Mit Vorschau gegenchecken: Öffne vor dem Live-Schalten über Vorschau deine Seite genau so, wie sie deine Fans erleben.
• Erst Layout, dann Feinschliff: Wähle zuerst eine Layout-Vorlage und eine Farben-Palette als Startpunkt und passe danach Farben und Schriften gezielt an.
• Name kurz halten: Da der Name deiner Website als Seitentitel bei Google dient, wähle einen kurzen, klaren Titel.