Wie Du Blogs mit dem Gutenberg Editor bearbeitest
Bei der Erstellung von Blogbeiträgen benutzen wir nicht die im vorherigen Video erklärten benutzerspezifischen Felder, sondern den WordPress eigenen Gutenberg Editor. Damit hast Du als Blogautor einfach wesentlich mehr Flexibilität beim Design.
Die im Video benutzten zusätzlichen CSS-Klassen sind:
em-tagline
em-text
blog-video
blog-image
Allerdings benutzen wir auf einigen Webseiten auch andere CSS-Klassen. Im Zweifel frag uns einfach.
Wenn Du weitere Gutenberg Elemente im Blog benutzen möchtest, kontaktiere uns, sodass wir diese Deinen Vorstellungen entsprechend stylen können.
Image Position erklärt
Die Image Position bestimmt den Fokuspunkt des Hero Fotos. Dies ist vor allem wichtig, damit das Foto auch auf kleineren Bildschirmen richtig angezeigt wird
Bessere Zeilenumbrüche mit 2 kleinen Formeln
Hier lernst Du, wie Du kontrollieren kannst, wo ein Zeilenumbruch sein soll und wo auf keinen Fall.
Der Aufbau des Dashboards
Farben ändern
ACHTUNG!
Bitte merk Dir die originalen Farbcodes, sodaß Du diese jederzeit zurücksetzen kannst.
Mit Farben zu hantieren, kann schnell mal in die Hose gehen. Auch wenn die Farbpalette, die man sich auf coolors.co erstellt hat, super aussieht, kann das Endergebnis manchmal sehr ernüchternd sein.
Schneller Fix, z.B. nach dem Wiederherstellen eines Backups
Einen Backup solltest du immer mal wieder machen. Auf jeden Fall nach dem Bearbeiten der Webseite. Und wenn Du nicht mehr weißt, ob Du beim letzten Mal tatsächlich ein Backup gemacht hast, dann machst Du auch noch eines bevor Du mit der Bearbeitung beginnst. Und danach auch noch mal.
Wenn dann irgendwie etwas an der Webseite kaputt geht, kannst Du immer auf den Backup zurückgreifen. Leider sieht die Webseite dann meistens ziemlich mies aus, wie Du in diesem Video siehst.
Daher solltest Du umgehend die drei im Video beschriebenen Maßnahmen durchführen. Keine Angst, das alles dauert nur eine halbe Minute.
Der Workflow, wenn Du einen mehrsprachigen Blogartikel veröffentlichst
Fotos finden und ins webp-Format umwandeln
Wie Du Deine Fotos am Einfachsten bearbeitest, bevor Du sie online stellst.
Lizenzfreie Fotos gibt es bei https://unsplash.com/
Ins webp-Format konvertierst Du die Fotos bei https://convertio.co/
Foto des Blogautors hinzufügen + Foto resizen
Wenn Du einen Blog betreibst, möchtest Du sicherlich auch das Foto des jeweiligen Blogautors zeigen. In diesem Video siehst Du, wie Du es auf Deiner Webseite hinzufügst.
Da das Foto 200px x 200px groß sein soll, zeige ich Dir in diesem Video auch, wie du Dein Foto resizt.
Google Fonts
Forminator Funnel bearbeiten
Hier siehst Du, wie man die Fragen und Antworten, sowie die Fotos austauscht. Außerdem kannst Du neue Fragen anlegen oder alte löschen.
Diese Funnels wurden mit Forminator erstellt. Um den Funnel zu bearbeiten, gehe zum Dashboard und wähle Formulare bearbeiten aus.
Neue Kundenreferen anlegen.
Fotos quadratisch machen mit Fotor
Fotos in der Mediathek zuschneiden
Wenn Du Fotos in die Mediathek lädst, kannst Du sie dort auch zuschneiden.
Alt Texte zu Fotos hinzufügen
Sicherlich wirst Du Dich wundern, warum Du dies in der Mediathek machen sollst, wenn wir Dir doch benutzerspezifizierte Felder dazu bereitstellen. Und Du hast da auch recht. Allerdings können wir Dir dieses Feld nicht anbieten, wenn es sich ums Beitragsbild handelt. Dann greift das System auf den Alt Text in der Mediathek zurück.
On-Page SEO-Einstellungen
WICHTIG
Dies ist kein allgemeines Lehrvideo über SEO.
Hier lernst Du, wo Du nutzerspezifische SEO-Angaben machst, wie z.B. die Keywords, Meta Description und so weiter.
Hier erfährst Du, wie du Google sagst, dass Du eine neue Seite oder einen neuen Beitrag veröffentlicht hast und nun möchtest, dass Google diese indexiert.