Was ist ein aria-label?

Ein aria-label ist ein unsichtbares Attribut im HTML-Code. Es hilft Screenreadern, Elemente richtig zu beschreiben, die sonst unverständlich wären.

Beispiel:
Ein Such-Icon ohne Text sagt einem Screenreader nur „Button“. Mit aria-label="Suche öffnen" wird klar, was dieser Button bewirkt.

Das bedeutet: Deine Seite wird für alle nutzbar, auch für Besucher*innen mit Sehbeeinträchtigung.

Warum aria-labels in Divi 5 wichtig sind

• Barrierefreiheit: Du erfüllst wichtige Standards und machst deine Inhalte für mehr Menschen zugänglich, auch wenn du wie ich gar nicht dazu verpflichtet bist.
• Benutzerfreundlichkeit: Besucher*innen verstehen deine Website besser, auch wenn sie auf Hilfstechnologien angewiesen sind.
• SEO: Google bevorzugt Websites mit guter Usability. Barrierefreiheit wirkt sich positiv auf dein Ranking aus.

Kurz gesagt: Mit aria-labels machst du deine Website professioneller, zugänglicher und suchmaschinenfreundlicher.

aria-labels in Divi 5 einfügen – Schritt für Schritt

Divi 5 macht es einfach, eigene Attribute wie aria-label einzubauen. So gehst du vor:

1. Modul auswählen: z.B. Social-Media-Icons

2. Erweiterte Einstellungen öffnen

Klicke im Modul-Editor auf dein erstes Icon und dann den Reiter Erweitert und scrolle zu Attribute.

3. aria-label hinzufügen

Trage im Bereich „Attribut hinzufügen“ ein:

• Admin label: Arial Label (da kannst du reinschreiben was du möchtest)
• Target Element: Module
• Attribute Name: aria-label
• Attribute Value: Zu meinem LinkedIn Profil

4. Speichern und testen

Speichere deine Änderungen und teste die Seite. Am besten testest du deine Website mit wave.webaim.org. Gib dort deine Domain ein und schau dir deine Aria Labels an.

Benutze das Aria Label überall dort wo kein Text vorhanden ist!

Fazit: Mit aria-labels Barrierefreiheit und SEO verbessern

Barrierefreiheit wirkt auf den ersten Blick komplex. Doch mit kleinen Schritten wie dem Setzen von aria-labels in Divi 5 machst du deine Website sofort barrierearmer. So verbesserst du nicht nur die Nutzererfahrung, sondern stärkst auch deine Sichtbarkeit in Google.

Deine Divi 5 Website wird damit nicht nur schön, sondern auch verständlich. Und das für alle.

PHP ist ein Skriptsprache und wird bei fast 80% aller Websites eingesetzt. WordPress und andere Content Management System benutzen PHP und sie ist im World Wide Web nicht mehr wegzudenken.

Mit PHP kannst du z. B. Formulardaten ganz einfach auslesen oder eine Verbindung zu einer Datenbank herstellen, was wichtige Funktionen bei WordPress sind. Natürlich kann PHP viel mehr, aber um nur mal zwei Beispiele zu nennen.

Veraltete PHP-Version

Auf einer Menge Websites grassieren alte PHP-Versionen, die zum einen ein Sicherheitsrisiko verbergen und auch deine Website nicht auf den neusten modernen Stand bringen kann und du auch Pagespeed verschenkst.

Aktuell (Januar 2022) solltest du die Version 8.0 auf deiner Website einstellen!

PHP-Version bei All Inkl einstellen

Bei meinem Provider "All-Inkl" geht die Umstellung ziemlich einfach. Du gehst auf das "Pfeilsymbol" neben der Domain, um die es geht (Bild 1). Su siehst einen Punkt "PHP-Version" (Bild 2). Dort kannst du per Dropdown-Menü die Version hoch- oder auch wieder zurückstellen. (Bild 3)

Entscheidend bei der Umstellung ist, dass du unbedingt auf deiner Website sofort testest, ob alles noch funktioniert. Wenn das nicht der Fall ist, kannst du, wie hier bei All-Inkl, direkt wieder auf die vorherige Version zurückstellen. Wenn etwas nicht läuft, müsstest du mit deinem Admin oder einem Programmierer sprechen, denn dann heißt es: "AUF FEHLERSUCHE GEHEN". Das kann z. B. ein veraltetes Plugin, ein veraltetes Theme oder eine veraltete WordPress-Verison sein.

ACHTUNG!!!! - Leider geht das nicht bei allen Providern so komfortabel. Am besten liest du dazu die Anleitungen deines Anbieters oder wendest dich an deinen Admin.

Viele Provider lassen sich übrigens das Benutzen von veralteten PHP-Versionen bezahlen. Manche WebsitebetreiberInnen bekommen das oft gar nicht mit, weil sie die Mail, die sie irgendwann einmal von ihrem Provider bekommen haben, nicht verstehen und dann einfach archivieren.

Wenn nach der Umstellung alles gut läuft, kündige gleich die Benutzung der alten Versionen, denn die brauchst du dann nicht mehr!

Im Hintergrund bezahlt du nämlich für etwas, was du in der Regel gar nicht brauchst. Du siehst, es lohnt sich dich damit zu beschäftigen.

[et_bloom_inline optin_id="optin_2"]

