In am nächsten Schritt möchte ich die Startseite anlegen.
Hierfür klicke ich auf Neu, Seite.
Der Blockeditor öffnet sich.
Ich kann hier unterschiedliche Elemente sehen.
Ich sehe am rechten Rand eine Einstellungsleiste, die ich durch einen Klick auf das Zahnradsymbol
ein- oder ausblenden kann.
In der Einstellungsleiste sehe ich zwei Tabs Seite und Block, die mir weitere Einstellungen
bieten werden.
Außerdem kann ich hier oben eine Listenansicht aufrufen, die jetzt noch nicht wichtig ist,
aber im späteren Verlauf öfters Einsatz findet.
Und links oben erhalte ich den Blockinserter, bzw. das Einfügen eines weiteren Blockes
wird mir dadurch möglich.
Rechts im Einstellungsmenü unter dem Tab Seite, Template kann ich wie gewohnt zwischen verschiedenen
Templates wählen.
Hierbei stehen mir vier Stück zur Auswahl.
Das Standard-Template, welches auch den Seitentitel mit ausgibt, Content Only, also ohne Header
und Futter, ein invertierter Header, d.h. heller Header auf dunklem Hintergrund und die
Möglichkeit den Seitentitel auszublenden.
Für meine Startseite wähle ich das Template No Intro.
Jetzt beginne ich damit meine Seite anzulegen.
Zuallererst vergebe ich einen Titel für die Startseite.
Ich nenne meine Startseite Startseite.
Ich kann jetzt direkt mit der Inhaltserstellung starten.
Hierfür klicke ich auf den ersten Block, klicke auf das Plus, alle durchsuchen und
kann jetzt im Reiter Vorlagen eine passende Vorlage auswählen.
Hierfür klicke ich auf Verkunden und kann dann z.B. aus den Titelbildern wählen.
Für meine Konferenz wähle ich z.B. diese Vorlage.
Jetzt kann ich einfach den Text ersetzen und ergänzen, d.h. hier z.B. BioGen 2023, ein
Beispieltext über die Konferenz.
Jetzt fehlt mir vielleicht noch weitere Details, z.B. wann sie stattfindet.
Über die Enter-Taste kann ich jetzt weiteren Text hinzufügen, z.B. vom 15. bis zum 23.
Januar in Erlangen.
Jetzt kann ich diesen Text natürlich auch klassisch markieren, meine Textfarbe vielleicht
auch anpassen, d.h. ich kann hier rechts natürlich bei Farbe z.B. eine andere wählen, z.B. dieses
Orange, was eben meine primäre Akzentfarbe ist.
Ich kann natürlich auch sagen, dass die Textgröße etwas größer sein soll, z.B.
bei X,XL und so erhalte ich relativ schnell ein anderes Ergebnis.
Natürlich funktioniert hier auch das Feststellen kursivstellen, wie Sie das in dem alten Editor
auch kennen.
Um das Bild rechts zu ersetzen, klicke ich auf das Bild und klicke auf Ersetzen.
Im Anschluss öffne ich meine Mediathek und wähle mir ein passendes Bild aus.
Ich kann natürlich auch den Hintergrund wechseln.
Wenn ich hier auf die Hintergrundfläche klicke und unter Farbe, Hintergrund, eine andere
Farbe wähle, z.B. meine sekundäre Farbe, kann ich sehen, wie sich das ganze sofort
ändert.
Ich kann natürlich auch meine dritte Farbe wählen, aber sehe sofort, dass diese in diesem
Beispiel jetzt zu hell ist.
Deshalb lasse ich es bei der zweiten sekundären Akzentfarbe.
Wenn ich die Vorschau meiner Seite sehen möchte, kann ich oben auf den Button Vorschau, Vorschau
in neuem Tab klicken.
Presenters
Zugänglich über
Offener Zugang
Dauer
00:10:24 Min
Aufnahmedatum
2023-02-28
Hochgeladen am
2023-02-28 09:56:19
Sprache
de-DE
Lernen Sie, wie Sie im WordPressTheme Francesca eine Startseite erstellen und mit dem Gutenberg-Editor arbeiten.