Diese Anleitung erklärt Schritt für Schritt, wie du Texte, Beiträge, Termine und das Aussehen der Website änderst. Du brauchst dafür keine Technik-Kenntnisse. Kaputt machen kannst du dabei kaum etwas: Fast alles lässt sich rückgängig machen (siehe letzter Abschnitt).

Dieselbe Anleitung findest du auch direkt in WordPress unter Naturschule → Anleitung. Dort führen Links direkt an die richtigen Stellen, und ganz unten steht die E-Mail-Adresse für Hilfe. Die Anleitung direkt im WordPress bleibt euch dauerhaft erhalten. Diese hier dint der Veranschaulichung und wird vor dem öffentlichen Release verschwinden.

1. Bevor es losgeht

Anmelden: Öffne im Browser die Adresse der Website und hänge /wp-admin an, also z. B. www.eure-adresse.de/wp-admin. Gib deinen Benutzernamen und dein Passwort ein und klicke auf Anmelden. Wenn du noch keine Zugangsdaten bekommen hast wende dich bitte an Martin oder Jens.

Danach siehst du die Verwaltung der Website. Links ist eine dunkle Spalte mit allen Bereichen. Oben am Rand ist eine schwarze Leiste. Über den Namen der Website oben links kommst du jederzeit zur Website zurück.

Die wichtigsten Begriffe:

BegriffWas ist das?
SeiteEine feste Seite der Website, z. B. „Kontakt“ oder „Das Team“.
BeitragEine Neuigkeit für den Bereich „Aktuelles“. Beiträge erscheinen automatisch als bunte Kacheln und können in Kategorien untergliedert werden.
TerminEine Veranstaltung mit Datum. Termine erscheinen automatisch auf der Startseite und unter „Termine“.
BlockEin Baustein im Text, z. B. ein Absatz, eine Überschrift, ein Bild oder eine Farbkachel.
CustomizerDer Bereich, in dem du das Aussehen einstellst: Farben, Startbereich, Formen, Logo. Du findest ihn unter Design → Customizer.
FormenDie bunten Ausschnitte Hand, Herz und Blume, die überall auf der Website als Schmuck liegen.

Die wichtigste Regel: Änderungen sind erst sichtbar, wenn du sie speicherst. Im Seiten-Editor heißt der blaue Knopf oben rechts Speichern oder Aktualisieren, im Customizer Veröffentlichen. Wenn du einfach das Fenster schließt, gehen deine Änderungen verloren.

2. Text auf einer Seite ändern

So änderst du den Text einer bestehenden Seite, z. B. „Kontakt“:

  1. Klicke links auf Seiten. Du siehst eine Liste aller Seiten.
  2. Fahre mit der Maus über den Namen der Seite und klicke auf Bearbeiten.
  3. Der Editor öffnet sich. Klicke einfach in den Text, den du ändern willst, und schreibe wie in einem normalen Textprogramm.
  4. Für einen neuen Absatz drückst du die Eingabetaste.
  5. Für etwas anderes als Text (Überschrift, Liste, Bild, Farbkachel) klickst du auf das blaue + oben links. Tippe dann den Namen ins Suchfeld, z. B. „Bild“, und klicke auf das Ergebnis.
  6. Wenn du fertig bist, klicke oben rechts auf Speichern.
  7. Zum Ansehen klickst du oben auf Seite anzeigen.

Tipp: Ein kleines Werkzeug-Feld erscheint über jedem Block, den du anklickst. Damit kannst du Text fett machen, einen Link setzen oder den Block löschen (über die drei Punkte ⋮).

3. Einen neuen Beitrag für „Aktuelles“ schreiben