es hat sich ein bisschen etwas getan in der WordPress-Welt, als kürzlich mit einer Hommage an die wunderbare Jazz-Sängerin und Revue-Tänzerin Joséphine Baker WordPress 5.9 Joséphine an den Start ging! Persönlich höre ich sehr gerne Musikstücke von ihr und habe mich gefreut, dass WordPress mit dieser Namensgebung eine großartige Dame und Entertainerin ehrt. Joséphine war aber noch mehr, sie war auch Widerstandskämpferin, setzte sich für Gleichheit ein und adoptierte 12 Waisenkinder.

WordPress 5.9 Joséphine bringt spannende Neuerungen mit sich, welche vielleicht so auf den ersten Blick nicht auffallen mögen, aber durchaus einige Novitäten aufweisen – so auch den Gutenberg-Editor betreffend. Nun, ich fand den Gutenberg-Editor bislang eigentlich so, wie er war, perfekt und konnte mir ehrlich gesagt kaum vorstellen, was da noch hätte optimiert werden können. Doch wie es oftmals ist: Da geht noch was – und man wird immer wieder eines Besseren belehrt. 😊

So hat Joséphine etwa Full-Site-Editing im Gepäck, womit sich jetzt über das Backend Websites komplett anpassen lassen; Twenty Twenty-Two als Block-Theme wartet zudem mit einem neuen Standard-Theme auf und auch der Gutenberg-Editor hat, wie schon erwähnt, einen ordentlichen Frische-Kick erhalten. Sicherlich, für die meisten WordPress-User wird sich im Großen und Ganzen damit nicht viel ändern, viele werden jedoch mit Sicherheit begeistert sein, wenn sie die neuen Features entdecken und ausprobieren.

Twenty Twenty-Two

Ich lerne es gerade kennen und kann sagen: Hier ist weniger mehr – das neue Theme geht in Richtung beruhigender Minimalismus, was in unserer reizüberfluteten Zeit bestimmt von vielen Internetusern als Wohltat empfunden wird. Der zugehörige Font für Twenty Twenty-Two ist die angenehm zu lesende und elegante Schriftart Sans Serif Pro (welche natürlich bei Bedarf auch geändert werden kann). Was die Sache zusätzlich für mich so spannend macht, sind jetzt fertige Vorlagen, welche sich ganz einfach im Gutenberg-Editor per Mausklick während der Bearbeitung von Beiträgen und Seiten hinzufügen lassen. Joséphine macht es somit möglich, dass du jetzt zeitsparend komplett fertige Abschnitte mit einem einzigen Mausklick erstellen kannst (Siehe Wald.) Diese brauchst du nur noch mit deinem eigenen Content (Bilder, Text) zu füllen und bist in Nu startklar im WorldWideWeb!

Hier habe ich mal ein bisschen gescrollt:

Und welche Neuerungen gibt es im Gutenberg-Editor?

Neue Block-Möglichkeiten

Dem Gutenberg-Editor sind außerdem einige neue Blöcke hinzugefügt worden. Um an dieser Stelle nur einige zu nennen:

• Header
• Navigation
• Vorheriger Beitrag | Nächster Beitrag, usw.

Typografie und Schriftfarbe

Von Winzig bis Riesig: Konnte man in der Schriftgröße ohne entsprechende Kenntnisse in Sachen Code vorher nicht viel verändern, so lässt sich jetzt unter dem Punkt Typografie die Größe der Schrift ganz individuell anpassen, was dem Nutzer mehr Freiheit in der Gestaltung seiner Texte lässt. Neu ist zudem über Design die Auswahl der Schrifteigenschaften, wie etwa Standard, Dünn, Extradünn, Leicht, Medium, Halbfett, Fett, Extrafett, usw. Auch das Ändern der Farben für Hintergrund und Schrift geht nun ein wenig anders, denn für das Theme ist eine Farb-Gruppe vorgegeben, sodass du quasi mit einem Klick zeitsparend dein passendes Farbschema für Anpassungen im Text parat hast.

Friendly Reminder 😉

Beim Copy-Pasten kann ja schnell einmal etwas schief gehen. Bestimmt hat schon so mancher User Blut und Wasser geschwitzt, wenn ein kopierter Text aus dem Clipboard versehentlich irgendwo gelandet ist, wo er eigentlich absolut nicht hingehört: Etwa in der E-Mail für einen Kunden oder gar im Postkörbchen vom Chef! Im besten Fall war es vielleicht noch ein witziger Text, im ungünstigen Fall etwas sehr Privates oder gar ein Passwort. Hier gibt es nun einen kleinen freundlichen Reminder, der dich darauf hinweist, dass du etwas kopiert hast, was jetzt in der Zwischenablage liegt, und dass du besser vorsichtig sein sollst, damit dir mit dem kopierten Text kein Missgeschick passiert.

Updaten auf WordPress 5.9 Joséphine

