Die Ersteinrichtung
Bei der ersten Aktivierung öffnet OLObuild den Einrichtungsassistenten, in 3 Schritten. Falls du ihn verschoben hast, öffnet ihn das Willkommenspanel im WordPress-Dashboard wieder mit Einrichtung starten.
- WordPress-Theme. Installieren und aktivieren richtet Hello OLObuild ein, das schlanke Theme, das im Plugin enthalten ist. Mit Aktuelles Theme verwenden behältst du das Theme, das du schon hast.
- Wähle ein Design. Wähle eines der 70 fertigen Themes oder Leer und klicke auf Ausgewähltes Theme importieren. Das Theme legt Seiten und Menüs an, aktiviert Header und Footer, übernimmt seine Farben und Schriften und legt die Startseite fest. Vor dem Import speichert OLObuild einen Snapshot der Website, den du mit Wiederherstellen zurückspielen kannst.
- Alles bereit. OLObuild öffnen führt zum Dashboard, Website ansehen öffnet die Website.
Hinweis. Mit Leer erhältst du das Minimum zum Starten: eine Seite „Home“, die als Startseite festgelegt ist, das Menü „Hauptmenü“, einen „Basis-Header“ und einen „Basis-Footer“, die bereits aktiv sind.
Das Dashboard
Das Dashboard öffnest du über den Eintrag OLObuild im WordPress-Menü. Die obere Leiste ist auf allen OLObuild-Seiten gleich und teilt die Arbeit in 4 Bereiche auf.
- Erstellen — Blöcke & Seiten (die Vorlagen der Website), Popup, Import / Export
- Medien — Suche nach Fotos und Videos zum Einfügen in die Seiten
- Erfassung — Formulareinsendungen, Newsletter, Tracking & Analytics
- System — Konfiguration, Werkzeuge und diese Anleitung
Im Dashboard findest du Dort weitermachen, wo du aufgehört hast, die Schnellaktionen, die Karten der Verwaltung und rechts das Ressourcen-Center mit den Neuigkeiten und den Anleitungen. Das Suchfeld oben, oder Ctrl+K, durchsucht Seiten, Vorlagen und Einstellungen von jeder OLObuild-Seite aus.
Eine Seite erstellen
Seite erstellen aus den Schnellaktionen legt in einem Zug eine Vorlage „Ohne Titel“ und die verknüpfte WordPress-Seite an, beide als Entwurf, und öffnet den Builder. Dasselbe macht Neue Seite oben im Dashboard.
Du kannst auch von WordPress aus starten:
- in der Seitenliste die Aktion Mit OLObuild erstellen unter dem Titel einer Seite
- in der Admin-Leiste Mit OLObuild bearbeiten, während du eine Seite der Website ansiehst
- im WordPress-Editor die Box OLObuild, in der du auch Header und Footer der Seite auswählst
Hinweis. Gib der Seite ihren Titel, bevor du sie veröffentlichst. Den Titel änderst du mit einem Klick auf den Namen der Seite in der Leiste des Builders. WordPress leitet die URL der Seite beim Veröffentlichen aus dem Titel ab.
Der Builder in 4 Bereichen
- Obere Leiste. Titel, Seiteneinstellungen, Geräte und Zoom, Blöcke & Seiten, Rückgängig und Wiederholen, Vorschau, Speichern und Veröffentlichen.
- Linkes Panel. Elemente sammelt die Tiles nach Kategorie, mit Zuletzt verwendet, Favoriten und Global. Struktur zeigt den Baum der Seite.
- Canvas. Die Seite so, wie der Besucher sie sehen wird, gezeichnet von derselben Engine wie die Website, mit Header und Footer.
- Rechtes Panel. Es erscheint, wenn du ein Element auswählst: Inhalt für Texte, Bilder und Links, Stil für das Aussehen, Erweitert für Sichtbarkeit, Effekte und Positionierung.
Die 4 Bereiche des Builders. Das rechte Panel öffnet sich auch mit Seiteneinstellungen.
Jede Seite besteht aus Abschnitten. Ein Abschnitt enthält Zeilen, eine Zeile enthält Spalten, und in den Spalten stehen die Elemente, die in OLObuild Tiles heißen.
- Abschnitt: ein Band über die volle Breite, mit eigenem Hintergrund —
- Zeile: teilt den Abschnitt in Spalten —
- Spalte: eine andere Breite für jedes Gerät —
- Tile: Überschrift, Text, Bild, Button, Galerie … —
Die Hierarchie einer Seite, wie sie das Panel Struktur zeigt.
Im Stil einer Tile sind die Steuerelemente in zwei Blöcke unterteilt. Element wirkt auf das, was die Tile zeichnet, zum Beispiel den Button. Container wirkt auf den Bereich, den die Tile im Grid einnimmt, mit seinen Abständen und seinem Hintergrund.
Elemente hinzufügen und anordnen
- Hinzufügen. Ziehe eine Tile aus dem Panel Elemente auf das Canvas oder klicke auf ihre Karte: Die Tile wird nach dem ausgewählten Element eingefügt oder am Ende der Seite. Auf einer leeren Seite verwendest du Modul hinzufügen oder Layout wählen.
- Suchen. Ctrl+K öffnet den Finder, der eine Tile nach Namen findet, ohne durch die Kategorien zu scrollen.
- Abschnitt einfügen. Der Button + zwischen zwei Abschnitten öffnet Modul oder Zeile einfügen, mit einem neuen Modul, einer leeren Zeile oder einem fertigen Block aus der Bibliothek.
- Verschieben und duplizieren. Wenn du mit der Maus über ein Element fährst, erscheinen die Steuerelemente zum Ziehen, zum Verschieben nach oben oder unten, zum Duplizieren und zum Löschen. Der Rechtsklick öffnet das vollständige Menü mit Kopieren, Einfügen, Stil kopieren und Stil einfügen.
- Schreiben. Doppelklicke auf einen Text, um ihn direkt im Canvas zu bearbeiten. Esc bricht die laufende Bearbeitung ab.
Hinweis. Neben dem Titel eines Felds oder eines Abschnitts kann ein (i) erscheinen. Öffne es, um zu lesen, wozu das Steuerelement dient: Die Erklärungen stehen dort, damit das Panel übersichtlich bleibt.
Speichern und Veröffentlichen
Speichern wird aktiv, wenn es etwas zu speichern gibt, und speichert Seite, Header und Footer gemeinsam, wenn du sie im Canvas geändert hast. OLObuild speichert nicht von allein: Wenn du den Tab mit ungespeicherten Änderungen schließt, fragt der Browser nach einer Bestätigung.
Veröffentlichen stellt die Vorlage und die verknüpfte WordPress-Seite mit ihrem Titel online.
Achtung. Nach der Veröffentlichung geht jedes Speichern sofort online: Die Website zeigt immer die zuletzt gespeicherte Version. Um eine Änderung auszuprobieren, ohne die Website anzutasten, dupliziere die Seite in Blöcke & Seiten und arbeite an der Kopie.
Bei jedem Speichern bewahrt OLObuild die vorherige Version auf. Du findest sie im Revisionsverlauf in der oberen Leiste. Die Anleitung Vorlagen erklärt, wie du eine davon zurückholst.
Vorschau blendet die Panels aus und zeigt die Seite so, wie der Besucher sie sieht. Live öffnet die echte Seite in einem neuen Tab. Esc bringt dich zurück zur Bearbeitung.
Computer, Tablet und Smartphone
Die Geräte-Buttons in der oberen Leiste ändern die Größe des Canvas: Widescreen, Desktop, Tablet und Mobile. Tablet Querformat und Mobile Querformat schaltest du unter System › Konfiguration › Editor-Geräte ein. Viele Steuerelemente haben für jedes Gerät einen eigenen Wert. Wenn du eines änderst, änderst du den Wert des Geräts, das du in der Leiste gewählt hast.
Der Zoom neben den Geräten verkleinert oder vergrößert das Canvas, ohne die Seite zu verändern.
Tastenkombinationen
Auf dem Mac verwendest du Cmd statt Ctrl. Im Builder ist die Liste immer griffbereit: Es ist das Tastatur-Icon in der oberen Leiste.
- Ctrl+S — Speichern
- Ctrl+Z · Ctrl+Shift+Z — Rückgängig · Wiederholen, bis zu 100 Schritte
- Ctrl+C · Ctrl+V · Ctrl+D — Kopieren · Einfügen · Das ausgewählte Element duplizieren
- Ctrl+Alt+C · Ctrl+Alt+V — Stil kopieren · Stil einfügen
- Entf oder Backspace — Das ausgewählte Element löschen
- Ctrl + Klick — Mehrere Elemente auswählen
- Alt+↑ · Alt+↓ — Nach oben · Nach unten verschieben
- Alt+← · Alt+→ — In die benachbarte Spalte verschieben
- Ctrl+K — Eine Tile suchen (Finder)
- Ctrl+Alt+P — Vorschau. Esc zum Beenden
- Ctrl+Shift+A — KI-Assistent, wenn er konfiguriert ist