Beiträge sind Neuigkeiten. Sie erscheinen automatisch als bunte Kachel auf der Seite „Aktuelles“ und die neuesten auch auf der Startseite.

  1. Klicke links auf Beiträge → Neuen Beitrag erstellen oder
    oben im schwarzen Balken auf + Neu → Beitrag.
  2. Klicke oben auf „Titel hinzufügen“ und schreibe die Überschrift.
  3. Klicke darunter in die leere Zeile und schreibe deinen Text.
  4. Kurztext für die Kachel: Rechts in der Seitenleiste unter Beitrag findest du „Textauszug“. Schreibe dort ein bis zwei Sätze, die neugierig machen. Ohne Textauszug nimmt die Website einfach den Anfang des Textes.
  5. Bild (optional): Rechts unter Beitragsbild auf „Beitragsbild festlegen“ klicken, ein Foto hochladen und „Festlegen“ wählen. Das Bild erscheint oben im Beitrag, nicht in der Kachel.
  6. Klicke oben rechts auf Veröffentlichen und dann noch einmal auf Veröffentlichen.

Die Farbe der Kachel wählt die Website selbst. Jeder Beitrag behält seine Farbe immer.

Bitte bei Fotos beachten: Auf Fotos erkennbare Kinder nur mit Einverständnis der Eltern veröffentlichen und beachte die Vorgaben der DSGVO.

4. Einen Termin eintragen

Termine erscheinen automatisch auf der Startseite (die nächsten drei) und auf der Seite „Termine“. Vergangene Termine verschwinden von selbst.

  1. Klicke links auf Termine → Termin hinzufügenoder
    oben im schwarzen Balken auf + Neu → Termin.
  2. Schreibe oben den Titel, z. B. „Infonachmittag“.
  3. Rechts in der Seitenleiste unter Termin findest du Termindaten. Trage dort ein:
    • Beginn: Datum und Uhrzeit (Pflicht, sonst erscheint der Termin nicht)
    • Ende (optional)
    • Ort, z. B. „Sigrön 21, Bad Wilsnack“
    • Kontakt (optional, falls Ihr einen speziellen Ansprechpartner für diess Veranstaltung habt, beachtet auch hier die DSGVO, es sind eventutell nicht Eure eigenen Daten, die Ihr hier vreöffentlicht)
    • Weitere Informationen / URL (optional, ein Link zu mehr Infos)
  4. Im großen Feld kannst du beschreiben, was bei dem Termin passiert.
  5. Klicke auf Veröffentlichen.

5. Farbkacheln benutzen

Farbkacheln sind die bunten Kästen, wie auf dem Flyer. Du kannst sie auf jeder Seite einsetzen.

Vier Kacheln auf einmal einfügen:

  1. Klicke im Editor auf das blaue + oben links.
  2. Klicke oben auf den Reiter Muster.
  3. Wähle die Gruppe „Aktive Naturschule Prignitz“ und dort „Vier Farbkacheln“.

Eine einzelne Kachel einfügen: In einer leeren Zeile /farbkachel tippen und die Eingabetaste drücken.

Was in die Kachel kommt: Klicke die Kachel an. Rechts in der Seitenleiste wählst du unter „Was soll die Kachel zeigen?“:

AuswahlWas passiert
Inhalt einer SeiteDie Kachel zeigt den Text einer anderen Seite. Du wählst die Seite aus der Liste. Den Seitentitel kannst du als Überschrift zeigen oder weglassen.
Grafik / BildDie Kachel zeigt ein Bild, z. B. ein Plakat.
Eigener InhaltDu schreibst direkt in die Kachel: Überschrift, Text, Listen, Buttons.

Aussehen: Unter Gestaltung wählst du die Farbe (einfach auf einen Farbkreis klicken) und die Schnittform A bis D. „Automatisch“ wechselt die Formen von selbst ab.

Kacheln nebeneinander sind automatisch gleich hoch. Eine Kachel, bei der noch nichts ausgewählt ist, sieht man auf der Website nicht.

Bild-Kacheln: Bei „Grafik / Bild“ wählst du unter Darstellung:

  • Randlos: Das Bild füllt die ganze Kachel und wird in Kachelform beschnitten. Unter Bildausschnitt klickst du in die kleine Vorschau auf die Stelle, die immer sichtbar bleiben soll, z. B. ein Gesicht. Mit Zoom vergrößerst du das Bild zu dieser Stelle hin.
  • Mit Rand: Das ganze Bild liegt auf der Farbfläche, gut für Plakate.