Du bist genauso begeistert wie ich und möchtest die neue Version ausprobieren, hast aber ein wenig Sorge, ob auch wirklich alles glatt verläuft? Du kannst jederzeit auf WordPress 5.9 Joséphine updaten, mach zur Sicherheit aber ein Backup und aktualisiere deine Themes und Plugins. Gerade bei mühevoll erstellten Websites ist es immer besser, mit Netz und doppeltem Boden zu arbeiten und einmal mehr auf Nummer sicher zu gehen, als sich hinterher zu ärgern, wenn die Webseite womöglich „zerschossen“ erscheint! Da in den allermeisten WordPress-Websites Unmengen an Arbeit und viel Herzblut stecken, ist es essenziell, vor jedem Update Sicherheitsmaßnahmen zu treffen. Doch mit größter Wahrscheinlichkeit bleibt bei deinem WordPress-Webauftritt alles wie bisher. Die Neuerungen selbst bemerkst du meist erst dann, wenn du mit dem Gutenberg-Editor arbeitest. Allein bereits der Titel deines Beitrages erscheint im Editor nicht mehr so riesig wie noch zuvor. Wenn dich das neue Aussehen im Gutenberg-Editor etwas irritieren sollte, dann wirf einfach einen Blick in die Vorschau – hier siehst du genau, wie deine Arbeit schließlich im Web erscheinen wird. 👩‍💻

Wenn du gerne das Full-Site Editing verwenden möchtest, musst du natürlich zunächst ein Block-Theme auswählen, welches extra dafür programmiert worden ist. Bestens geeignet ist natürlich Twenty Twenty-Two; möchtest du ein anderes Theme verwenden, dann wähle dir einfach aus dem entsprechenden Theme-Verzeichnis eins aus, das mit “Full-Site Editing” getaggt ist.

Ich hoffe sehr, das Experimentieren mit WordPress 5.9 Joséphine macht dir genauso viel Spaß wie mir, denn es gibt viel zu entdecken; sicher auch viele Aha-Erlebnisse und das eine oder andere erstaunte „Wow!“ Dazu beim Arbeiten noch Musik von Joséphine Baker – und die Vorfreude auf den bald startenden Frühling – was will man mehr?

Herzliche Grüße und ganz viel Freude mit WordPress 5.9 Joséphine! Und für alle, die gerade erst mit WordPress beginnen: Der Einstieg ist jederzeit möglich! Sicherlich mag die Arbeit damit für "Newbies" zu Anfang ein wenig komplex erscheinen, doch mit Kerstins Gratiskurs findet meines Erachtens jeder, der künftig mit WordPress ins WorldWideWeb aufbrechen möchte, die ideale Starthilfe. ✨

Comet Cache ist wieder im Spiel. Es gab eine Aktualisierung Anfang Juli 2025.

UPDATE Juli 2019

Diese Plugin wird leider nicht mehr aktualisiert. Ich verwende jetzt das Plugin "WP Fastest Cache" und bin damit sehr zufrieden.
 
Die BesucherInnen deiner Website sind sie aus einem bestimmten Grund da: Sie benötigen Informationen, aber schnell! Lädt deine Seite nicht innerhalb weniger Sekunden, ist der Absprung vorprogrammiert. Wenn sie deine Website verlassen, hast du sie als Kunden verloren - keine NewsletterabonnentInnen, keine Blog-LeserInnen, keine KundInnen. Um das zu vermeiden, musst du die Ladezeiten deiner Website möglichst kurz halten.
Heute stelle ich dir das Caching-Plugin Comet Cache vor, das dir dabei hilft, die Ladezeit deiner WordPress-Website zu optimieren.
 

Was ist Caching?

Bevor deine Website-BesucherInnen deine Inhalte sehen, laufen viele Prozesse ab: Der Server wird kontaktiert, Datenbanken werden abgerufen, Bilder geladen und interaktive Module dargestellt. Der Cache - ein Zwischenspeicher - hilft dir dabei, deine Website sofort anzuzeigen, schon bevor langsame Operationen im Hintergrund fertig ausgeführt wurden. Der Cache speichert die statischen Inhalte deiner Website, zum Beispiel Text und Bilder, die schon einmal abgerufen wurden. Der Vorteil von Caching liegt auf der Hand: Die Ladezeit deiner Website verbessert sich. Wie stark sie sich verbessert ist natürlich abhängig von deiner Website und deinen Besucherzahlen.
Der Nachteil von Caching ist, dass nicht immer die aktuellste Version deiner Website angezeigt wird. Änderst du häufig vorhandene Inhalte, ohne den Cache zu leeren, so werden deinen BesucherInnen ältere gespeicherte Versionen deiner Website angezeigt. Leerst du den Cache nach der Änderung, so wird zum Beispiel dein neues Bild auf der Startseite angezeigt. Die erste Anzeige dauert dann jedoch wieder so lange wie ohne Cache.

Es gibt unglaublich viele Caching Plugins, aber keines ist einfacher zu benutzen als Comet Cache.

Einfaches Caching mit dem WordPress Plugin Comet Cache

Der Anbieter Websharks macht damit Werbung, dass sein Plugin Comet Cache besonders simpel ist: "Comet Cache ist ein fortschrittliches WordPress Caching Plugin, inspiriert durch Einfachheit." Gleich wirst du sehen wie einfach zu bedienen es tatsächlich ist!
Installiere und aktiviere Comet Cache wie andere Plugins über > Plugins > Installieren.
 

 
Ganz weit unten im WordPress Menü erscheint dann ein separater Menüpunkt für Comet Cache. Hier musst du Comet Cache noch einmal explizit aktivieren. Nicht vergessen: Ganz unten auf der Seite speicherst du die Einstellung über den Knopf "Alle Änderungen speichern".
 

 
Das war eigentlich schon alles. Wirklich einfach, oder?
 
