Deine Website selbst bearbeiten
Dieses Handbuch zeigt dir Schritt für Schritt, wie du Texte, Bilder, Farben und Inhalte deiner Website änderst — ganz ohne Programmieren. Nimm dir einen Kaffee, klick dich in Ruhe durch. Du kannst nichts kaputt machen.
Erste Schritte
Deine Website läuft mit WordPress — dem weltweit meistgenutzten System für Websites. Das Theme (das fertige Design), das wir für dich gebaut haben, bestimmt das Aussehen. Deine Inhalte pflegst du im geschützten Verwaltungsbereich, dem Admin-Bereich.
So meldest du dich an
- Admin-Adresse öffnen Ruf im Browser deine Website-Adresse auf und häng /wp-admin an — also z. B. ihre-domain.de/wp-admin.
- Anmelden Gib Benutzername und Passwort ein, die du von uns erhalten hast.
- Das Dashboard erscheint Das ist deine Schaltzentrale. Am linken Rand siehst du das Menü, über das du alles erreichst.
Die schwarze Leiste ganz oben begleitet dich auch, wenn du deine Website ansiehst. Über „Bearbeiten“ darin springst du direkt zur Bearbeitung der Seite, die du gerade betrachtest.
Beiträge oder Seiten? Der wichtigste Unterschied
WordPress kennt zwei Grundtypen von Inhalten. Wenn du diesen Unterschied verstehst, verstehst du 80 % deiner Website.
📄 Seiten
Feste Inhalte, die selten wechseln: Startseite, Über mich, Kontakt, Impressum, Datenschutz. Sie stehen meist im Menü.
📰 Beiträge
Fortlaufende Inhalte wie Blog-Artikel, Rezepte oder News. Sie erscheinen nach Datum sortiert und lassen sich in Kategorien ordnen.
Beide bearbeitest du mit demselben Werkzeug — dem Block-Editor, den wir uns gleich ansehen.
Theme installieren & Startseite anlegen
Diesen Schritt brauchst du nur ein einziges Mal — beim ersten Einrichten. Meist haben wir das bereits für dich erledigt. Falls du es selbst tun oder nachvollziehen möchtest, hier der komplette Weg von der leeren Installation bis zur fertigen Startseite.
Gut zu wissen: Dein Theme ist ein sogenanntes Child-Theme von „Astra“ — einem soliden, kostenlosen Basis-Theme. Deshalb installierst du zuerst Astra und dann dein Theme „obendrauf“. Ohne Astra funktioniert dein Theme nicht.
Schritt A — Astra (das Basis-Theme) installieren
- Themes öffnen Linkes Menü → Design › Themes → oben auf „Theme hinzufügen“.
- Nach „Astra“ suchen Rechts oben ins Suchfeld Astra eintippen.
- Installieren Beim Theme Astra auf „Installieren“ klicken. Aktivieren musst du es nicht — das übernimmt gleich dein eigenes Theme.
Schritt B — Dein Theme hochladen & aktivieren
Dein Theme hast du von uns als ZIP-Datei erhalten (z. B. culinary.zip).
- „Theme hinzufügen“ öffnen Design › Themes → „Theme hinzufügen“ → oben auf „Theme hochladen“.
- ZIP-Datei wählen Auf „Datei auswählen“ klicken, die ZIP-Datei deines Themes wählen, dann „Jetzt installieren“.
- Aktivieren Nach der Installation auf „Aktivieren“ klicken. Jetzt ist dein Design live.
Schritt C — Startseite anlegen & Komplett-Muster einfügen
Die Startseite ist eine ganz normale Seite — du musst nichts selbst aufbauen. In jedem Theme ist ein fertiges Block-Muster (englisch „Pattern“) hinterlegt, das die komplette Startseite enthält. Du suchst es heraus und fügst es mit einem Klick ein.
- Neue Seite erstellen Linkes Menü → Seiten › Erstellen. Als Titel z. B. „Startseite“ eingeben.
- Muster-Auswahl öffnen Im Editor oben links auf das „+“ klicken und zum Reiter „Muster“ wechseln (in älteren WordPress-Versionen heißt der Reiter „Vorlagen“). Nicht zu verwechseln mit „Templates“ im Design-Menü — gemeint sind die Block-Muster hier direkt im Seiten-Editor.
- Das Komplett-Muster suchen Tipp oben ins Suchfeld (oder wähl die Kategorie mit dem Namen deines Themes). Gesucht ist das Muster, das die ganze Startseite enthält — je nach Theme heißt es „Startseite (komplett)“, „Vollständige Startseite“, „Home page (complete)“ oder „Full home page“.
- Einfügen Auf das gefundene Muster klicken — die komplette Startseite erscheint sofort im Editor.
- Veröffentlichen Oben rechts auf „Veröffentlichen“ klicken.
Schritt D — Die Seite zur Startseite machen
- Einstellungen öffnen Linkes Menü → Einstellungen › Lesen.
- „Eine statische Seite“ wählen und bei „Startseite“ deine eben erstellte Seite auswählen.
- Änderungen speichern. Fertig — ruf deine Website auf, die Startseite steht. Jetzt ersetzt du nur noch die Beispiel-Texte durch deine eigenen (siehe nächstes Kapitel).
Ausnahme Travel & Adventure: Dieses Theme bringt keine Muster-Kategorie mit. Die Startseite gestaltest du hier direkt mit einzelnen Blöcken auf einer Seite — Schritt C mit dem Komplett-Muster entfällt, die Schritte A, B und D bleiben gleich.
Die Startseite bearbeiten
Deine Startseite ist eine ganz normale Seite, die du frei bearbeiten kannst. Sie ist aus Blöcken aufgebaut — jede Überschrift, jeder Textabsatz, jedes Bild und jeder Button ist ein eigener Block, den du anklickst und änderst.
- Startseite öffnen Geh im linken Menü auf Seiten, klick die Seite mit dem Zusatz „— Startseite“ an. Oder: Startseite ansehen und oben auf „Seite bearbeiten“ klicken.
- Text & Bilder direkt ändern Klick einen Text an und tipp einfach los. Für ein Bild: Block anklicken → „Ersetzen“ → neues Bild aus der Mediathek wählen.
- Speichern Oben rechts auf „Aktualisieren“ klicken. Fertig — die Änderung ist sofort live.
Tipp: Du musst nicht die ganze Seite auf einmal ändern. Pass ruhig nur einen Satz an und speicher. Über Rückgängig (der Pfeil oben links, oder Strg + Z) machst du jeden Schritt wieder rückgängig.
Eine komplette Startseite mit einem Klick einfügen
Solltest du eine Seite versehentlich leeren oder ganz neu aufbauen wollen: Wir haben für jedes Theme ein fertiges Komplett-Muster hinterlegt, das das gesamte Startseiten-Layout auf einen Schlag einfügt. Wie du es findest, liest du im Kapitel Theme installieren & Startseite anlegen (Schritt C) und im nächsten Kapitel Blöcke & Muster.
Damit die Seite auch als Startseite erscheint
Falls eine neu erstellte Seite deine Startseite werden soll, leg das einmalig unter Einstellungen › Lesen fest — der komplette Ablauf steht im Kapitel Theme installieren & Startseite anlegen (Schritt D).
Warum sehe ich Inhalte, die ich nie eingegeben habe? Damit deine Website von Anfang an vollständig aussieht, zeigen manche Bereiche Beispiel-Inhalte (Muster-Karten, Beispiel-Rezepte usw.). Diese verschwinden automatisch, sobald du eigene Inhalte anlegst. Du musst die Beispiele nicht löschen.
Blöcke & Muster
Im Block-Editor baust du Seiten aus einzelnen Bausteinen zusammen. Du musst die Blöcke nicht auswendig kennen — die wichtigsten sind: Überschrift, Absatz (Text), Bild und Button.
Einen neuen Block einfügen
- Klick auf das „+“ oben links (oder das kleine „+“, das zwischen zwei Blöcken erscheint).
- Such den gewünschten Block, klick ihn an.
- Zum Löschen eines Blocks: anklicken → auf die drei Punkte (⋮) → „Block entfernen“.
Fertige Muster (Block-Patterns) einsetzen
Muster sind komplette, vorgestaltete Abschnitte — ein Hero-Bereich, eine Newsletter-Anmeldung, eine Team-Sektion. Für dein Theme haben wir eine eigene Muster-Kategorie angelegt, benannt nach deinem Theme.
Muster ≠ Templates. „Muster“ (englisch „Patterns“) fügst du hier im Seiten-Editor über das „+“ ein. Die „Templates/Vorlagen“ im Design-Menü sind etwas anderes und für dich nicht nötig.
- „+“ öffnen und oben zum Reiter „Muster“ wechseln (in älteren WordPress-Versionen „Vorlagen“).
- Deine Theme-Kategorie wählen z. B. „Culinary“ oder „Aurelia“ — oder oben ins Suchfeld tippen. Dort findest du alle Abschnitte mit Namen wie „Home: Hero“, „Home: Newsletter“ …
- Auf ein Muster klicken — es wird an der Cursor-Stelle eingefügt. Danach ersetzt du einfach die Beispiel-Texte durch deine eigenen.
Tipp: Das Komplett-Muster („Startseite (komplett)“ bzw. „Home page (complete)“) fügt die ganze Startseite in einem Rutsch ein — praktisch, wenn du ganz von vorn beginnen möchtest.
Dynamische Bereiche (Shortcodes)
Manche Bereiche füllen sich von selbst: die Liste der neuesten Beiträge,
eine Rezept-Übersicht, die Kategorien, Kundenstimmen oder das Newsletter-Formular. Diese
Bereiche nutzen sogenannte Shortcodes — kurze Platzhalter in eckigen
Klammern wie [culinary_recipes_grid].
Gute Nachricht: Diese Shortcodes sind bereits in deinen Mustern enthalten. In den allermeisten Fällen musst du nichts daran tun — sie aktualisieren sich automatisch, sobald du neue Beiträge oder Inhalte anlegst.
Falls du einen Bereich anpassen möchtest
Viele Shortcodes verstehen kleine Einstellungen. Ein Beispiel:
[culinary_recipes_grid count="6" category="fruehstueck"]
count— wie viele Einträge angezeigt werden (z. B. 6).category— nur eine bestimmte Kategorie zeigen.
Einen Shortcode fügst du über den Block „Shortcode“ ein (per „+“ suchen) und tippst den Text hinein. Die genauen Shortcode-Namen deines Themes findest du in der Themen-Übersicht am Ende.
Jedes Theme hat sein eigenes Kürzel am Anfang (z. B. mg_
für Mamaglück, hh_ für Histaminhilfe). Achte auf die
eckigen Klammern und schreib den Namen genau ab.
Design & Farben anpassen
Farben, dein Name, Kontaktdaten, Social-Media-Links und der Newsletter-Link liegen alle an einem Ort: dem Customizer. Dort siehst du deine Änderungen live in einer Vorschau, bevor du sie speicherst.
- Customizer öffnen Linkes Menü → Design › Anpassen.
- Design-Bereich deines Themes wählen Er heißt wie dein Theme, z. B. „Culinary Design“ oder „Mamaglück Design“.
- Ändern & live sehen Öffne z. B. „Farben“, klick auf eine Farbe und wähl eine neue. Die Vorschau rechts aktualisiert sich sofort.
- Veröffentlichen Oben auf „Veröffentlichen“ klicken, damit die Änderung live geht. Ohne diesen Klick bleibt alles beim Alten.
Je nach Theme findest du hier Bereiche wie:
- Farben — die Marken-Farben deiner Website (Akzent, Hintergrund, Text). Abgeleitete Töne (Hover, Links, Rahmen) passen sich automatisch an.
- Typografie — die Schriften für Überschriften und Fließtext. Bei einigen
Themes kannst du zusätzlich eine eigene Schrift als
.woff2-Datei hochladen und deren Namen eintragen. - Marke & Infos — dein Name/Studioname, kurze Beschreibung, Fußzeilen-Text, Kontakt-E-Mail und Social-Media-Links (Instagram, Facebook & Co.).
- Newsletter — hier trägst du die Formular-Adresse deines Newsletter-Dienstes (Mailchimp, Brevo …) ein, damit die Anmeldung funktioniert.
- Terminbuchung (bei Coaching-Themes) — dein Buchungs-Link (z. B. Calendly). Alle „Termin buchen“-Buttons nutzen dann automatisch diesen Link.
Tipp: Ein Feld leer zu lassen ist ungefährlich. Bleibt z. B. der Buchungs-Link leer, verweisen die Buttons einfach auf deine Kontaktseite.
Dein Logo
Das Logo lädst du an einer Stelle hoch — es erscheint dann oben im Kopfbereich:
- Customizer öffnen Design › Anpassen → „Website-Informationen“.
- Logo auswählen Auf „Logo auswählen“ klicken, Datei hochladen oder aus der Mediathek wählen.
- Veröffentlichen Oben auf „Veröffentlichen“ klicken.
Ohne eigenes Logo zeigt dein Theme sein mitgeliefertes Symbol. Der Name daneben ist der Marken- bzw. Studioname aus dem Design-Bereich deines Themes — er lässt sich getrennt vom Logo ändern.
Dunkle Fußzeile (z. B. Body & Mind): Dort steht das Logo auf dunklem Grund. Ein dunkles Logo verschwindet da leicht. Lade deshalb unter Design › Anpassen › Body & Mind Design › Studio-Infos bei „Logo für die Fußzeile“ eine helle Version hoch — am besten als PNG oder SVG mit transparentem Hintergrund. Ohne diese Angabe nutzt die Fußzeile dein normales Logo.
Inhalte verwalten
Standard-Inhalte: Beiträge
Für Blog-Artikel, Rezepte oder News nutzt du Beiträge:
- Neu anlegen Linkes Menü → Beiträge › Erstellen.
- Titel & Inhalt schreiben im Block-Editor — genau wie bei einer Seite.
- Beitragsbild setzen Rechts in der Seitenleiste unter „Beitragsbild“ — das ist das Vorschaubild in Listen und Übersichten.
- Kategorie zuordnen Rechts unter „Kategorien“ — so landet der Beitrag im richtigen Bereich.
- Veröffentlichen.
Bei einigen Themes (z. B. Culinary) sind Rezepte einfach Beiträge. Du legst also ein Rezept als neuen Beitrag an und ordnest es einer Kategorie zu — die Rezept-Übersicht auf der Startseite füllt sich dann von selbst.
Besondere Inhalte: eigene Menüpunkte
Einige Themes haben zusätzliche Inhaltsarten mit eigenem Eintrag im linken Menü. Du erkennst sie an ihrem eigenen Namen in der Seitenleiste:
So pflegst du einen solchen Eintrag — das Vorgehen ist überall gleich:
- Menüpunkt öffnen (z. B. Leistungen, Kurse, Lebensmittel oder FAQs) und auf „Neu hinzufügen“ klicken.
- Titel eingeben — je nach Art ist das der Name der Leistung, des Kurses, des Lebensmittels oder die Frage.
- Zusatzfelder ausfüllen In der Box darunter/daneben stehen passende Felder — z. B. beim Stundenplan Wochentag, Uhrzeit und freie Plätze; beim Lebensmittel die Verträglichkeits-Stufe.
- Veröffentlichen — der Eintrag erscheint automatisch im passenden Bereich deiner Website.
Tipp zur Reihenfolge: Gibt es ein Feld „Reihenfolge“ (unter Seiten-Attribute), steuern kleinere Zahlen die Position weiter oben.
Bilder & Medien
Alle Bilder liegen zentral in der Mediathek (Medien im linken Menü). Von dort greifen alle Blöcke darauf zu.
- Hochladen: Bild per Maus in die Mediathek ziehen — oder direkt beim Bild-Block über „Hochladen“.
- Alt-Text nicht vergessen: Beschreib kurz, was auf dem Bild zu sehen ist. Das hilft Sehbehinderten und der Auffindbarkeit bei Google.
- Passende Größe: Fotos vor dem Hochladen möglichst auf ca. 2000 Pixel Breite verkleinern — das hält deine Website schnell.
Achtung bei Bildrechten: Verwende nur Bilder, die du selbst gemacht hast oder für die du eine Lizenz besitzt. Fremde Fotos aus dem Internet können teuer werden.
Häufige Fragen
Wie ändere ich die Farben oder Schrift?
Über Design › Anpassen → Design-Bereich deines Themes → Farben bzw. Typografie. Änderung mit „Veröffentlichen“ speichern. Siehe Kapitel Design & Farben.
Wenn du eine Hauptfarbe änderst, passt das Theme automatisch alle abgeleiteten Töne mit an — hellere Flächen, Hover-Zustände, Links und Rahmen. Du musst also nur die Grundfarbe wählen.
Wie füge ich ein neues Rezept / eine Leistung / einen Kurs hinzu?
Rezepte und Artikel legst du als Beitrag an (Beiträge › Erstellen). Leistungen, Kurse, Lebensmittel oder FAQs haben — falls dein Theme sie hat — einen eigenen Menüpunkt links. Details im Kapitel Inhalte verwalten.
Warum sehe ich Inhalte, die ich nie eingegeben habe?
Das sind Beispiel-Inhalte, damit deine Website von Anfang an vollständig wirkt. Sie verschwinden automatisch, sobald du eigene Inhalte anlegst — löschen musst du sie nicht.
Wie ändere ich den Newsletter-Link?
Im Customizer (Design › Anpassen) im Bereich „Newsletter“ die Formular-Adresse deines Anbieters eintragen und veröffentlichen.
Wie ändere ich das Menü oben oder in der Fußzeile?
Über Design › Menüs. Einträge per Maus ordnen, eingerückte Einträge werden zu Unterpunkten. Siehe Kapitel Menüs.
Warum fehlen Impressum und Datenschutz in der Fußzeile?
Weil das Theme dort keine eigenen Links setzt — du bestimmst selbst, welche rechtlichen Seiten erscheinen. Leg dafür ein Menü an und weise es dem Platz für die rechtlichen Links zu: Rechtliche Links in der Fußzeile.
Ich habe etwas „kaputt gemacht“ — was nun?
Keine Sorge. Solange du noch im Editor bist, hilft Rückgängig (Strg + Z). Jede Seite hat außerdem „Revisionen“ (frühere Versionen) rechts in der Seitenleiste, zu denen du zurückkehren kannst. Und im Zweifel: Meld dich bei uns.
Themen-Übersicht
Die Bedienung ist bei allen Themes gleich — nur die genauen Namen unterscheiden sich. Such hier dein Theme und du siehst auf einen Blick, wie dein Design-Bereich heißt, welche eigenen Menüpunkte es gibt und welches Shortcode-Kürzel gilt.
| Theme & Thema | Design-Bereich (Customizer) | Eigene Menüpunkte | Shortcode-Kürzel | Gut zu wissen |
|---|---|---|---|---|
| Aurelia Gesundheit & Wellness |
„Aurelia Design“ | Leistungen · Stimmen | au_… |
z. B. [au_services], [au_faq] |
| Aurum Arcana Mystik & Esoterik |
„Aurum Arcana Design“ | Standard-Beiträge | aurum_… |
z. B. [aurum_articles] |
| Bastelliebe DIY & Basteln |
„Bastelliebe Design“ | Standard-Beiträge | bl_… |
z. B. [bl_projects], [bl_categories];
Schriftauswahl inkl. Quicksand und eigener Schrift-Upload unter „Typografie“ |
| Body & Mind Yoga & Studio |
„Body & Mind Design“ | Kurse · Stundenplan | bm_… |
Stundenplan mit Uhrzeit & freien Plätzen |
| Celestine Esoterik (dunkel) |
„Celestine Design“ | Standard-Beiträge | cel_… |
z. B. [cel_journal] |
| Culinary Food & Rezepte |
„Culinary Design“ | Standard-Beiträge | culinary_… |
Rezepte = Beiträge + Kategorien |
| Histaminhilfe Histamin-Gesundheit |
„Histaminhilfe Design“ | Lebensmittel (+ Kategorien) | hh_… |
Lebensmittel-Datenbank mit Verträglichkeit |
| Mamaglück Mama-Blog |
„Mamaglück Design“ | Standard-Beiträge | mg_… |
z. B. [mg_posts_grid], [mg_topics] |
| Maren Cole Coaching & Business |
„Maren Cole Design“ | FAQs | mc_… |
Buchungs-Link im Bereich „Booking“ |
| Travel & Adventure Reisen |
kein eigener Design-Bereich | Standard-Beiträge | taa_… |
Ausnahme: keine Muster-Kategorie; Startseite über den Seiteninhalt |
Deine Website nutzt eines dieser Themes. Alle Kapitel dieses Handbuchs gelten für dich — ersetz beim Lesen die Beispielnamen einfach durch die Werte aus deiner Zeile.