Unter Höhe der Kachel gibt es Automatisch, Querformat, Quadrat, Hochformat oder eine feste Höhe in Pixeln.

Breite im Raster: Unter Gestaltung kann jede Kachel 1 Spalte, 2 Spalten oder die ganze Breite einnehmen. Auf dem Handy sind alle Kacheln ganz breit.

Ganze Kachel als Link: Rechts unter Link wählst du, wohin die Kachel führt: zur gezeigten Seite, zu einer anderen Seite dieser Website oder zu einer Adresse (z. B. https://…). Dann ist die ganze Kachel anklickbar. Links und Buttons innerhalb der Kachel werden dabei zu normalem Text. Ein Hinweis wie „Mehr erfahren“ erscheint nicht automatisch – wenn du ihn möchtest, schreib ihn einfach in die Kachel.

6. Den Startbereich der Startseite ändern

Der Startbereich ist das große Feld ganz oben auf der Startseite mit Foto, gelbem Textkasten und den bunten Formen.

  1. Klicke links auf Design → Customizer. Links erscheinen die Einstellungen, rechts eine Vorschau der Website.
  2. Klicke auf Startbereich.
  3. Hier kannst du ändern:
    • Foto: „Bild auswählen“ klicken und ein Foto im Querformat hochladen (mindestens 2000 Pixel breit).
    • Überschrift und Text im gelben Kasten.
    • Button: Beschriftung und Ziel. Als Ziel am besten eine Adresse auf der Website, z. B. /kontakt/. Ohne Beschriftung gibt es keinen Button.
    • Farbe des Textkastens und Farbe des Streifens unten.
    • Formen: siehe nächster Abschnitt.
  4. Die Vorschau rechts zeigt deine Änderungen sofort.
  5. Wenn alles passt: oben links auf Veröffentlichen klicken.

Alles unterhalb des Startbereichs bearbeitest du ganz normal unter Seiten → Startseite.

7. Formen platzieren (Hand, Herz, Blume)

Die bunten Formen stellst du überall gleich ein: im Startbereich, in Farbkacheln (rechts unter Formen) und im Customizer unter Deko-Formen (Seitenkopf, Ausklappmenü, Footer, Kontaktkarte).

Jede Form ist eine Zeile in einer Liste. Klicke auf eine Zeile, um ihre Einstellungen zu öffnen:

EinstellungWas sie bewirkt
FormHand, Herz, Blume oder eine eigene Form.
FarbeAuf einen Farbkreis klicken.
X – Abstand von rechts0 = ganz rechts. Größere Zahl = weiter nach links.
Y – Höhe über der Unterkante0 = ganz unten. Größere Zahl = weiter nach oben.
Größe100 = normale Größe, 50 = halb so groß, 200 = doppelt so groß.
DrehungPlus-Zahl dreht im Uhrzeigersinn, Minus-Zahl dagegen.
Z – EbeneWelche Form vorne liegt. Die oberste Zeile der Liste liegt ganz vorne.

Gut zu wissen:

  • Minus-Zahlen bei X oder Y schieben die Form über den Rand hinaus. Dann sieht man nur einen Teil davon, wie ein Ausschnitt. Das ist so gewollt.
  • Ebenen tauschen: Mit den kleinen Pfeilen ↑ ↓ rechts in der Zeile schiebst du eine Form nach vorne oder hinten. Die anderen rücken automatisch nach.
  • Neue Form: Knopf + Form hinzufügen. Die neue Form liegt zuerst ganz vorne.
  • Form löschen: der rote Mülleimer in der Zeile.
  • Am einfachsten ist es, die Zahl in das Feld neben dem Schieberegler zu tippen.

8. Das Menü ändern

Eine neue Seite erscheint nicht automatisch im Menü. Du nimmst sie selbst auf:

  1. Klicke links auf Design → Menüs.
  2. Oben wählst du, welches Menü du bearbeitest:
    • Hauptnavigation: die Punkte oben in der grünen Kopfzeile. Hier nur die wichtigsten 3 bis 5 Seiten eintragen.
    • Ausklappmenü: alles, was sich über den gelben Menü-Knopf aufklappt.
    • Footer-Navigation: die Links ganz unten.
  3. Links unter Seiten setzt du ein Häkchen bei der gewünschten Seite und klickst auf Zum Menü hinzufügen.
  4. Die Reihenfolge änderst du, indem du die Einträge mit der Maus nach oben oder unten ziehst. Ziehst du einen Eintrag etwas nach rechts, wird er zum Unterpunkt.
  5. Klicke auf Menü speichern.

Auf dem Handy stehen alle Punkte im Ausklappmenü, darum musst du dich nicht kümmern.

9. Kontaktdaten und Farben ändern

Kontaktdaten (Telefon, E-Mail, Anschrift): links auf Naturschule → Kontaktdaten klicken, Daten eintragen, Einstellungen speichern. Diesen Punkt sehen nur Administratoren. Die Daten erscheinen im Footer und auf der Kontaktseite. An diese E-Mail-Adresse gehen auch die Nachrichten aus dem Kontaktformular.

Kontaktformular: Das Formular steht auf der Kontaktseite. Mit

kannst du es auch auf jeder anderen Seite oder in einer Kachel einfügen. Wirkt eine Absendung wie von einem Bot, z. B. extrem schnell oder ohne echtes Tippen, erscheint statt einer Ablehnung die kurze Nachfrage „Bist du ein Mensch?“ mit einem Knopf. Text und Knopf-Beschriftung dieser Nachfrage änderst du unter Naturschule → Kontaktdaten.

Farben: im Customizer unter Farben der Naturschule. Jede Farbe hat eine helle und eine dunkle Variante. Eine geänderte Farbe ändert sich überall auf der Website. Die Farben gehören zum Erscheinungsbild der Schule, darum bitte nur nach Rücksprache ändern.

Logo: im Customizer unter Website-Informationen. Normalerweise ist hier nichts zu tun, das Logo ist eingebaut.

10. Eigene Formen hochladen (nur mit FTP-Zugang)

Dieser Abschnitt ist nur für die Person, die den FTP-Zugang zur Website hat. Alle anderen können ihn überspringen.

  1. Mit einem FTP-Programm (z. B. FileZilla) auf den Webspace verbinden.
  2. In den Ordner wp-content/uploads/freie-svg-formen/ wechseln.
  3. Die SVG-Datei hineinkopieren.
  4. Fertig: Die Form steht sofort in jeder Formauswahl.

Regeln für die Dateien:

  • Der Dateiname wird zum Namen in der Auswahl: blatt-gross.svg erscheint als „Blatt gross“. Bitte nur Kleinbuchstaben, Zahlen und Bindestriche, keine Umlaute.
  • Die Datei sollte eine einfarbige Fläche sein. Die Farbe in der Datei ist egal, die Website färbt sie ein.
  • Eine Datei namens hand.svg, heart.svg oder flower.svg ersetzt die eingebaute Hand, das Herz oder die Blume überall.
  • Wird eine benutzte Datei gelöscht, verschwindet die Form von der Website.

11. Wenn etwas schiefgeht

ProblemLösung
Gerade etwas falsch getippt oder gelöschtIm Editor oben auf den Pfeil ↶ (Rückgängig) klicken oder Strg + Z drücken.
Eine Seite sieht nach dem Speichern falsch ausRechts in der Seitenleiste unter Seite auf Revisionen klicken. Dort eine ältere Fassung auswählen und Diese Revision wiederherstellen klicken.
Im Customizer verstellt, aber noch nicht veröffentlichtCustomizer einfach mit dem X oben links schließen und „Verlassen“ bestätigen. Nichts wurde geändert.
Änderung ist auf der Website nicht zu sehenPrüfen, ob gespeichert bzw. veröffentlicht wurde. Dann die Website im Browser neu laden (Taste F5).
Eine Seite aus Versehen gelöschtUnter Seiten oben auf Papierkorb klicken, über die Seite fahren, Wiederherstellen klicken.
Du kommst nicht weiterLieber kurz nachfragen als herumprobieren. tech@kuschkowitz.com oder nutze das Kontaktformular