Wenn du Profi bist, kannst du weitere Einstellungen mit Klick auf die Überschriften öffnen. Wähle andere Optionen über Drop-Down-Menüs. Aber die meisten NutzerInnen brauchen sich damit nicht zu befassen.
 

Cache leeren

Damit auf deiner Website keine alten Inhalte angezeigt werden, musst du nach einer Änderung den Cache leeren. Zufälligerweise erledigt Comet Cache das automatisch für dich. Falls dem Plugin doch einmal eine Änderung durch die Lappen geht oder du den Cache sofort leeren möchtest, kannst du dies per Knopfdruck ganz oben rechts in deinem WordPress Dashboard tun.
 

 

Comet Cache Pro für Mitgliederseiten

Comet Cache ist sehr mächtig und erkennt, wann Seiten aus dem Cache oder live von deiner Website angezeigt werden sollen. Angemeldete BenutzerInnen bekommen keine Seiten aus dem Cache angezeigt, außer du verwendest die Pro-Version. Das ist zum Beispiel sehr nützlich bei Mitglieder-Seiten mit Members.
Die Pro-Version kannst du ab $ 39 (USD) kaufen. Wenn du noch nicht sicher bist, ob du die Pro-Version benötigst, kannst sie du über den Knopf "Vorschau Pro Features" ausprobieren.
 

 

Page Speed testen

Möchtest du wissen wie sehr Comet Cache die Ladezeit deiner Website verbessert? Überprüfe sie bevor du Comet Cache aktivierst und anschließend wieder nach der Aktivierung. Es gibt diverse Online Tools, um die sogenannte Page Speed herauszufinden.
Ich habe PageSpeed Insights von Google und Pingdom genutzt. PageSpeed Insights schlägt mir gleich vor, dass ich Browser Caching nutzen soll. Hier wird die Verbesserung nicht in Sekunden gemessen, sondern anhand von Punkten. Leider verbessert sich meine Punktzahl nicht, weil ich andere Empfehlungen von PageSpeed Insights noch nicht beachtet habe.
Beim Online-Tool www.pingdom.com verbessert sich meine Ladezeit, die hier in Sekunden angegeben wird.
Beide Tools unterstützen dich mit vielen Details dabei, die Ladezeit deiner Website zu verbessern. Caching ist dabei nur ein Punkt von vielen.
 

Weitere Tipps

Das A und O für eine schnelle Website sind optimierte Bilder. Das heißt du solltest deine hochaufgelösten Fotos verkleinern, bevor du sie in WordPress nutzt. Natürlich gibt es auch Plugins, die Bilder verkleinern.
 
 

Schau dir gern das Video an oder lies meine Anleitung dazu!

Beim Arbeiten mit WordPress und speziell dem Divi-Template stößt man gelegentlich auf kleine Fehler in den Übersetzungen, die das Gesamtbild der Website beeinträchtigen können. Ein häufiges Problem ist eine unzureichende oder fehlerhafte Übersetzung in den Kommentarformularen. In diesem Blogbeitrag erkläre ich, wie du schnell und einfach solche Übersetzungsfehler korrigieren kannst.

Problemidentifikation

Angenommen, du hast einen Kommentar auf deiner Website eingereicht und bemerkt, dass die Bestätigungsmeldung – „Dein Kommentar wartet auf Moderation“ – falsch übersetzt wurde. Dies kann für Verwirrung sorgen und wirkt wenig professionell.

Lösungsansatz: Nutzung eines Plugins

Für eine schnelle und effektive Lösung empfehle ich die Verwendung des Plugins „Say What?“. Dieses Plugin ermöglicht es dir, spezifische Texte in WordPress zu ändern, ohne direkt in den Code eingreifen zu müssen.

Schritt-für-Schritt-Anleitung

1. Plugin Installation: Installiere zunächst das „Say What?“ Plugin über das WordPress Dashboard.
2. Plugin Aktivierung: Nach der Installation aktiviere das Plugin.
3. Anpassung vornehmen:

• Gehe zu den Einstellungen von „Say What?“.
• Hier musst du den Originaltext kennen, den du ändern möchtest. In unserem Beispiel wäre das der englische Satz „Comment is awaiting moderation“.
• Gib an, in welchem Bereich (z.B. im Divi Builder) die Änderung vorgenommen werden soll.
• Im Feld für den Ersatztext gibst du dann die korrekte Übersetzung ein: „Dein Kommentar wartet auf Moderation“.

1. Änderung hinzufügen: Nachdem du den Ersatztext eingegeben hast, klicke auf „Hinzufügen“, um die Änderung zu speichern.
2. Überprüfung:

• Lösche den Cache deiner Seite, falls vorhanden.
• Aktualisiere die Seite, um zu sehen, ob die Änderung erfolgreich war.

Abschluss

Mit diesen einfachen Schritten hast du erfolgreich die Übersetzungsfehler auf deiner WordPress-Seite behoben. Das „Say What?“ Plugin erweist sich als ein mächtiges Tool, um schnelle Textänderungen ohne tiefgreifende technische Eingriffe durchzuführen. So kannst du sicherstellen, dass deine Website professionell und korrekt in der gewünschten Sprache dargestellt wird.

