Kurz erklärt, was wo geht – mit direkten Sprung-Knöpfen in den jeweiligen Bereich. Am schnellsten geht fast alles über „Live bearbeiten".
Passt sich automatisch an die Funktionen an, die TwoPixels für Sie freigeschaltet hat. Neue Freischaltung = neuer Abschnitt.
Öffnen Sie Ihre Website mit aktivem Stift und ändern Sie direkt auf der Seite: Texte anklicken (Fett/Kursiv, Ausrichtung, Größe, Wörter verlinken, 🎤 Diktieren, Rechtschreib-Markierung), Bilder tauschen, Hintergründe wechseln. Jede Zeile ist frei überschreibbar – auch eine Preiszeile: klicken Sie sie an und schreiben Sie z. B. „Preis auf Anfrage" statt eines Betrags. Ist eine Zeile ausgeblendet, holen Sie sie zuerst über „🚫 Ausgeblendet" zurück und ändern dann den Text. Einen Block/eine Karte löschen Sie mit der 🗑-Taste – mit sofortigem Rückgängig. Klicken Sie dabei ein einzelnes Element in einer Karte an (z. B. eine Preiszeile), fragt der Editor, ob Sie nur diese Zeile oder die ganze Karte ausblenden möchten – so entfernen Sie gezielt einzelne Angaben, ohne die ganze Karte zu verlieren. Versehentlich ausgeblendet und die Rückgängig-Meldung ist schon weg? Über „🚫 Ausgeblendet" in der Bearbeiten-Leiste sehen Sie alle ausgeblendeten Inhalte (auch auf anderen Seiten) und holen jeden mit „Wieder einblenden" zurück – nichts ist je dauerhaft verloren. Ganze Abschnitte verschieben/duplizieren/löschen (⧉ ↑↓ ✕). „💾 Sichern" legt einen Wiederherstellungspunkt an, „🎫 Melden" schickt uns einen Wunsch. Oben sehen Sie stets „✓ Alles gesichert".
Auf der Startseite des Backends sehen Sie eine Ampel: Ist Kontakt/Telefon/Logo hinterlegt, Cookie-Banner aktiv, Impressum/Datenschutz vorhanden, bei Google sichtbar? Alles Grüne ist erledigt, Gelbes hat einen „erledigen"-Knopf.
Blenden Sie oben auf der Website einen Hinweis-Streifen ein – z. B. „Sommer-Special" oder „Vom 1.–14. August im Urlaub". Text und Farbe frei wählbar, mit einem Schalter ein/aus.
Neue Seiten anlegen, Seiten löschen und Ihr Menü frei gestalten: Reihenfolge per Ziehen ⠿, Menü-Namen ändern, Punkte ausblenden. Untermenüs/Kategorien: oben eine Kategorie anlegen (z. B. „Über uns") und in der Spalte „Untermenü" Seiten zuordnen – im Menü klappt dann ein Untermenü auf.
An jede Seite können Sie zusätzliche Bausteine anhängen – Überschrift, Text, Preistabelle, Spalten/Grid, Bild, Galerie, Karten, Akkordeon, Produkt-Katalog, Kontaktformular, Kontakt-Kanäle u. v. m. In der Seiten-Liste bei der gewünschten Seite auf „➕ Bausteine".
Schreiben Sie Beiträge, die automatisch als Übersicht mit Vorschau-Karten erscheinen (Titelbild, Datum, Kategorie, Anriss) – inklusive Kategorie-Filter. Jeder Artikel bekommt automatisch ein Inhaltsverzeichnis und die Lesezeit. Über „➕ Neuer Artikel" legen Sie einen Beitrag an und schreiben ihn wie eine normale Seite. Die Reihenfolge der Beiträge auf der Übersicht bestimmen Sie selbst: in der Artikel-Liste mit den Pfeilen ↑ ↓ jeden Beitrag nach oben oder unten schieben (ohne eigene Reihenfolge = neueste zuerst). Beim Titelbild wählen Sie mit dem 🎯 Fokuspunkt den Bildausschnitt für die Vorschau – ziehen Sie den Punkt auf das Wichtigste (z. B. das Gesicht), dann wird das Bild auf Übersicht und im Artikel passend zugeschnitten. Der Banner der Blog-Übersicht sieht jetzt aus wie die anderen Seitenbanner: die kleine goldene Überschrift bekommt automatisch die Zierstriche links und rechts. Unter „Einstellungen" das Feld „Kleine Überschrift im Banner" füllen (z. B. „Blog"). Dort lässt sich mit einem Haken auch die Brotkrümel-Navigation „Home / Blog" unten im Banner einschalten – der Home-Link und der Text sind danach direkt im Live-Editor änderbar. Banner-Titel und -Text sind ebenfalls im Live-Editor anpassbar.
Direkt auf der Seite bauen Sie ganze Abschnitte: „➕ Abschnitt" öffnet eine Vorlagen-Galerie (Text, 2/3/4 Spalten, Banner, Kundenstimme, Text+Bild, Galerie, Bild-Karten, Zahlen/Statistik, Ablauf-Schritte, Vorteile mit Icons, Häufige Fragen, Aufruf-Band) – einfach auswählen und nur noch füllen. „🔀 Umformen" wandelt einen bestehenden Abschnitt in ein anderes Layout um (Texte bleiben erhalten). „📋 Zwischenablage" sichert einen Abschnitt (z. B. vor dem Löschen) zum späteren Wieder-Einsetzen. In Karten-Reihen fügen Sie mit „➕ Text" bzw. „➕ Bild" einzelne Karten hinzu, stellen Spalten (2/3/4/6), Handy-Spalten, Ausrichtung und Abstand ein und ziehen Karten per ⠿ an ihren Platz. Welches Symbol was macht, steht unten in der Werkzeug-Legende.
Alle Texte jeder Seite als reine Textfelder ändern – praktisch für längere Texte. Formatierung, Ausrichtung und Größe bleiben erhalten. Über die Seiten-Liste („✎ Texte") springen Sie direkt zur passenden Seite.
Bilder hochladen – sie werden automatisch verkleinert, in WebP umgewandelt und von Metadaten befreit (kleiner & schneller). Danach überall in der Bibliothek verfügbar. Auch das Logo tauschen Sie hier (JPG/PNG/SVG).
Kopf-Layout wählen (Logo links / oben mittig / gestapelt / mittig in einer Zeile), Logo-Größe einstellen, Logo-Farbe bei SVG-Logos, sowie den Hell-/Dunkel-Umschalter aktivieren.
Weitere Sprachen fügen Sie selbst hinzu: Einstellungen → „🌐 Sprachen". Die erste Sprache ist die Hauptsprache. Aktivieren Sie z. B. Englisch, erscheint oben im Menü ein Umschalter – Sie wählen dessen Darstellung (Kürzel DE/EN, Sprachname Deutsch/English, Flagge 🇩🇪 🇬🇧 oder eine Kombination) – und alle Seiten werden als Kopie unter /en/ angelegt. Diese übersetzen Sie dann Feld für Feld selbst; noch nicht Übersetztes zeigt vorerst den deutschen Text. (Automatisch übersetzen kommt als buchbares Zusatz-Plugin.)
Zwei fertige Bausteine für Ihre Kontaktseite: das Kontaktformular (echter E-Mail-Versand, eigene Betreff-Themen) und die Kontakt-Kanäle (WhatsApp, E-Mail, Telefon und Ihre Social-Profile als Karten, plus optionale Standort-/Hinweis-Karte). Beide ziehen Nummer/E-Mail/Social automatisch aus den Einstellungen. Am Handy erscheint zusätzlich unten eine Kontakt-Leiste (per Erweiterungen aktivierbar). Auswahlmenü selbst pflegen: Klicken Sie im Live-Editor direkt auf die Auswahlliste im Kontaktformular (z. B. „Anliegen/Leistung") – dann öffnet sich ein kleiner Editor, in dem Sie die Punkte (einen pro Zeile) hinzufügen, umbenennen, sortieren oder entfernen.
Jederzeit einen Zwischenstand sichern und per Klick wiederherstellen. Vor dem Löschen/Verschieben/Duplizieren von Blöcken oder Abschnitten wird automatisch gesichert – so geht nichts verloren.
Anfragen aus dem Kontaktformular landen hier (zusätzlich zur E-Mail). Empfänger-Adresse und E-Mail-Versand stellen Sie in den Einstellungen ein.
DSGVO-Cookie-Banner, Google Analytics & Search Console vorbereiten und die Sichtbarkeit bei Google (noindex) schalten.
Einen Wunsch, Defekt, ein Problem oder eine Frage direkt an TwoPixels senden – optional mit Screenshot, auf dem Sie markieren können. Wir bekommen sofort eine Nachricht und kümmern uns.
Jedes Symbol aus der Bearbeiten-Leiste im Live-Editor, kurz erklärt. Die Erklärung steht hier im Backend – die Bearbeiten-Leiste selbst bleibt aufgeräumt.
Tipp: Vor größeren Änderungen unter „Versionen" einen Stand sichern. Diese Anleitung passt sich an, wenn neue Funktionen dazukommen.