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.
Jetzt merken Sie vielleicht schon, dass das Design später eins zu eins so ausschaut,
wie man es auch im Editor erstellt hat.
Gleichzeitig merkt man aber jetzt hier, dass der Header zu dunkel ist, dass ich also auf
den invertierten Header wechseln sollte.
Das geht relativ schnell.
Hierfür wechsle ich einfach in meinen Einstellungen auf den Reiter Seite und sage bei Template
statt No Intro invertierter Header.
Wenn ich jetzt wieder meine Vorschau öffne, kann ich sehen, dass ich jetzt einen invertierten
Header gezeigt bekomme mit hellem Text auf dem dunklen Grund.
Um weitere Abschnitte hinzuzufügen, empfiehlt es sich die Listenansicht zu verwenden.
Hierfür klicke ich auf die drei Punkte hier oben auf das Hamburger Menü und öffne die
Listenansicht.
Hier kann ich jetzt eine Gruppe sehen, welche letztendlich der erste Block ist, dieser erste
Abschnitt, den ich erstellt habe.
Wie in anderen Bildbearbeitungsprogrammen kann man hier die Ebenen öffnen und unterschiedliche
Elemente anwählen.
Da ich jetzt einen neuen Abschnitt unter dem Abstandshalter hier einfügen möchte, kann
ich einfach darauf klicken, auf die drei Punkte klicken und sagen danach einfügen.
Hier sehe ich wieder meinen Block, ich kann wieder auf das Plus klicken, alle durchsuchen
und der Vorgang wiederholt sich.
Ich kann zum Beispiel eine Textseite auswählen, das heißt ich zeige das noch einmal langsam,
wie man zum Beispiel einen weiteren Abschnitt hinzufügt, Text, ich kann hier auch auf der
Kunden klicken um es etwas größer zu sehen.
Ich kann zum Beispiel sagen mir gefällt der Text hier oder vielleicht auch dieser, dann
wähle ich ihn aus, schreibe meinen Text, füge vielleicht unter dem Text noch etwas mehr
Abstand hinzu, das heißt ich kann hier wieder einen Block hinzufügen, zum Beispiel einen
Abstandshalter und so wiederholt sich das ganze.
Das heißt wieder kann ich die Listendarstellung öffnen.
Ich sehe hier schon, ich habe eine erste Gruppe und eine zweite Gruppe.
Um wieder einen weiteren Abschnitt hinzuzufügen, wähle ich meine Gruppe aus, klicke auf danach
einfügen, klicke wieder auf den Blockinserter, alle durchsuchen, wähle mir eine Vorlage
aus und bearbeite sie weiter.
Zum Beispiel könnte ich hier einen Call to Action hinzufügen.
Call to Action, erkunden, einen Call to Action auswählen, eventuell den Text bearbeiten,
vielleicht einen anderen Hintergrund wählen, zum Beispiel wieder die sekundäre Akzentfarbe
und beim Button ebenfalls den CTA Text bearbeiten.
Wenn Sie sich jetzt fragen, wie kann ich den Link ändern, dann ist das ebenfalls sehr
einfach.
Klicken Sie auf den Button, klicken Sie auf den Stift bearbeiten und vergeben Sie einen
anderen Link, zum Beispiel www.verdpress.rze.vde.
Vielleicht ist Ihnen jetzt schon aufgefallen, dass man rechts in den Einstellungen für
den Block unterschiedliche Stile hat, die man wählen kann.
Zum Beispiel kann ich hier auf die Darstellungen Blob wechseln und dann wird das ganze so abgerundet.
Oder oben abrunden, unten abrunden, keine Lücken, vorherige Inhalte überlappen, dann
wird das ganze über den vorherigen Block etwas überlappt eben und das ganze funktioniert
natürlich auch anders herum.
Ich entscheide mich hier einmal für abgerundete Ecken und kann das natürlich auch hier oben
anwenden.
Das heißt, wenn ich hier drauf klicke, zum Beispiel auf diesen Block, auf diesen Hintergrund
und ich sage auch hier abrunden, unten, dann kann ich sehen, dass hier die Rundung hinzugefügt
wird.
Um wieder einen Abschnitt hinzuzufügen, öffne ich die Listen Ansicht, klicke auf Gruppe,
klicke danach einfügen, Block Inserter, alle durchsuchen, Vorlagen und wähle mir jetzt
vielleicht noch ein FAQ aus für Frage und Antwort.
Hier könnte ich zum Beispiel diese Version einfügen.
Wenn ich hier oben drüber noch einen Block hinzufügen möchte, kann ich natürlich immer
auf die drei Punkte klicken, davor einfügen und zum Beispiel sagen, dass hier ein kleiner
Abstandhalter eingebaut werden soll.
Über den Button Vorschau kann ich mir das ganze wieder in der Vorschau anschauen, bis
ich zufrieden mit meiner Seite bin.
Sobald ich zufrieden bin, klicke ich auf Veröffentlichen.
Die Inhaltsseite ist jetzt live.
Über Seite ansehen kann ich jetzt auf die Inhaltsseite navigieren.
Da das aber jetzt eine eigene Inhaltsseite ist und nicht meine Startseite, muss ich das
noch ändern.
Ich öffne den Customizer, Homepage Einstellungen, Ihre Homepage zeigt eine statische Seite und
hier wähle ich jetzt die Startseite aus.
Im Anschluss klicke ich auf Veröffentlichen.
Jetzt ist meine Startseite auch wirklich die Startseite.
Das ist der erste Schritt Ihre Seite anzulegen.