Schau dir gern das Video an oder lies meine Anleitung dazu!

Das Real Cookie Banner ist eine populäre Lösung für das Cookie-Management auf WordPress-Seiten. In seiner neuesten Pro-Version, die im April 2024 eingeführt wurde, gibt es eine spannende Neuerung: das Sticky Widget. Dieses kleine, aber mächtige Tool verbessert die Benutzerfreundlichkeit und Compliance deiner Website erheblich. In diesem Beitrag erkläre ich dir, wie du das Sticky Widget einrichtest und anpasst, um deinen Besuchern eine nahtlose Cookie-Management-Erfahrung zu bieten.

Warum ein Sticky Widget?

Rechtlich gesehen war es schon immer notwendig, Links zu den Cookie-Einstellungen sichtbar im Footer zu platzieren. Diese Links ermöglichen es den Nutzern, ihre Einstellungen einzusehen oder Änderungen vorzunehmen. Das Sticky Widget bringt diese Funktionalität nun in eine kompaktere und ansprechendere Form.

Schritt-für-Schritt Setup des Sticky Widgets

1. Aktivierung des Widgets

Zunächst musst du das Sticky Widget im Real Cookie Banner aktivieren. Dieses befindet sich in den Einstellungen des Plugins.

2. Anpassen des Designs

• Icon ändern: Du kannst ein passendes Icon auswählen, um das Widget visuell ansprechend zu gestalten. In unserem Beispiel wurde ein Schloss-Icon gewählt.
• Positionierung: Das Widget kann flexibel auf der linken oder rechten Seite deiner Webseite positioniert werden. Es lässt sich auch in der Größe anpassen, sollte aber aus Gründen der Barrierefreiheit nicht kleiner als 24 Pixel sein.
• Farbanpassungen: Die Hintergrund- und Randfarbe des Widgets kannst du individuell an das Design deiner Seite anpassen. Auch die Textfarbe lässt sich ändern, um eine optimale Lesbarkeit zu gewährleisten.

3. Veröffentlichung

Nachdem du alle Einstellungen vorgenommen hast, veröffentliche das Widget. Es erscheint dann automatisch im Frontend deiner Webseite.

Vorteile des Sticky Widgets

Mit dem Sticky Widget von Real Cookie Banner machst du es den Nutzer*innen deiner Webseite leichter, ihre Cookie-Einstellungen zu verwalten, ohne dabei das Design zu stören. Die einfache Zugänglichkeit und Sichtbarkeit dieses Widgets verbessert nicht nur die User Experience, sondern stellt auch sicher, dass deine Webseite den rechtlichen Anforderungen entspricht.

Das Sticky Widget ist eine elegante Lösung für das Cookie-Management und trägt dazu bei, dass deine Webseite professionell und benutzerfreundlich bleibt. Nutze dieses neue Feature, um das Vertrauen deiner Besucher*innen zu stärken und gleichzeitig die Compliance deiner Webseite zu gewährleisten.

Einer der großen Player bei den Cookie-Banner ist das Borlabs-Cookie-Plugin, doch es gibt eine, in meinen Augen, bessere Alternative. Der Real Cookie Banner macht es dir leichter bei der Einrichtung und du musst dich nicht durch Dokumentationen quälen.

Ich zeige dir die Basisfunktionen der Einrichtung. Dies ist keine rechtliche Beratung und inhaltlich musst du dich selbst kümmern, aber das Plugin hat es schön vorbereitet. Heißt, wenn du nichts außergewöhnliches auf deiner Website verwendest, kommst du gut zurecht und kannst dich relativ sicher fühlen.

Die Rede ist von dem Real Cookie Banner von devowl.io

Preislich liegt es dem Borlabs-Cookie-Plugin sehr nahe!

Installation und Einrichtung

Nachdem du das Plugin gekauft und installiert hast, aktivierst du es bitte. Danach öffnet sich folgende Seite. Klicke nun auf "Einrichtung beginnen".

Dann landest du auf der Aktivierungsseite. Hier gibst du bitte deinen Lizenzschlüssel ein und wählst aus, ob die Seite schon online oder noch in der Entwicklung ist. Danach setzt du mindestens die beiden oberen Häkchen und klickst "Lizenz aktivieren & Fortfahren". Die Beschreibungen erklären die genau was du machen musst.

Website Scannen

Nach der Aktivierung kommst du auf die nächste Seite und ein Popup-Fenster sagt dir, dass deine Website schon gescannt wurde. Klicke im Popup-Fenster den Link "Scannerergebnisse" an.

Hier kannst du nachlesen was der Scanner eigentlich genau findet und was nicht.

Auf meiner Website wordpress-kochstudio.de hat der Scanner folgende Dinge gefunden:

Google Fonts

Ich fange mit dem ersten Kasten "Google Fonts" an. Hier wird netterweise gleich wieder erklärt was mit Services gemeint ist:

Hier habe ich nichts weiter eingestellt. Ich verlasse mich auf das Plugin. Natürlich kannst du mit einem Anwalt oder Datenschutzbeauftragten alles durchgehen und individuell einrichten. Schön ist, dass es gleich den funktionalen Cookies zugeordnet ist und ich nicht darüber nachdenken muss.

Ein weiteres Popup-Fenster öffnet sich nach dem Speichern und es wird mir erklärt was ein Content Blocker ist. Schön!

Den "Visuellen Content Blocker" aktiviere ich nicht!

Der Content Blocker für "Google Fonts" hat standardmäßig keinen visuellen Content Blocker. Diese Option  bringt im Falle von "Google Fonts" auch nichts.

Warum? Ein visueller Content Blocker wird angezeigt, wenn ein Inhalt, für den keine Einwilligung vorliegt, im sichtbaren Bereich nicht angezeigt werden darf, um doch noch um eine Einwilligung zu bitten. Beispielsweise wird die YouTube Iframe durch einen visuellen Content Blocker setzt, der dem Nutzer anbieten das YouTube Video anzuzeigen. Google Fonts ist jedoch nirgends direkt sichtbar bzw. der Nutzer kann mit diesem Service nicht interagieren. Deswegen kann zu keiner Zeit ein visueller Content Blocker angezeigt werden, der nachträglich um die Einwilligung für Google Fonts bittet.

Wordfence

Das Plugin ordnet die einzelnen Plugins den jeweiligen Gruppen zu. Das finde ich sehr schön und macht es mir ein weiteres Mal einfacher. Auch hier ändere ich nichts und verlasse mich auf das Tool.

Design anpassen des Banners

Du kannst das Aussehen des Banners individuell anpassen. Wenn du den Button "Cookie Banner anpassen" klickst, öffnet sich dein Theme-Customizer in dem du viele Einstellungen vornehmen kannst.

Ich wähle erst einmal auf meiner Seite eine andere Vorlage:

Weiter gehe ich nicht darauf ein, denn wenn du dich durch den Theme-Customizer klickst, kannst du selbsterklärend die Textfarbe, die Farbe der Buttons, Größe u.v.m. anpassen und dir stehen über 20 Designvorlagen zur Verfügung. Das erfordert keine weiteren Screenshots.

Einstellungen des Cookie-Banners

Solange du noch nicht alles vollständig eingerichtet hast, erinnert dich das Plugin immer noch daran, was du alles zu tun hast. Unter anderem solltest du dir noch die Einstellungen des Banners anschauen. Klicke dazu auf "Einstellungen anpassen".

Du gelangst jetzt in die "Einstellungen Allgemein". Du kannst den Cookie-Banner und den Content-Blocker hier aktivieren, Das Impressum und die Datenschutzerklärung verlinken und auch Seiten angeben, auf denen der Banner nicht gezeigt werden soll. Das sind auf meiner Website die Membership-Seiten.

Du kommst nach dem Speichern automatisch auf den nächsten Reiter "Einstellungen Einwilligung". Ab jetzt wird es sehr individuell und du solltest genau wiesen was du tust bzw., dich mit den mitgelieferten Texten auseinandersetzen. Ich habe hier erst einmal das mir vorgeschlagene genommen und nichts weiter geändert.

Es gibt noch weitere Reiter, die aber sehr speziell sind und auf die ich hier im Weiteren nicht eingehen werde, denn ich zeige dir hier nur die Basiseinrichtungen.

Shortcodes platzieren in der datenschutzerklärung

Damit deine Besucher sich ihre Einstellungen anschauen und diesen widersprechen können, stellt dir der Real Cookie Banner Shortcodes zur Verfügung. Diese kannst du generieren und in deine Datenschutzerklärung einfügen. Klicke auf den Link "Shortcodes erzeugen":

Es öffnet sich wieder ein hilfreiches Popup-Fenster mit der Information, dass du die Shortcodes in den Fußbereich deiner Datenschutzerklärung einfügen sollst. Das werde ich jetzt tun.

Du brauchst jetzt nichts anderes machen, als die Shortcodes einzeln und untereinander in den Texteditor zu kopieren. Den Rest macht das Plugin.

So sieht es bei mir jetzt in der Datenschutzerklärung im Fußbereich aus:

Fazit

Verglichen mit dem Borlabs-Cookie-Plugin ist es viel einfacher und selbsterklärender einzurichten. Ich verstehe mehr was ich tue und das Tool unterstützt mich dabei, Cookies aufzuspüren, die ich als solche sonst nicht ausgemacht hätte. Ob du überhaupt einen Cookie-Banner brauchst, kann ich dir nicht sagen, das muss unbedingt eine Fachfrau oder ein Fachmann entscheiden, denn diese Anleitung ersetzt keine rechtliche Beratung. Du kannst aber sicherlich davon ausgehen, dass fast jede WordPress-Website einen Banner braucht, weil viele Plugins Cookies setzen und deine Besucher haben das Recht, Ihre Einwilligung oder Ablehnung zu geben, und zwar bevor Daten an Dritte weitergegeben werden.

Ein wichtiges Thema und bei vielen nicht beliebt, aber dieses Plugin unterstützt dich vorbildlich dabei, vieles richtig zu machen. Wenn Du es kaufen möchtest, kannst du das gern über die beiden Buttons unten tun.

1. Button: hier bekomme ich eine kleine Provision, weil ich es empfehle. Allerdings würde ich niemals etwas schlechtes empfehlen, um Geld damit zu verdienen. Ich bin wirklich überzeugt!
2. Button: du kaufst ohne dass ich eine Provision bekomme. Das ist natürlich auch total in Ordnung.

Liebe „frisch gebackene“ Gutenberg-Fans, ältere Hasen und alle, die es noch werden möchten!

Ich habe in den vergangenen drei Folgen noch gar nicht alle Blöcke vorstellen können und möchte an dieser Stelle aber auch nichts weglassen, was unter Umständen wichtig für die eigene WordPress-Seite sein kann. Darum machen wir uns heute erneut auf den Weg, um unter den verbliebenen Features des Gutenberg-Editors noch das eine oder andere zu entdecken und zu schauen, was die geniale Software noch so alles kann. Wer schon gut vorangekommen (oder gar fertig) ist, hat sicherlich noch viele Tools für Fortgeschrittene entdecken können, z. B. das Einbinden in die sozialen Medien oder das Installieren eines Kontaktformulars, das ausgerechnet und zu meiner Freude Fuji-san als kleines Icon trägt. Da hierfür jedoch ein Plugin installiert werden muss, habe ich das noch einmal außen vor gelassen…

Nichtsdestotrotz: Beschäftigt man sich näher mit den Blöcken, so entpuppt sich der Gutenberg-Editor nicht nur als gut ausgestatteter Werkzeugkasten, sondern gleich als ganze Schatzkiste, die es zu entdecken und auszuprobieren gilt.

Rasche Bildanpassungen

Websites leben ja von Text, Links und Bildern, gerade letzteres ist manchmal gar nicht so einfach, besonders wenn man zwar eine schöne eigene Bildauswahl beisammen hat, diese aber farblich nicht zum Corporate-Design der eigenen Webseite passen möchte. Damit man an dieser Stelle nicht schon wieder alles entnervt beiseitelegt (darin bin ich Expertin), verstecken sich im Gutenberg-Editor einige nützliche Dinge – so etwa Cover, um Abbildungen wie einen Header mit einem farblich passenden Layer zu gestalten. Beispiel:

Hier kann auch ein Titel verfasst werden, z. B. "Über den Wolken" ...

Hingucker Pullquote - "schönes Zitat"

Mit einer Pullquote kann man auf seiner Website einen (oder mehrere) sehr schöne/n Akzent/e setzen und dem Besucher ein Zitat vorstellen. Ich persönlich mag es sehr, in den Texten eine Oase zum Nachdenken zu finden - ob eine Lebensweisheit oder einen schönen Spruch, der den Tag ein bisschen leichter und zuversichtlicher machen kann. Der richtige Satz zur richtigen Zeit kann manchmal buchstäblich „das Ruder herumreißen“, in eine andere und möglicherweise auch bessere Richtung. Pullquoten können zum Nachdenken anregen, aber auch zum Schmunzeln. Ich gehe mal davon aus: Fühlt man sich auf der gerade besuchten Webseite wohl, wird man wahrscheinlich auch gerne ein bisschen länger dort verweilen wollen. Für den Webmaster eine gute Sache!

Das Haiku habe ich ausgewählt, weil ich einfach so gerne in Kyoto bin und mehr als sehnsüchtig darauf warte, dass Reisen nach Japan bald wieder möglich sind. 😊🙏🗾 Natürlich lassen sich auch Texte verwenden, die unmittelbar etwas mit dem eigenen Angebot zu tun haben und ins Auge springen sollen, wie etwa ein Werbeslogan oder eine bestimmte Produkteigenschaft. "Mit unserem Reiskocher gelingt Ihnen mühelos jeder Sushi-Reis", oder: "Ein Editor für alle Fälle - Gutenberg!"

Weitere Medien einbinden

Bild und Galerie haben wir bereits ausführlich in einem vorherigen Blog kennengelernt; aber auch Videos und Dateien lassen sich ganz einfach einbinden, etwa wenn man ein PDF (z. B. eine Preisliste, eine Broschüre oder einen Gutschein) zum Download bereitstellen möchte. Ganz easy lassen sich auch Medien und Text gemeinsam erstellen, was wir gleich einmal ausprobieren können. 😀👍

Vending machines

Man kommt an ihnen in Japan einfach nicht vorbei – die praktischen Getränkeautomaten, auch vending machines genannt, finden sich an jeder Straßenecke und sind äußerst praktisch! Die Auswahl an heißen und kalten Drinks ist enorm, und  wer Durst verspürt, kann ihn rasch und unkompliziert löschen. Zur Verfügung stehen heißer oder kalter Grüntee (auch geröstet), Jasmin-Tee, köstlicher Milk-Tea, Kaffee, heiße Zitrone, Softdrinks, Maissuppe, Aloe-Vera-Getränke, Vitamindrinks – und natürlich Wasser. Alkoholische Getränke sind hier in der Regel nicht zu finden, die Automaten sind jugendfrei. Nach dem Trinkgenuss werden die leeren Flaschen einfach in den dafür bereitgestellten Sammelbehälter gegeben. Die Straßen Japans sind übrigens immer sauber.

Last but not least today: Alles sehr kompliziert?

Es ist kein Geheimnis, dass manche Menschen sehr gerne bei dem bleiben, was sie kennen; was ihnen vertraut erscheint und somit Sicherheit gibt. Dadurch, dass unsere Zeit immer schnelllebiger wird und Fortschritt zwar sehr spannend, aber mitunter auch recht anstrengend sein kann, fühlen sich manche Nutzer möglicher- und verständlicherweise etwas überfordert. Mich manchmal inbegriffen. Dafür bietet der Gutenberg-Editor die schöne Option, mit Classic zum klassischen WordPress zurückswitchen zu können, was dem einen oder anderen „alten Hasen“ bestimmt gut gefallen wird. Es ist ganz normal, dass eine gewisse Routine die Arbeit leichter von der Hand gehen lässt als sich immer erst in etwas Neues „einfuchsen“ zu müssen. Manchmal darf es ruhig etwas Gewohnheit sein, denn Gewohnheit bedeutet nicht unbedingt Langeweile – im Gegenteil, sie sorgt auch für einen gewissen Workflow, mit dem man in seinem Projekt gut vorankommen kann, ohne sich dabei immer den Kopf zu verrenken. 😅 Einfach nur schwimmen – im Strom der Routinearbeit, die zudem etwas sehr Meditatives haben kann! Dennoch: Wer den Editor nicht wenigstens hin und wieder ausprobiert und sich damit vertraut macht, verpasst wirklich etwas...

Das waren nun weitere wichtige Werkzeuge des Gutenberg-Editors. Bestimmt macht es vielen Usern (so wie mir) auch große Freude, die verschiedenen Funktionen einfach einmal mutig selbst auszuprobieren und zu stöbern, was die Toolbox noch so alles hergibt. Man braucht kaum Angst zu haben, etwas „kaputtzumachen“ – denn mit Strg und R kann man alles wieder ungeschehen machen, falls man doch einmal etwas „zerschossen“ haben sollte.

Mein Fazit

Der Gutenberg-Editor bietet auch für (noch) nicht ganz so IT-affine User die wertvolle Möglichkeit, eine eigene Webseite mit WordPress zu gestalten, und das mit viel Entdecker- und Entwicklerfreude sowie Aha-Erlebnissen. Hinzu kommt, dass WordPress nicht statisch ist, d.h., es schläft nicht, sondern wird von einem Team ständig weiterentwickelt und dabei immer benutzerfreundlicher (was es ja bereits jetzt schon ist). Wer längere Zeit pausiert hat, wird rasch bemerken, dass sich neue Tools im Gutenberg-Editor befinden, die sich intuitiv bedienen und anwenden lassen. Kerstins Gratiskurs bietet den idealen Einstieg, zudem vermitteln ihre unterhaltsamen Podcasts wertvolles Expertenwissen rund ums World Wide Web.

Mir bleibt erst einmal zu sagen: Vielen herzlichen Dank fürs Lesen und ganz viel Spaß und Erfolg mit der bald eigenen Website! 🙋‍♀️

Herzlichst

😄🙏 Zora Zoé

PS: Ganz nebenbei habe ich noch die Trenner entdeckt, so lässt sich ganz nach Wunsch die Webseite mit kurzen, breiten oder gepunkteten Linien schön und praktisch aufteilen.

Seit ca. 2 Jahren tracke ich auf meinen Websites nur noch cookiefrei auf meinem eigenen Server mit Matomo (ehemals Piwik).

Ich nehme Datenschutz ernst, finde ihn gut und versuche alles umzusetzen, um so wenig Daten wie möglich von meinen Besucherinnen auf meiner Website zu tracken. Bevor ich meinen Kundinnen und Kunden ein Tool empfehle, teste ich es selbst über einen längeren Zeitraum. Jetzt habe ich eine Anleitung erstellt, damit du Matomo DSGVO-konform installieren kann.

Alles beginnt mit einem Backup deiner WordPress-Site

1. Die Bedeutung eines Backups:
• Bevor du mit irgendeiner Aktualisierung beginnst, ist das Erstellen eines sauberen Backups entscheidend. Ein Backup sollte alle Dateien und die Datenbank deiner Website umfassen.

2. Was muss aktualisiert werden?
• Zu aktualisieren sind: Plugins, Themes und WordPress selbst. Außerdem solltest du regelmäßig deine Links überprüfen.

3. Die richtige Reihenfolge der Aktualisierung:
• Beginne immer mit den Plugins, da diese am häufigsten aktualisiert werden müssen und oft zu Kompatibilitätsproblemen führen.
• Als Nächstes aktualisiere die Themes, gefolgt von WordPress selbst.

4. Häufigkeit der Aktualisierungen:
• Plugins: Mindestens einmal pro Woche prüfen und aktualisieren.
• Themes: Achte auf größere Versionssprünge und warte auf die .1-Versionen, um Fehlerkorrekturen zu berücksichtigen.
• WordPress: Automatisiere kleinere Updates, aber warte bei größeren Versionssprüngen etwa 4-6 Wochen.

5. Überprüfung der Links und Website-Zustand:
• Nutze ein Plugin, um regelmäßig die Funktionsfähigkeit deiner Links zu überprüfen.
• Überprüfe einmal im Monat den Gesamtzustand deiner Website.

6. Zeitaufwand für die Wartung:
• Mit regelmäßiger Pflege benötigst du nur wenige Minuten pro Woche, um deine Website aktuell und sicher zu halten.

Schlussfolgerung:
Regelmäßige Aktualisierungen und ein umsichtiger Umgang mit deiner WordPress-Website sind essentiell für die Sicherheit und Performance. Wenn du Fragen hast oder Unterstützung benötigst, kannst du dich jederzeit bei mir melden.