genutzte Komponenten: WordPress 6.3.1 | GeneratePress Premium 2.3.2 | GenerateBlocks Pro 1.5.2

Bedenke: Du erweiterst die bestehenden (blauen) GenerateBlocks Blöcke um SVG-Icons, kannst aber aus den Standard-Gutenberg-Blöcken nicht auf diese Symbole zurückgreifen.

GenerateBlocks Block

Glücklicherweise gibt es eine einfache und solide Möglichkeit, mit GenerateBlocks – neben den vorhandenen – auch eigene Icons einzufügen. GenerateBlocks bietet dir in einigen Blöcken die Funktion Icons einzufügen. Dort findest du zwei Reiter (Allgemein & Social Media) mit den vorinstallierten Icons. Sobald du ein Icon auswählst, siehst du, dass sich etwas weiter oben die Zeile „Icon-SVG-HTML“ gefüllt hat. Dort steht nun der genutzte SVG-Code, welcher effektiv das Icon ist.

Wenn du nun ein eigenes Icon einfügen möchtest, benötigen wir das Icon als SVG Grafik und nutzen den Code, welchen wir dann in das Feld (Icon-SVG-HTML) einfügen. Du kommst ganz einfach an diesen Code, wenn du die gewünschte Icon-Datei mit einem Text- oder Code-Editor öffnest und die enthaltenen SVG-Codezeilen kopierst.

Wenn du gerne Icons nutzen möchtest, welche vielseitig verwendbar sind, kennst du sicher bereits FontAwesome. Wenn nicht, schau es dir mal näher an. Denn mit dieser Icon-Bibliothek bekommst du ein dickes Paket an Icons für deine Gestaltung. Nun möchtest du aber keine neue Schriftart installieren, nur um ein oder zwei individuelle Icons zu deiner Seite hinzuzufügen. Denn das wäre der reguläre Weg, wenn du die Icons auf deiner Website nutzen möchtest. Das hält uns aber nicht davon ab, einfach die SVG-Daten deiner beliebten Bibliothek von FontAwesome zu nutzen. Erkundige dich bitte vorher, ob du diese oder andere Daten lizenzfrei verwenden darfst und vergiss sicherheitshalber nicht, die Quelle oder den Ursprung anzugeben, wenn die Daten nicht aus deiner eigenen Feder stammen.

Suche nun auf der Website von FontAwesome nach deinem gewünschten Icon und öffne die Detail-Seite. Wir schauen uns das anhand vom Xing Icon mal etwas genauer an. Du siehst verschiedene Varianten des Icons und wir „untersuchen“ (via Rechtsklick oder deiner Browser Konsole) das kleinste graue Icon, da es am neutralsten für diese Zwecke ist. Du siehst den zugehörigen Code. Uns interessiert hier alles ab <svg> bis zum schließenden Tag </svg>. Alternativ, klicke auf das Icon „Copy SVG Code“-

Kopiere nun den Code der SVG und füge ihn in das Feld (Icon-SVG-HTML) auf deiner Seite ein. Du kannst den kompletten Bereich der Klassen (class=“…“) löschen, da wir lediglich die Icon-Daten benötigen. Kaum sind die Zeilen eingetragen, siehst du, dass unser Xing Icon angezeigt wird. Den Rest, wie beispielsweise die Icon-Größe kannst du wie gewohnt innerhalb des Block-Editors bearbeiten.

Ein voller Erfolg. Schnell, einfach und super schlank, genau wofür GeneratePress und GenerateBlocks konzipiert wurden. Ich hoffe, dieser Icon-Quicktipp mit GenerateBlocks konnte dir weiterhelfen. Wenn du Fragen oder Feedback hast, schreibe es gerne in die Kommentare.

GenerateBlocks Assets-Library

Mit der GenerateBlocks Assets-Library schaffst du dir dein eigenes Icon-Set im Handumdrehen! Und das ganz ohne tiefergehendes CSS-Wissen. Immer dann sinnvoll, wenn du häufiger auf die Icons zugreifen möchtest.

In der ersten Grafik siehst du das Standard-Icon-Segment von GenerateBlocks, wie es dir innerhalb von Buttons und Überschriften zur Verfügung steht. Die Sektion „Allgemein“ und „Social Media“ ist immer vorhanden und bietet dir bereits eine Auswahl an verschiedenen Grafiken in Form von SVG-Icons.

Allerdings werden diese auf allen Seiten (mit Generate Blocks) identisch sein und stellen kaum eine Besonderheit dar. Möchtest du deine eigene Liste einfügen, ist dies bereits mit den Hausmitteln des Plugins in der Pro Version möglich. Hierzu rufst du die Assets-Library von GenerateBlocks auf. Zu finden im Hauptmenü unter GenerateBlocks beziehungsweise unter dieser URL: /wp-admin/admin.php?page=generateblocks-asset-library .

Du kannst dir dabei individuelle Gruppen anlegen, die dann oberhalb der beiden Standard-Gruppen angezeigt werden. Nachdem du einen Namen ausgewählt hast, fügst du deine SVGs mittels Medienbibliothek hinzu oder gibst den HTML-Code in das zur Verfügung stehenden Textfeld ein. Nach dem Speichern erscheint eine weitere Liste im Menü, auf die du beliebig zugreifen kannst.

Ich finde diese Möglichkeit so genial, dass die Registrierung innerhalb der block.json nicht mehr praktikabel ist. Damit würden zwar die Gutenberg-Blöcke eigene Icons erhalten, allerdings verwenden wir bekanntlich sowieso Blöcke von GenerateBlocks.

Der Beitrag GenerateBlocks – eigene Icons auswählen erschien zuerst auf deinWP.de.

* zumindest fallen sie mit Fußnoten nur bei wenigen Texten auf

Derzeit verwenden wir allerdings weiterhin das Plugin footnotes, obwohl dieses nicht mehr weiterentwickelt wird. Leider hatten uns die anderen Erweiterungen im damaligen Test nicht überzeugt und seit der WordPress-Ankündigung warten wir sehnsüchtig auf diese Umsetzung.

Info: In diesem Text wurden die Fußnoten doppelt ausgeführt, damit die Unterschiede ersichtlich sind. Demzufolge erscheint eine ¹, wenn der Gutenberg-Block verwendet wird und eine ^[1] erscheint mittels Plugin. Hier lässt sich auch Hovern.

Die SEO ist geteilter Meinung, aber pro Quellennennung

Wenn in der „SEO-Branche“ das Thema Fußnoten erörtert wird, finden die meisten eine Quellennennung grundsätzlich sinnvoll. Scheuen sich dann in der Anwendung aber vor den externen Links. Dies ist wiederum meiner Meinung nach der große Vorteil für das maschinelle Auslesen deiner Website, denn der Crawler, wie auch der Leser, kann im Text nicht abspringen. Soll er das an dieser Stelle, dann setze ich nach wie vor eine Verlinkung.

Ich unterscheide demnach, nach bewussten Empfehlungen (= Link im Text) und semantische Erweiterungen des Geschriebenen (= Fußnote). In diesem Artikel wird das Plugin namentlich erwähnt, dadurch auch verlinkt, denn du darfst gern draufklicken. Dann verstehst du den restlichen Teil des Inhalts etwas besser anhand des praktischen Beispiels.

Einige Tipps erzählen, dass zu viele externe Links schädlich seien^{1 [1]}Abakus-Forum. Nutzer MSTnetsolutions vom 29.01.2023: „Externe Links sind natürlich wichtig, aber auch nur in einem gewissen Rahmen. Zu viele sind schädlich.“. Zugriff: 4. … Continue reading oder dass Hyperlinks die HTML-Fußnoten sind.^{2 [2]}Internetkidz.de
: Lektion 8: Einfügen –> Fußnote. Zugriff: 4. September 2023 Den Vergleich finde ich passend, er greift allerdings zu kurz.

Aus Sicht des Verlinkten allerdings haben Fußnoten einen klaren Nachteil. Der Link befindet sich nicht mehr im Hauptteil des Dokuments, wodurch er an Wertigkeit verliert. Auch wird er seltener geklickt, was dem Link erneut etwas Wertigkeit wegnimmt.

Vor- und Nachteile von Quellenangabe in Fußnoten oder im Text

Wie erwähnt entscheide ich mich zumeist für eine Mischung aus beiden Welten, denn dadurch entsteht eine strukturierte Einheitlichkeit. Aus dieser Beschreibung ergibt sich automatisch die jeweiligen Vor- und Nachteile.

Wenn der Leser bewusst auf eine Information gelenkt werden soll, wie dies beispielsweise bei der Vorstellung eines Programms oder eines Produktes geschieht, dann erfolgt der Link im Text. Der zu verlinkende Text ergibt sich direkt aus dem Kontext.

Weiß ich nicht genau, welche Wörter ich verlinken soll, spricht dies für einen Verweis mittels Fußnoten. Besonders bei dem Belegen von Zahlen mag ich die Art der Referenzierung, denn sonst würde der Text durch die vielen internen Links schnell zerstückelt wirken. Wenn sich zudem zwei unterschiedliche Verlinkung hintereinander befinden würden, wäre dir die Anzahl an Links als Leser nicht ersichtlich.

An dieser Stelle hast du zudem die Auswahl eine oder mehrere Fußnoten zu setzten, wie es dir beliebt. Persönlich mag ich die Bündelung, denn ich möchte 4 Fakten beweisen, kann dies aber in einer Fußnote erledigen.

Eine weitere Möglichkeit wäre es ein (siehe Quelle) oder ähnliche Angaben im Text einzufügen. Allerdings empfinde ich dies als unansehnlich. Zumal durch die häufige Verwendung identischer Wörter die semantische Struktur des Textes negativ beeinflusst wird.

Durch diesen Prozess gibt es im Fließtext nur noch wenige Links, wodurch interne Verweise eine größere Aufmerksamkeit erhalten. Intern verlinke ich aus dem Fließtext samt Keyword heraus, denn dadurch erhält die Zielseite die maximale interne Stärke.

Fußnoten Plugins

Das Schöne am vorgestellten Plugin empfinde ich, dass die ergänzenden Informationen sich im Fließtext wiederfinden. Hierfür wird ein Shortcode eingefügt und das Verzeichnis am Ende wird im Frontend dargestellt. Mir hilft dies bei der Übersicht, denn so muss ich nicht an zwei Stellen prüfen, was geschrieben wurde. Du kannst den einleitenden Shortcode selbst anpassen.

[fussnote]Das ist eine Fußnote für den vorangegangenen Textabschnitt.[/fussnote]

Die Darstellung wird einmal im Backend eingestellt und auf alle Bereiche übernommen.

Der WP 6.3 Block 

Du findest den Gutenberg-Block direkt im Kontextmenü deines Editors.⁵ Klickst du diesen, wird automatisch eine Zahl an der Curser-Stelle eingefügt und der Curser springt zum Fußnoten-Block nach unten auf deiner Seite. Hier kannst du weiteren Text einfügen und einen Verweis angeben. Der Block funktioniert genauso, wie andere Blöcke und kann im Dokument bewegt werden.

Der Block als solcher besitzt keine Einstellmöglichkeiten. Möchtest du dies ändern, musst du dir mit einem Workaround behelfen. Erstelle eine Gruppe und schiebe den Fußnoten-Block hinein. Dann kannst du den kompletten Block editieren.

Da wir bekanntlich GeneratePress nutzen, erhält der Block bei uns einen eigenen Container und dieser wird individuell angepasst. So sind wir in dessen Gestaltung deutlich freier.

Welche Angaben sind wichtig?

Wichtig ist es, dass dein Leser erkennen kann, wer die Quelle geschaffen hat und in welchem Kontext diese entstanden ist. Daher solltest du das Veröffentlichungsdatum angaben und das Datum deines Zugriffs, denn Internetquellen sind flüchtig. Die Uni Bielefeld hat eine ansprechende Auflistung zu diesem Thema geschrieben: Was gehört alles in eine Fußnote?

1. Wer hat den Text geschrieben? Findest du einen Autor oder kannst du zumindest den Ort (Website) angeben?
2. Wie heißt der Text? (Gib den Titel an!)
3. Wo ist der Text erschienen? (Erscheinungsort, beispielsweise die Internetadresse/URL)
4. Wann ist der Text erschienen? (Erscheinungsdatum beziehungsweise Datum der letzten Aktualisierung)
5. In welchem Zusammenhang (Erscheinungskontext) ist der Text erschienen? Kannst du etwas über die Textart sagen (Interview, Kolumne, Kritik, …)
6. Wann hast du dir den Text angesehen? (Wann war dein Zugriff?)

Bilde dir aus diesen Informationen eine einheitliche Vorlage, die du weiterverwenden kannst.

René Schröter auf deinwp.de am 7. September 2023: Fußnoten im Internet. Zugriff: 17. September 2023

Verbessere deine Inhalte mit Fußnoten

 Egal welche Methode du verwendest, ergänze deine Texte bitte stets mit Links. Der Übersicht wegen verwende gern Fußnoten. Es folgt der Fußnoten-Block von WordPress:

Hier endet der Text und es folgt die Referenzliste aus dem Plugin.

Der Beitrag Fußnoten im Internet erschien zuerst auf deinWP.de.

Magst du Nachtisch, oder belässt du es bei der Hauptspeise? Ein aufgeweckter Kellner fragt dich allerdings, ob du noch einen Nachtisch essen möchtest, oder ob du einen Espresso magst. Dann hast du ein Angebot erhalten und kannst entscheiden. Ein noch geschickterer Kellner wird dir eine konkrete Empfehlung aussprechen! Und was machst du, nachdem du einen Artikel gelesen hast? Ein cleverer Webmaster wird dich auf passende oder zumindest empfehlenswerte Inhalte hinweisen. Du sollst als Leser ja tiefer in die Website eintauchen.

Wie du mit GenerateBlocks zu diesem gewitzten Betreiber einer Website wirst, erklären dir die folgenden Zeilen.

Elements aktivieren

Mittels einem "Elements --> Block --> Element type: Post Navigation" lassen sich unterschiedlichste Arten einer Beitragsnavigation erstellen. Im Anschluss gibt GeneratePress eine Information aus, dass empfohlen wird GenerateBlocks zu verwenden, um den vollen Umfang nutzen zu können.

To take full advantage of Block Elements, we suggest using our GenerateBlocks plugin.

GeneratePress

Wenn du beide Plugins aktivierst, kannst du bereits zwischen fünf Templates wählen.

• Zwei Spalten mit Artikelbild
• Zwei Spalten mit Pfeilen (rechts bzw. in der Mitte)
• Zwei Spalten mit einer Hintergrund-Überlagerung
• Zwei Spalten mit einem halben Artikelbild

Dich hält allerdings nichts auf, deine eigenen Vorstellungen einer Beitragsnavigation zuzubereiten. Da deinwp.de derzeit keine Artikelbilder verwendet, können wir nur auf drei vorgefertigte Varianten zugreifen.

Neben dem Wunschdesign, solltest du an dieser Stelle überlegen, welche Daten du deinem Leser zeigen möchtest:

• Artikelbild
• Überschrift des Artikels
• Beitragsinformationen (Einführungstext)
• Meta-Informationen: Veröffentlichungsdatum, Anzahl an Kommentaren, …)

Innerhalb der Anzeigeregeln musst du noch einstellen, auf welchen Seiten diese Art der Navigation erscheinen soll.

Welche Artikel sollen angezeigt werden?

Eine typische Beitragsnavigation schickt den Nutzer zu den neuesten bzw. vergangenen Artikeln. Geordnet ist die Liste demnach häufig zeitlich. Für den Nutzer ergibt diese Sortierung auf Artikel-Ebene, meiner Meinung nach, selten Sinn. Besser wäre nur Artikel aus der identischen Kategorie auszuspielen. Dadurch steigt die Wahrscheinlichkeit auf einen Klick, denn ich gebe eine bessere Idee, was als nächstes verzehrt werden soll.

Im gezeigten Szenario sind hierfür lediglich wenige Klicks notwendig. Klicke auf den Block, der dynamische Inhalte erhält und wähle das Symbol mit den gestapelten Speichermedien aus. Hier setzt du den Wahlschalter ganz unten auf "in same term", damit dein WordPress prüft, dass sich der anzuzeigende Beitrag innerhalb der identischen Taxonomie befindet. Welche das ist (Kategorie oder Schlagwort beispielsweise) kannst du im neu angezeigten Auswahlfeld angeben.

Das Grandiose an diesem Konzept ist, dass du eine Navigation auch innerhalb von Kategorien anzeigen lassen kannst. Spätestens an dieser Stelle kommt das Konzept Prev und Next an seine Grenzen. Die Angabe Vorherige (Previous) oder Nächste (Next) Artikel bezieht sich immer auf eine zeitliche Abfolge. Doch, diese ist nicht immer gewünscht. Also könntest du als Alternative nur einen weiteren Artikel empfehlen, den der Leser nun anklicken soll. Wir belassen es vorerst bei der Auswahl: Tiramisu oder Espresso, was darf es sein?

Insbesondere im Hinblick auf die Barrierefreiheit einer Website vergesst die Angabe des Aria-Labels nicht!

Der Beitrag GeneratePress: Beitragsnavigation unter Artikeln (Vor/Zurück) erschien zuerst auf deinWP.de.

GenerateBlocks 1.8.0

Insgesamt 17 neue Funktionen hält diese Version bereit. Besonders schön finden wir folgende Neuerungen.

Blockbeschriftung

Du kannst deinen Containern, den Query Loops und deinen Grids eigene Bezeichnungen geben, damit du diese in der Listenansicht unterscheiden kannst. Vorher „musste“ dies über den HTML-Anker geschehen, was häufig semantisch sinnvoll war. Die Option findest du unter Erweitert --> Block Label.

Überarbeitete Listenansicht

Passend zur besseren Übersicht erhält der Überschriften-Block in der Listenansicht die passende Überschrift. Anstatt „Überschrift“ steht nun also der genau Name geschrieben, wodurch die Übersicht enorm gewinnt. Genauso verhält es sich mit Bildern, wenn diese mittels „Image“ Block eingefügt werden. Hier wird dementsprechend das Title- oder ALT-Attribut ausgegeben. Ebenso bei Buttons.

Möglichkeit zur Google Fonts Deaktivierung

Um die Google-Schriften zu deaktivieren, mussten wir uns einem Trick behelfen. Nun kannst du dies schlicht in den Einstellungen von GenerateBlocks bewerkstelligen.

Neues Rahmen-Modul

Mittlerweile bietet der Rahmen-Block einzelne Einstellungen für die Größe, die Anmutung und einzelne Optionen für alle vier Seiten.

Flexbox Ausrichtungsmatrix für Container

Mit dem neuen Ausrichtungsmenü innerhalb eines Containers kannst du zwischen vertikaler und horizontaler Ausrichtung der darin befindlichen Container entscheiden. Mit der darunter befindlichen Matrix stellst du die genaue Position ein. Zusätzlich gibt es nun im Menü die Möglichkeit einen Container zu integrieren (New „Add to Container“ icon added to the toolbar of all blocks)

Intuitiver Bedienung des Abstand-Panels

An dieser Stelle erhältst du keine neue Funktion, sondern eine intuitive Darstellung. Waren die Abstände vorher in Reihe angeordnet, siehst du nun bereits optisch, welchen Abstand du einstellst.

Bei genauer Betrachtung hat diese Art der Darstellung doch eine neue Funktion erhalten, denn du kannst die Einheiten der Abstände mixen. Du musst dich also nicht für px oder % entscheiden. Ebenso hast du weitere Einheiten erhalten. Waren es in Version 1.7. noch drei (px, em, %), kannst du nun zwischen sieben Einheiten (px, em, %, rem, vw, vh, ch) wählen. Wenn du dir nicht sicher bist, hilft die das letzte Icon, ein Info-Symbol, weiter. Denn auch dies ist eine neue allgemeine Funktion. (Add help icon to unit list)

GenerateBlocks Pro 1.6.0

Accordions mit FAQ-Schema

Leider wurde der FAQ-Schema-Support mit Version 2.0 entfernt. Die Funktion wurde von den Verantwortlichen zur Überprüfung gestellt.²

Die Akkordeon-Funktionalität wurde erst mit Version 1.5.0 (Pro) eingeführt und erhält nun einen Funktionszuwachs. Du kannst deinem Aufklappmechanismus den Schema.org-FAQ-Type verpassen.³ Durch diese Auszeichnung, auch Markup genannt, erfährt eine Maschine auf technischen Weg, dass hier Antworten auf Fragen erteilt werden. Das hilft beim Verständnis oder platt ausgedrückt, bei deiner Suchmaschinenoptimierung. Denn dadurch steigt die Wahrscheinlichkeit, dass deine Website innerhalb der Feature-FAQ-Snippets erscheint.

Der Beitrag GenerateBlocks – 1.7 & 1.8 | Flexbox, Akkordeon, Tabs, FAQ erschien zuerst auf deinWP.de.

Viele Köche verderben den Brei!

Deutsches Sprichwort

Dieser passt bildlich sehr gut zur Intention. Auf unsere WordPress-Thematik abgewandelt würde das Sprichwort wie folgt lauten:

Viele Entwickler verderben deinWP.

René in Anlehnung an das deutsche Sprichwort

Oder ausführlicher 

Je mehr Entwickler an deinem Projekt beteiligt sind, desto wahrscheinlicher tritt eine Inkompatibilität auf.

Hinter jedem Plugin verbirgt sich ein einzelner Entwickler oder komplettes Team und das jeweilige Plugin wird unterschiedlich energisch weiterentwickelt. Jeder Entwickler hat zudem seine eigene Handschrift, sozusagen seine Lieblingsgewürze. Innerhalb eines Teams schmeckt die Qualitätssicherung das Gericht ab, bevor es auf die Speisekarte gesetzt wird. Daher werden unterschiedliche Plugins eines Teams, eines Anbieters, voraussichtlich besser zusammen arbeiten, als wenn diese aus unterschiedlichen Küchen stammen.

Des Weiteren benötigt jedes Plugin bestimmte Ressourcen. Es kommt zu Einträgen in der Datenbank und auf dem Server. Bei der Verwendung werden Abfragen getätigt und eventuell externe Quellen angezapft. Dadurch beeinträchtigt die Verwendung eines Plugins die Geschwindigkeit deiner Website. Häufig sind daher kleine „Snippet-Lösungen“ effizienter.

In unseren Artikeln bieten wir dir daher zumeist beide Varianten an. Sozusagen eine Zutatenliste mit Kochanleitung und ein auftaubares Fertigprodukt. Welche Variante du im speziellen Fall probieren möchtest, sollte dabei nicht immer dein Bauch entscheiden ; )

Weißt du, was ein Plugin ist?

Ein Plugin ist eine Erweiterung oder ein Zusatzprogramm für eine Software oder ein System, das zusätzliche Funktionen oder Fähigkeiten hinzufügt. Plugins werden normalerweise von Drittanbietern entwickelt. Wörtlich übersetzt bedeutet „Plug“ im Deutschen „Stöpsel“. Und der Name ist sozusagen Programm, denn du steckst eine weitere Funktion in dein WordPress hinein.

Die Suche ist denkbar einfach, denn via Plugins –> Installation (deinwp.de/wp-admin/plugin-install.php) deines Backends, erreichst du eine Oberfläche, in der du die Datenbank durchsuchen kannst.Mit einem weiteren Klick auf „Jetzt installieren“, werden die Dateien bereits heruntergeladen und die Erweiterung ist nach seiner Aktivierung direkt verfügbar.

Beachte folgende 7 Punkte bei der Auswahl deines Plugins:

Bedenke: Stelle dir zunächst die Frage, ob du für die angestrebte Funktion unbedingt ein Plugin benötigst!

1. Wann war die letzte Aktualisierung?

Besonders wichtig ist nicht das Aktualisierungsdatum an sich, sondern ob das Plugin mit deiner bzw. der aktuellsten Version von WordPress getestet wurde.

Sobald mehrere Minor-Versionen nicht geprüft wurden, ist zumindest Vorsicht geboten. Wurde gar ein Major-Update nicht mit dem Plugin geprüft, solltest du direkt Abstand nehmen. Im Allgemeinen sollte die aktuellste WordPress-Version nach zwei Wochen mit dem gewünschten Plugin kompatibel sein.

Bei Plugins aus dem WordPress-Verzeichnis steht ein – allerdings vergleichsweise ungenauer – Zähler zu den aktiven Installationen. Natürlich darfst du davon ausgehen, dass populäre Erweiterungen häufig geprüft und rezensiert wurden. Aber besonders bei speziellen Anforderungen unterscheiden sich die Zahlen der aktiven Installationen nicht mehr so deutlich und du musst deine Auswahl anhand anderer Kriterien treffen. Zudem kann die Masse durchaus auch einmal falsch liegen.

Wie bei Bewertungen gewöhnlich, solltest du dabei auf die Gesamtanzahl, die Anzahl einzelner Sterne und auf das Verhältnis niedriger zu hoher Bewertungen achten.

Wenn du dir einzelne Rezensionen durchliest, achte auf das Erstellungsdatum. Es passiert immer wieder, dass Plugins von anderen Entwicklern übernommen werden und „plötzlich“ negative Bewertungen entstehen. Diese aber in der Gesamtanzahl zunächst nicht auffallen.

Nimm die Versionsnummer als ersten Indikator dafür, wie intensiv die Entwicklung im Hintergund geschieht. Denn, wenn es viele Versionen gibt, dann sollte die Betreuung intensiver sein, was meist für eine höhere Qualität spricht. Suche nach einem Changelog zum jeweiligen Plugin. In diesem wirst du alle Versionen samt Inhalt des jeweiligen Updates finden. ^[1]Changelog des Woocommerce Core
. Zugriff: 27.03.2023 Zudem zeugt das Vorhandensein des Änderungsprotokolls einen hohen Grad an Dokumentation.

Wie sieht es mit der Unterstützung bei Schwierigkeiten aus? Die Anzeige seitens WordPress.org visualisiert dir auf den ersten Blick, wie viele Anfragen in den letzten zwei Monaten eingegangen sind und gelöst wurden. Ein Blick in den Support-Reiter vermittelt dir weiterhin einen Eindruck, wie viel Freude die Entwickler an der Hilfe bei Problemen haben.

6. Von wem wird das Plugin programmiert?

Ist ein komplettes Team an der Entwicklung beteiligt, oder wird es lediglich von einer Einzelperson entwickelt? Die Gefahr bei kostenlosten Erweiterungen, die von einer einzelnen Person programmiert werden, ist deutlich höher, als wenn ein Team daran beteiligt ist. Erweiterungen von Automattic oder inpsyde stehen für Qualität und diese werden sicherlich miteinander geprüft.

Zudem lohnt sich ein Blick in die eigene Addon-Liste der Macher.

7. Welche weiteren Funktionen bietet das Plugin?

Gerade bekannte Add-ons erhalten im Laufe der Zeit eine Vielzahl an Funktionen, die nicht immer benötigt werden. Oder die du gar nicht kanntest. Daher prüfe deine aktiven Plugins einmal im Jahr auf ihren Funktionsumfang, um herauszufinden, welche Dinge du noch nicht kanntest. Eventuell kann ein Existierendes abgelöst werden?

Der Beitrag Warum wir WordPress-Plugins nicht mögen erschien zuerst auf deinWP.de.

Bevor wir tiefer in die beiden Worte des Titels eintauchen, das wichtigste vorweg. Dieser Beitrag soll einen ersten Überblick über die genannten Mittel geben und erhebt keinen Anspruch auf Vollständigkeit, da er sonst sicher endlos würde. Vielmehr wird es in naher Zukunft weitere Artikel geben, welche sich im Speziellen mit den Unterthemen oder deinen Fragen beschäftigen werden. Schau dir die Artikel in der eigenen GeneratePress-Kategorie an. Solltest du also etwas vermissen, schreib uns gerne und wir werden dir gerne weiterhelfen. Nun aber los ins Thema. 🙂

Was ist GeneratePress und GenerateBlocks?

• GeneratePress ist ein leichtgewichtiges WordPress-Theme mit umfangreichen Funktionen für Anfänger und Profis.
• GenerateBlocks ein schlankes Plugin, welches dem Gutenberg-Editor etwas unter die Arme greift und ihn um praktische Funktionen erweitert.

Du kannst sowohl das Theme als auch das Plugin unabhängig voneinander für deine Seite benutzen. In Kombination bilden diese beiden Tools jedoch ein unschlagbares Team und du kannst damit nahezu jede Website aufbauen. Egal ob es eine einfacher OnePager oder komplexe Website ist. Möchtest du dir den Raum für mehr offen lassen, kannst du jederzeit zur Pro-Version beider Tools wechseln. Das Preis-/Leisungsmodell ist im Vergleich zu anderen Themes & Plugins unschlagbar und solltest du individuelle Anforderungen an deine neue Seite haben, kannst du mit der lizenzierten Version erst so richtig durchstarten. Doch Eins nach dem Anderen …

Warum das Ganze?

Wahre WordPress Enthusiasten lieben den Gutenberg, andere finden ihn noch immer nicht marktreif. Ich zähle noch immer zu letzteren Fraktion, aber habe mich erweichen lassen. Lange Zeit während der Entwicklung und auch ein wenig danach, habe ich mich vom Gutenberg eher ferngehalten. Mir haben schlicht die wichtigsten Funktionen wie z.B. Responsivität gefehlt. Das Stylen einer mobilen Seite war nur recht umständlich möglich, während es mit anderen Pagebuildern, bereits mindestens Standard war. Die Pagebuilder wie WP-Bakery, Elementor, Beaver Builder und Co. nutzen entsprechende Einstellungen, um die Inhalte einer Website für mobile Geräte wie Smartphones und Tablets, sowie für Desktop-Bildschirme individuell zu steuern. Bei Gutenberg ist/war dies nicht in dem Maße möglich. Man kann jedoch zum Glück die Blöcke erweitern und so Funktionen nachrüsten. Bleibt also nur noch die Frage, welches Theme den aktuellen Anforderungen an Geschwindigkeit, leichter Bauweise und geschickten Funktionen gerecht wird und nicht überladen und langsam wie andere Multi Purpose Themes daherkommt.

Genau in diese Kerbe schlägt GeneratePress und kann mit modernen, aber leichtgewichtigen Lösungen punkten. Für Unerfahrene und Profis gleichermaßen geeignet und entsprechend skalierbar. Nicht benötigte Funktionen werden erst gar nicht geladen oder lassen sich manuell zu- bzw. abschalten. Das spart unnötige Ladezeit und gibt dir eine übersichtliche Konfiguration deiner Seite. Wichtige Komponenten wie der Fokus auf SEO und z.B. die Auszeichnung von Schema-Daten sind hier bereits bedacht und bieten dir so eine solide Grundlage für deine Website. Darüber hinaus ist das Theme mit WooCommerce kompatibel und kann sogar als Ergänzung mit Pagebuildern verwendet werden.

Kurz gesagt habe ich mit diesem Theme und Plugin gefunden, wonach ich lange auf der Suche war und freue mich nun diese Erfahrungen zu teilen. Die ewige Suche nach dem richtigen Theme steht und fällt mit den Funktionen, der Optik und der Zukunftssicherheit in Form von Updates. Was also, wenn GeneratePress und GenerateBlocks all diese Dinge mit sich bringen und auch du nicht mehr länger suchen musst? Legen wir also los mit ein paar Details.

GeneratePress (Theme)

Hinter dem Theme GeneratePress steckt der Entwickler Tom Usborne. Er hat es sich zur Aufgabe gemacht, ein leichtgewichtiges WordPress-Theme zu entwickeln, welches den modernen Web-Anforderungen entspricht. Weiter wird durch die schlanke Bauweise die Geschwindigkeit einer Website in den Fokus gesetzt. Zu guter Letzt sollen Anfänger und Profis hier gleichermaßen abgeholt werden.

Klingt schonmal sehr verlockend, das schauen wir uns näher an.

„GeneratePress is a lightweight WordPress theme that focuses on speed, stability, and accessibility. Start your website off in the right direction whether you’re a hobbyist, freelancer, or agency.“

Einleitung der GeneratePress Website

Tom entwickelt und unterstützt GeneratePress in seiner kompletten Arbeitszeit, denn damit ist ein Traum für ihn in Erfüllung gegangen.^[1]Über GeneratePress
. Zugriff am 24. September 2023 Ein großer Vorteil für uns Nutzer, denn diesen Enthusiasmus wirst du bemerken!

kostenfreie Version von GeneratePress

Du kannst GeneratePress sofort und gratis nutzen, indem du es über die Themes in deinem WordPress-Backend installierst. Diese kostenlose Version bietet dir einen schlanken und performanten Unterbau für deine WordPress-Website. Die Kernfunktionien sind u.A. Layout-, Farb- und Schrift-Einstellungen, welche über den Customizer verfügbar sind. Hier kannst du wichtige Dinge deiner Seite festlegen und z.B. die Inhaltsbreite deines Contents festlegen oder die Position des Menüs bestimmen.

Auch wenn man – wie üblich – den Copyright-Hinweis im Footer („Powered by GeneratePress“) nicht entfernen kann, sprechen die Downloads (Aktive Installationen: 500.000+) und Bewertungen (5/5) für sich. Das Theme ist bereits in seiner Grundversion clever durchdacht und prellt Nutzer nicht mit unnötigen oder künstlichen Kürzungen, damit die Premium-Version schmackhafter wird. Für GeneratePress zu werben, lohnt sich!

Ein ehrliches Gratisprodukt mit tollen Möglichkeiten.

Features

• Layout Optionen
  (Contentbreite, Header, Footer & Seitenleisten Setup, Navigation etc.)
• Globales Farbmanagement
• Typographie System

Pro-Version von GeneratePress

Mit der Premium-Version von GeneratePress (ab 59 $) (Affiliate ) erlangst du die komplette Kontrolle über das Theme und deine Seite. Ganz egal ob Header oder Footer, Gestaltung der Archivseiten, eine zusätzliche Navigation oder nur ein anderes mobiles Menü oder Logo. Du kannst nahezu jedes Detail selbst bestimmen. Was in der kostenlosen Version bereits solide durchdacht erscheint, entfaltet in der Pro-Version des Themes seine wahre Power. Hier sind tägliche Anforderungen simpel und smart gelöst. Es kommen Funktionen wie dynamisches CSS, detailliertere Layout-Optionen für deinen Blog oder WooCommerce-Shop hinzu und es bleiben kaum Anforderungen offen.

Ich gebe zu, es braucht etwas Eingewöhnung, um mit den Einstellungen des Customizer und Themes warmzuwerden. Aber ich verspreche dir, sobald du einmal die endlose Anzahl an Möglichkeiten erkundet hast, möchtest du kein anderes Theme mehr benutzen. Doch dazu später mehr in der Detailbesprechung der Funktionen.

Features

• Hintergründe
• Blog (Layout)
• Copyright
• Elemente deaktivieren
• Elements
• Menu Plus
• Sekundäre Navigationsleiste
• Seiten-Bibliothek
• Innenabstand
• WooCommerce
• Import / Export

Sobald die gezeigten Optionen aktiviert sind, offenbaren sich eine Vielzahl an weiteren Möglichkeiten im Customizer und Backend deiner Website. Für die wenigsten Projekte benötigt man alle diese Funktionen, aber wenn es drauf ankommt, sind sie verfügbar und enttäuschen nicht.

Die meisten dieser Punkte sind auf Grund des Namens selbsterklärend. Jedoch möchte ich hier nochmal inidividuell auf die Elements eingehen. Mit diesem Profi-Feature hast du die Möglichkeit jegliche Inhalte in einem zusätzlichen Posttyp anzulegen und an nahezu jeder Position auf deiner Seite einzubinden. Du kannst hier mit Gutenberg-Blöcken oder sogar eigenem Code (HTML, PHP, JS) Inhalte, wie einen Hinweis erstellen und diesen unter allen Blogbeiträgen ausgeben. Dies gibt dir ungeahnte Möglichkeiten deine WordPress Website nach deinen Wünschen umzuformen. Dabei ist es gleich, ob du über deinem Blog-Archiv noch zusätzliche Infos und Inhalte unterbingen möchtest oder es schlicht um das Einbinden eines Scripts oder Meta-Tags im Header deiner Seite geht. Mit den Elements kannst du all diese Dinge tun. Und noch vieles mehr! 🙂

Auf die einzelnen Module und Funktionsweisen wird in naher Zukunft in eigenen Beiträgen eingegangen. Diese werden dann in der Features-Liste verlinkt.

GenerateBlocks (Plugin)

Die eingangs erwähnte Arbeitsweise mit dem Gutenberg lässt derzeit noch ein paar Wünsche offen und so braucht es aus meiner Sicht mindestens die Möglichkeit Inhalte ordentlich responsiv zu setzen. Der WordPress native Block „Spalten“ ist da leider noch nicht ausreichend responsiv nutzbar und lässt sich ohne nötige Breakpoints maximal mobil stapeln.

Klar könntest du ab hier auch wieder auf andere Pagebuilder wie Elementor und Co. setzen, aber wir wollten ja die WordPress-eigenen Mittel nutzen und schauen, was es aktuell noch zu ergänzen gilt.

„Eine kleine Sammlung von leichtgewichtigen WordPress-Blöcken, die fast alles erreichen können.“

Einleitung der GenerateBlocks Funktionen

kostenfreie Version von GenerateBlocks

Für die responsive Gestaltung mit dem Gutenberg würde ich derzeit uneingeschränkt GenerateBlocks empfehlen. Hier bekommst du bereits in der gratis Version die wichtigsten Gutenberg-Blöcke auf deine Website, um sie elegant mit Inhalt zu füllen. Die Unterteilung in Desktop, Tablet und Mobil und damit auch responsives Design sind dabei nur die Spitze des Einberges.

Features

• Container – Grundlage deines Inhalts für einzigartige Abschnitte, ähnlich einem flexiblen Gruppen-Block
• Raster (Grid) – erweiterte Layouts
• Überschrift (Headline) – samt individueller Typografie und Icons
• Buttons – schöne Buttons ohne Plugin
• Bilder (Images) – statische und dynamische Bilder responsive einfügen
• Query Loop – Liste aller Beiträge mit erweiterten Gestaltungselementen

Was kannst du mit GenerateBlocks (gratis) alles machen?

Der Satz deiner Inhalte passiert mit den Blöcken Container und Grid. Wie der Name bereits vermuten lässt, kannst du hier Inhaltscontainer und Raster erstellen und so deinen Content platzieren. Obendrein bekommst du zusätzliche Felder für die Innen- und Außenabstände (padding/margin) und kannst die oben erwähnten Optionen den GeneratePress Themes (wie Farben, Schriften, Hintergründe etc.) nahtlos weiter benutzen oder verfeinern.

Hinzu kommen die Content-Blöcke wie Überschrift , Image und Buttons. Mit dem Überschrift-Block kannst du Texte umfangreich formatieren und zwischen den Überschriften-Tags von H1-H6 wählen oder einen Absatz (Paragraph) bzw. div-Tag wählen. Mit den Buttons kannst du schlanke Buttons inkl. gewünschter Optik platzieren und der Images-Block lässt dich Bilder ordentlich platzieren. Gerade die letzten beiden Blöcke gibt es auch Gutenberg-nativ. Jedoch überzeugen mich bei den GenerateBlocks die zusätzlichen Möglichkeiten wie die Abstände, das optische Verhalten und andere Details einheitlich festlegen zu können.

Mit dem Block Query Loop kannst du ganz einfach eine Liste von Beiträgen oder Seiten ausgeben und das Aussehen granular bestimmen. Dieser Block ist noch recht frisch und löst das Plugin „WP Show Post“ (ebenfalls vom gleichen Entwickler) ab und hat nun seinen Weg in diese feine Sammlung von GenerateBlocks gefunden.

Alles in Allem sind diese 6 Blöcke eine enorme Bereicherung für den Gutenberg und lassen dich deine Inhalte mit Gutenberg modern und vorallem auch responsiv gestalten.

Pro-Version von GenerateBlocks

Die Pro Version startet bei 39$ für eine Website und überzeugt für diesen Preis. Doch schau gerne selbst, was dir hier geboten wird. Die Anzahl der verfügbaren Blöcke wird in der lizensierten Version von GenerateBlocks Pro lediglich um einen weiteren Block erweitert. Es handelt sich hier um die Pattern Library. Ein zusätzlicher Block, welcher dir eine umfangreiche Bibliothek (derzeit 241) an vorgefertigten Designelementen (Header, Footer, Kontakt, Team, Testimonial, CTA, usw.) zur Verfügung stellt.

Diese kannst du mit wenigen klicks aus der Vorschau in deine Seite importieren. So sparst du viel Zeit beim Erstellen und Gestalten deiner Inhalte. Eigene Vorlagen können ebenso erstellt und hinterlegt werden. Also ähnlich wie die „wiederverwendbaren Blöcke“ von Gutenberg, nur etwas anders und das du sie nicht selbst dafür vorbereiten musst. Das kannst du am ehesten als Template-Archiv sehen.

Features

• Pattern Library (weiterer Block)
• Global Styles
• Effects
• Advanced Backgrounds
• Container Links
• Asset Library
• Copy+Paste Styles
• Device Visibility
• Custom Attributes

Was kannst du mit GenerateBlocks (Pro) alles machen?

Neben dem zusätzlichen Block bringt die Pro-Version noch umfangreiche Erweiterungen in den Einstellmöglichkeiten mit sich. So kannst du z.B. Hover-Animationen estellen (Effects) oder ganze Container verlinken (Container Links), statt nur ein Bild- oder Text-Element. Auch das kopieren und überschreiben bereits definierte Stile auf GenerateBlock-Blöcken ist mit wenigen klicks möglich. Das ist deutlich komfortabler als all diese Einstellungen erneut in der Seitenleiste zu treffen.

Die Liste selbst wirkt ersteinmal unscheinbar, da sich ein paar Punkte zur gratis Version kaum unterscheiden. Die Power steckt jedoch im Detail und wir bekommen mit diesen Mitteln einen Gutenberg-„Baukasten“, wie ihn Unerfahrene und Profis gleichermaßen wertschätzen können. Sei es das einfache Aus- oder Einblenden von Inhalten auf bestimmten Bildschirmgrößen (Device Visibility), das hinzufügen von eigenen SVG-Icons (ja, auch sicher…) in einer lokalen Bibliothek (Asset Library) oder die umfangreiche Gestaltung mit Farbverläufen und Bildern (Advanced Backgrounds). Neben der erwähnten Pattern Library gibt es mit GenerateBlocks Pro für nahezu jedes Level an Erfahrung mit WordPress und Gutenberg die passenden Werkzeuge. Erfahrene Anwender/innen können z.B. mit den Custom Attributes zusätzliche data-* Attribute zu jedem GenerateBlocks-Block hinzufügen und so zusätzliche Eigenschaften ansteuern.

Wir werden diese Punkte nochmal im Detail durchgehen und praktische Anwendungsbeispiele in weiteren Beiträgen aufbereiten.

Was muss ich sonst noch wissen?

Neben den tollen Funktionen bietet der Entwickler Tom Usborne und sein Team eine umfangreiche Dokumentation und erstklassischen Support zu allen Produkten. Egal welche Frage du hast, im Forum wirst du meistens fündig und musst dich nicht allein mit deinem Problem herumschlagen. Alternativ helfen wir dir auch gerne hier (z.B. den Kommentaren) weiter.

Fazit zu GeneratePress- und Blocks

Mit dem Theme GeneratePress und dem Plugin GenerateBlocks kann aus meiner Sicht beinahe jedes WordPress-Projekt auf Gutenberg-Basis umgesetzt werden. Es bleiben kaum Wünsche offen. Und es ist egal, ob du gerade erst in WordPress eintauchst und dich mit der Free-Version probieren möchtest oder du bereits Profi bist und dir die „volle Packung“ – mit einem mehr als angemessenem Preis- in den Pro-Versionen geben möchtest. Du hast jederzeit die Wahl, abhängig von deinen Vorstellungen & Wünschen für dein Web-Projekt.

Von einfach verständlichen Vorlagen, bis hin zu zahllosen individuellen Anpassungen, scheint mit GeneratePress und GenerateBlocks alles möglich. Und falls du mal garnicht weiter kommst, hilft dir die umfangreiche Dokumentation oder das Support-Forum (beides in englisch) mit einer angemessenen Lösung für deine Herausforderung weiter.

Eine klare Empfehlung!

Links

allgemeine Updates

WordPress Site Editor und GeneratePress Kompatibilität

Da wir uns gelegentlich selbst fragten, wann und ob GeneratePress mit dem FSE bzw. SE (Site Editing) in der neuesten Version der Block-Themes kompatibel wird, sammeln wir hier die Informationen, welche es dazu gibt. Die derzeit aktuellste Information ist, dass es wohl eine eigene paralle Entwicklung zu FSE geben wird, sobald Version 2 von GeneratePress ausgerollt wurde. Ein offzielles Release dafür ist bisher nicht bekannt.

• Forum-Nachfrage zur aktuellen Entwicklung (2024-06-27)
• offizielle Info zur Entwicklung von GP ohne FSE (2023-04-13)

Der Beitrag GeneratePress und GenerateBlocks erschien zuerst auf deinWP.de.

Lösung auf Basis von GeneratePress

GeneratePress Version 3.1.3

add_filter( 'generate_excerpt_more_output', function( $more ) {
    if ( in_category('slug') ) {
        return sprintf( ' ... <a class="read-more" title="%1$s" href="%2$s">%3$s</a>',
            the_title_attribute( 'echo=0' ),
            esc_url( get_permalink( get_the_ID() ) ),
            __( 'Custom Text', 'generatepress' )
        );
	}
    return $more;
}, 50 );

Du musst noch bei „Slug“ im Bereich if ( in_category(‚slug‚) den Namen deiner Wunsch-Kategorie angeben und den Platzhalter „Custom Text“ mit deiner eigenen Idee befüllen. Schon erstrahlt je nach Kategorie ein anderer Text auf deinem Weiterlesen-Button.

Ideen für deinen Weiterlesen-Text

• weiterlesen
• mehr
• Mehr erfahren
• Mehr lesen
• Tiefer eintauchen

Der Beitrag WordPress Weiterlesen Button – individueller Text je nach Kategorie erschien zuerst auf deinWP.de.

Wie kommt die Mail von der Seite zu dir?

Zu Beginn solltest du wissen, dass mit den Standard WordPress-Boardmitteln alle Mails via PHP-Code versendet werden. Dafür verantwortlich ist eine kleine eingebaute Funktion in WordPress. –> wp_mail()

Ich schreibe hier bewusst von den Standard Boardmitteln, denn es gibt noch weitere Möglichkeiten E-Mails von einer WordPress Website zu versenden. Die Alternative wäre die Standardfunktion mittels SMTP abzulösen. SMTP steht für „Simple Mail Transfer Protocol“ und einfach gesagt hinterlegst du hier Zugangsdaten deines Mailservers, der fortan das Versenden deiner Mails übernimmt.

Um die Mails auf deiner Website also komplett abzuschalten sollten diese Mail-Funktionen deaktiviert werden. Das machst du am einfachsten, indem du dafür ein Plugin nutzt. Vergiss jedoch nicht es nach deinen Tests oder der Phase in welche du keine Mails senden möchtest auch wieder zu deaktivieren. Sonst bekommt niemand mehr eine Mail von deiner Seite und das wäre wirklich schade.

Pluginlösung: E-Mails deaktiveren

Mit dem Plugin „Disable Emails“ kannst du die E-Mails deiner WordPress Website deaktiveren.

Installiere dazu das Plugin und aktiviere es. Nun kannst du dir in den Einstellungen ansehen, welche Funktionen alle eingeschlossen werden sollen. Mit einem Klick auf Änderungen speichern sind diese Einstellungen aktiv. Nun solltest du je nach gewählter Einstellung bei „Indicator“ in der schwarzen Header-Zeile deiner Website ein kleines Icon sehen. Der durchgestrichene Briefumschlag symbolisiert, dass derzeit keine E-Mails von deiner Seite versendet werden. Alternativ kannst du auch einen Warnhinweis als Text im Backend deiner Seite ausgeben lassen, um alle Admins deutlich zu warnen. Beide Einstellungen gleichzeitig nutzen geht auch und sieht dann wie folgt aus.

Nun solltest du oder andere Benutzer deiner Seite schnell, einfach und sicher keine Mails mehr erhalten. Sobald du diese Mail-Sperre wieder rückgängig machen möchtest, kannst du einfach das Plugin deaktivieren und es ist alles wie vorher.

Eine Warnung sei an der Stelle noch gegeben. Denn neben der WordPress eigenen Funktion für Mails gibt es auch die erwähnte SMTP Möglichkeit. Das bedeutet dann auch, dass nicht mehr die WordPress Funktion für die Mails verantwortlich ist. Meist sind dann jedoch weitere Plugins am Werk, die genau diese Erweiterung mit sich bringen. Achte darauf, dass die Einstellungen dahingehend nicht aktiv sind oder deaktiviere diese SMTP-Plugins einfach, damit auch wirklich keine Mail mehr gesendet wird.

Du hast eine Frage dazu oder bei dir klappt es nicht? Schreib es gerne in die Kommentare.

Der Beitrag Keine Mails senden? erschien zuerst auf deinWP.de.

Avatare?

Doch fange wir von vorne an … WordPress nutzt für die Avatar-Anzeige einen (seit 2007) eigenen Dienst mit dem Namen „Gravatar“. Gravatar stellt dir über deine E-Mail-Adresse ein eigenes Profilbild auf WordPress-Websites oder z.B. Github zur Verfügung. Leider werden bei einem Aufruf dieser Seiten mit Gravataren die Daten von einem fremden Server übertragen und evtl. verstößt dies bei deiner Website gegen die Datenschutzbestimmungen. Warum also nicht einfach ein Bild aus der Mediathek für den Benutzer hinterlegen und so das Problem direkter angehen?

WP User Avatar (und was daraus wurde…)

Leider stellt WordPress diese Upload-Funktion für ein lokales Avatar-Bild im eigenen Code nicht zur Verfügung, weshalb sich viele Nutzer in der Vergangenheit für Plugins wie z.B. „WP User Avatar“ entschieden haben. Damit konntest du einfach ein Nutzerbild in WordPress ändern, ohne Gravatar nutzen zu müssen. Leider hat sich „WP User Avatar“ verändert und nennt sich (seit der Übernahme eines neuen Programmierers) mit Version 3.0 (Ende Mai 2021)^[1]siehe Changelog
fortan „User Registration, Login Form, User Profile & Membership – ProfilePress (Formerly WP User Avatar)“. Doch damit nicht genug, plötzlich funktionieren gewohnte Eigenschaften des beliebten Plugins nicht mehr und es sind eine Menge neuer Funktionen hinzugekommen, die das gesamte Plugin anders erscheinen lassen. Es wurde förmlich verändert. Von einem kompakten und praktischen Helfer zu einem umfangreichen Benutzer-Management-Tool. Letzteres dürfte nicht allen bisherigen Nutzern gefallen. Dies zeigt sich auch deutlich in den Bewertungen. Hier ist zu lesen, dass das Plugin nun ganz andere Funktionen hätte und es durch die umfangreichen Änderungen wohl auch Sicherheitslücken gab, welche auf vielen Websites für kurze Zeit zum tragen kamen. Auch dass plötzlich zusätzliche Session-Cookies (ppwp_wp_session) für die Anzeige von Avatar-Bildern geladen wurde, nervt schnell aus der Datenschutz-Perspektive. In Summe wird also das allgemeine Vorgehen der Übernahme und Veränderung eines so bekannten und bis dato auch wirklich guten Plugins hinterfragt.

Es wird also eine einfache Alternative für die Zukunft gesucht. Wie wäre es mit folgendem Plugin?

Plugin-Lösung: Simple Local Avatars

Simple Local Avatars bringt genau die kleine Funktion mit, welche wir benötigen um den Nutzer-Avatar mit einer Grafik aus der Mediathek auszutauschen. Das beste daran, es kann nicht mehr und auch nicht weniger. Schlank und einfach, wie wir es wollen. Sobald du das Plugin installiert hast, gehe auf die gewünschte Benutzerseite deines WordPress und wähle ein eigenes Bild über den Upload bzw. die Mediathek aus. Das war es schon. 🙂

Gibt es noch weitere Alternativen?

Neben unzähligen weiteren Plugins bleibt für die ganz hart gesottenen WordPress-Nutzer unter euch auch weiterhin die Möglichkeit das Plugin „WP User Avatar“ zu nutzen. Allerdings in einer älteren Version und als es noch nicht so umfangreich ausgebaut oder gar verändert wurde. Dazu gehst du einfach auf das Plugin unter WordPress.org und wählst die Erweiterte Ansicht aus. Hier kannst du nun deine gewünschte Version auswählen. Bis Version 2.2.16 (direkter Download-Link der Version) gibt es den gewohnten kleinen Umfang zum ändern des Benutzer-Avatars. Ab Version 3.0 zieht neuer Wind durch das Plugin gleicht immer mehr einem umfangreichen Nutzer-Management-Tool, wofür der bisherige Name bekanntermaßen eher nicht stand. Diese Informationen kannst du in der „readme.txt“ der jeweiligen Plugin-Version entnehmen und so schon vor dem Installieren sehen, was dich erwartet.

Fazit

Wer die schnelle und einfache Lösung sucht, sollte seit Mitte 2021 und für die Nahe Zukunft zu Plugin-Alternativen wie „Simple Local Avatars“ greifen.
Für alle, die bisher „WP User Avatar“ genutzt haben, empfehle ich -auf Grund des neuen Funktions-Umfangs- den Blick zu schärfen und evtl. auf der alten Version bis 2.2.16 zu bleiben oder nach Alternativen zu schauen.

Der Beitrag eigene Nutzer-Avatare lokal (und ohne Gravatar) hinterlegen erschien zuerst auf deinWP.de.

Zusammenfassung: WordPress sicher gestalten

WordPress selbst ist (ziemlich) sicher. Daher bedenke bitte folgende Hauptregeln:

1. regelmäßige Backups anlegen
2. kontinuierlich Plugins aktualisieren
3. so wenig Plugins wie möglich verwenden
4. lange Passwörter nutzen

Direkte Anwendungsbeispiele, die ein großes Plus an Sicherheit bringen, allerdings in Ihrer Initialisierung aufwendiger sind:

• CSP Security Header einstellen

Die lange Version zur Sicherheit …

Wenn ich schreibe „Der Rest liegt an dir“, hat das seine Vor- und Nachteile, was den Aufwand angeht und je nachdem wie tief du selbst damit umgehen möchtest. Ich versuche dir einen allgemeinen Überblick zum Theme Sicherheit und WordPress zu geben, damit du selbst den für dich benötigten Rahmen einschätzen und dich dann für deine „richtige Lösung“ entscheiden kannst. Ziel sollte ein halbwegs sicheres WordPress sein, damit du es erst gar nicht zu einem erfolgreichen Angriff kommen lässt.

Faktencheck: WordPress ist unsicher

Fangen wir an mit der einfachen, aber prägenden Aussage: „WordPress ist unsicher!“
Klingt erst einmal wichtig, wo doch so viel passiert dieser Tage. Wenn es wieder mal um gehackten Seiten geht, steckt oft ein WordPress dahinter. Natürlich ist es dann einfach zu sagen, dass es genau daran liegt. Nun solltest du wissen, dass ca. 44 % der Websites weltweit mit WordPress erstellt wurden¹, was die Wahrscheinlichkeit deutlich erhöht, auch einen Angriff zu erleiden. Leider werden oft die medienwirksamen Worte genutzt, um möglichst viele Leser zu generieren. Und so liest man schnell, dass WordPress Webseiten von einem Hack betroffen sind, sobald es jedoch ins Detail geht, liegt es manchmal garnicht am WordPress selbst. Schnell kann es eine andere Lücke gewesen sein², welche dann erst die WordPress Zugangsdaten freilegte und so wiederum der Zutritt zur Seite erfolgte. Mit einem unsicheren WordPress hat das jedoch wenig zu tun.

Betrachten wir für einen Augenblick mal nur WordPress selbst, ohne jegliche Erweiterungen in Form von Plugins und stets auf der aktuellsten Version gehalten, steht der Core von WordPress vernünftig da. Sobald Plugins, Theme-Anpassungen oder andere funktionale Erweiterungen eingebaut werden, kann es dazu kommen, dass man neue Funktionen einbindet, die wiederum neue Sicherheitslücken ermöglichen. Das bedeutet, dass man unter durch unsauberen oder veralteten Code auch Sicherheitslücken hinterlässt, worüber sich ein Angreifer Zugriff zu deiner Seite verschaffen kann. Und sobald bösartiger Code vom Angreifer ausgeführt werden kann oder sich der Angreifer einen Account für deine Seite erstellt hat, musst du mit allem weiteren rechnen. Denn nun bist du nicht mehr der alleinige Administrator deiner Seite.

Diese Einschätzung wird durch den „2024 Annual WordPress Security Report“ von Wordfence eindrücklich gestützt. Der Bericht hält fest, dass der WordPress-Core selbst weiterhin sehr sicher ist (mit nur 5 gemeldeten Schwachstellen im gesamten Jahr 2024). Die überwältigende Mehrheit der Risiken geht stattdessen von Erweiterungen aus: 96 % aller erfassten Schwachstellen entfielen auf Plugins, der verbleibende Rest auf Themes³.

Regelmäßige Updates sind ein wichtiger Punkt, denn viele alte Versionen mit bekannten Sicherheitslücken können entsprechend ausgenutzt werden, wenn sie nicht zeitnah aktalisiert wurden.

Vergiss bitte neben der Datensicherheit in Form von aktuellem Code bitte nicht die Nutzerseite. Denn es bringt dir nichts, wenn deine Seite einer Burg oder Fort Knox gleicht, du aber am Eingang ein Schild, mit den Zugangsdaten, hängen hast. Das bedeutet, achte darauf, dass Administrator oder Nutzer mit hoher System-Reichweite (z.B. WooCommerce Shop-Manager) über deine Seite auch sicher Passwörter nutzen. Nutze zudem keine Standard-Namen für Administrator Konten (admin, test-admin usw.), wenn du es vermeiden kannst. Und sichere dein eigenes Konto möglichst doppelt ab, beispielsweise über eine 2-Faktor-Authentifizierung. Im Idealfall verwendest du deine Administratoren nur um Veränderungen im Backend vorzunehmen. Veröffentliche keine Beiträge als Administrator. So bleibt die Identität geheim.

Es passieren täglich viele automatisierte Versuche auf allen möglichen Seiten mit den immer gleichen Zugangsdaten. Sobald deine Seite etwas bekannter ist, merkst du das am Spam. Dieser wird dir mittels Kommentarfunktion und Kontaktformular eingesendet.

Vermeide diese einfache, aber oft übersehene Stelle und halte deine aktiven Nutzerkonten sauber. Nur so kannst du sicher sein, dass der Angreifer nicht darüber kam. Um wirklich sicherzugehen, was die Bearbeiter auf deiner Seite so gemacht haben oder wann ein Plugin aktualisiert wurde, kann dir ein Logger sicher weiterhelfen, doch dazu später mehr. Schauen wir uns lieber mal an, was so passieren kann. Denn es ist egal, ob der Angreifer sich Admin-Zugriff zu deiner Seite ist oder im Code sein Unwesen treibt. Sollte deine liebevoll aufgebaute Seite einem Angriff zum Opfer gefallen sein, solltest du dafür aufmerksam sein. Schließlich bist du dafür verantwortlich.

WordPress Rest-API und interessante Endpunkte

Die REST-API (Representational State Transfer – Application Programming Interface) ist der Motor von WordPress für die moderne Webentwicklung. Sie wurde eingeführt (und 2015 vollständig in den Core integriert), um WordPress von einem reinen CMS zu einer „Headless“ oder „Decoupled“ Anwendungsplattform zu machen.

Stell dir die API als Kellner in einem Restaurant vor:

• Das Backend (Küche): Deine WordPress-Datenbank (Beiträge, Seiten, Benutzer).
• Das Frontend (Gast): Eine mobile App (iOS/Android), eine moderne JavaScript-Website (z.B. mit React oder Vue.js) oder ein anderes externes System.
• Die REST-API (Kellner): Nimmt Anfragen vom „Gast“ entgegen (z.B. „Gib mir die 10 neuesten Beiträge“), holt die Daten aus der „Küche“ und liefert sie dem „Gast“ in einem sauberen, standardisierten Format (JSON) zurück.

Sie wird intensiv vom Block-Editor (Gutenberg) selbst, von vielen Plugins zur Datenverwaltung und eben für externe Anwendungen genutzt.

Warum existiert der /wp-json/wp/v2/users Endpunkt?

Wenn du deine Domain mit dem Anhängsel /wp-json/wp/v2/users aufrufst, erscheinen einige Meta-Informationen zu den Nutzern deiner Website. So siehst du beispielsweise, dass Maik der dritte Nutzer von deinwp.de ist und reen die ID-6 bekommen hat.

Dieser spezifische Endpunkt dient dazu, öffentliche Informationen über Benutzer abrufbar zu machen. Der Hauptgrund ist die Anzeige von Autoreninformationen.

Wenn ein Theme oder eine App einen Beitrag anzeigt, muss sie wissen, wer ihn geschrieben hat, um Dinge wie „Geschrieben von [Autorname]“, eine Autoren-Biografie oder einen Link zum Autorenarchiv anzuzeigen.

Wichtig: Standardmäßig zeigt dieser Endpunkt nicht alle Benutzer deiner Website an. Er listet nur Benutzer auf, die mindestens einen öffentlich sichtbaren Beitrag verfasst haben (also typischerweise „Autoren“, „Redakteure“ und „Administratoren“). Reine „Abonnenten“ (Subscriber) erscheinen dort normalerweise nicht. Dadurch stellt die Sichtbarkeit auch kein direktes Risiko dar.

Stellt dies ein Sicherheitsrisiko dar?

Der Endpunkt stellt ein potenzielles Risiko dar, ist aber nicht direkt gefährlich.

Das eigentliche Problem ist nicht der Endpunkt selbst, sondern die Offenlegung von gültigen Login-Namen. Wenn ein Angreifer (Bot) die API abfragt und eine Liste von Benutzernamen erhält (z.B. „admin“, „reen“, „maik“), hat er den ersten Teil eines Brute-Force-Angriffs bereits geschafft. Er muss „nur“ noch die Passwörter für diese bekannten Namen erraten.

Die Entwickler von WordPress argumentieren jedoch, dass Benutzernamen (Login-Namen) nicht als geheim angesehen werden sollten – Passwörter hingegen schon.

„Wie im Handbuch zum Melden von Sicherheitsschwachstellen angegeben, betrachten wir Benutzernamen (und damit die Existenz von Konten) nicht als privat. Ähnliches kann durch das einfache Durchsuchen der /author/{slug} Ansichten erreicht werden. Wir müssen Benutzerfreundlichkeit gegen Informationspreisgabe abwägen, und da Benutzernamen nicht als private Information gelten, gewinnt hier die Benutzerfreundlichkeit.“

Core Committer Sergey Biryukov⁴

Das Risiko entsteht fast ausschließlich dann, wenn Benutzer den identischen Login-Namen und Anzeigenamen verwenden (z.B. Login: admin, Anzeigename: admin). Die API gibt den „Slug“ (eine URL-freundliche Version des Anzeigenamens) aus. Wenn dieser mit dem Login-Namen übereinstimmt, ist der Login-Name öffentlich.

Selbst ohne die REST-API kann man Autorennamen oft erraten, indem man die Autoren-Archiv-URLs testet (z.B. domain.de/author/admin). Die API macht es für Bots nur einfacher und schneller.

Weitere Endpunkte sind beispielsweise /wp-json/wp/v2/media oder /wp/v2/themes .

Du könntest den Endpunkt für NIcht-Admins deaktivieren, solltest dir allerdings sicher sein, dass deine Plugins darauf nicht angewiesen sind.

Der sauberste Weg ist über einen kleinen Code-Schnipsel in der functions.php.

# /wp-json/wp/v2/users Endpunkt deaktivieren

add_filter( 'rest_endpoints', function( $endpoints ) {
// Nur für nicht eingeloggte Benutzer
if ( ! is_user_logged_in() ) {
// Deaktiviert die /users/ Auflistung
if ( isset( $endpoints['/wp/v2/users'] ) ) {
unset( $endpoints['/wp/v2/users'] );
}
// Deaktiviert die /users/ Einzelansicht
if ( isset( $endpoints['/wp/v2/users/(?P[\d]+)'] ) ) {
unset( $endpoints['/wp/v2/users/(?P[\d]+)'] );
}
}
return $endpoints;
});

Dieser Code prüft, ob der Besucher eingeloggt ist. Wenn nicht, entfernt er die /users-Endpunkte (die Liste und die Einzelansicht) aus der API.

Gängige Sicherheits-Plugins bieten dir eine Einstellung, um die Benutzerauflistung per REST-API zu unterbinden (wird oft als „Disable user enumeration“ oder ähnlich bezeichnet).

Wurde mein WordPress gehackt?

Hier eine kleine Auswahl, woran du erkennst, ob deine WordPress Website evtl. gerade gehackt wurde:

• Verunstaltung, ungewöhnliches Aussehen, sowie Verhalten und (Fehl-)Funktionen
• ungewollte Links, Umleitungen oder gar injizierte Werbeanzeigen
• ungewöhnlich hohes Mail-/Spam-Aufkommen (an dich oder auch an andere von deiner Seite)
• dein Administrator Zugang funktioniert nicht mehr
• deine Website ist offline, weil dein Hoster eingegriffen hat
• deine Seite wurde von der Suche ausgeschlossen
• neue Inhalte wurden erstellt, die nicht von dir stammen
• Meldungen verschiedener Monitoring-Tools

Meine Bilder werden missbräuchlich genutzt

Es kann vorkommen, dass nicht die Seite als solche angegriffen wird, sondern der Inhalt gestohlen wird. Häufig passiert dies bei Bildern. Diese könntest du mit einem Wasserzeichen schützen, du kannst die Funktion der rechten Maustaste einschränken (kein Kontextmenü zum Abspeichern), das Hotlinking verbieten oder verschiedene Copyright-Hinweise in deine Inhalte einfügen.

3-2-1 Backup-Regel

3 – Mindestens drei Kopien anfertigen
2 – Mindestens zwei unterschiedliche Speichertechnologien verwenden
1 – Mindestens eine Kopie „außer Haus“ lagern
Quelle

Allgemeine Tipps für ein sicheres WordPress

Hier folgen standardisierte Tipps, um ein sicheres WordPress zu nutzen. Also Dinge, die jeder Administrator anwenden sollte!

• nutze sicheres Hosting
• lösche ungenutzte Plugins und Themes
• update dein WordPress, sowie Plugins und Themes regelmäßig
• arbeite bzw. veröffentliche nicht als Admin
• vergib sichere Passwörter
• nutze eine Zweiphasige Authentifizierung

Spezielle Sicherheitsempfehlungen

Mit den nachfolgenden Tipps legst du die Sicherheitsstufe für deine WordPress Seite weitere Prozentpunkte nach oben.

Verzeichnisschutz für den Login-Pfad

Diese einfache und zugleich brillante Lösung bietet einen effektiven Schutz, um automatisierte Angriffe noch vor dem Versuch selbst zu verhindern und entlastet bei starken Angriffswellen auch deinen Server. Wenn deine Seite unter starken Angriffen auf den Login-Bereich leidet, ist diese Variante zu empfehlen. Du kannst bei deinem Hoster oder über die .htaccess bestimmte Verzeichnisse mit einem zusätzlichen Passwortschutz versehen. Nutze dazu den /wp-admin/ Pfad deiner Seite. Bitte beachte jedoch, dass dadurch ggf. wenige Funktionen deiner Seite im Backend beeinträchtigt sein können. Und keine Bange sollte doch mal etwas nicht klappen. Schalte dann einfach den Verzeichnisschutz ab und teste es erneut, nur so weißt du, ob es auch wirklich daran liegt. Diese Lösung ist somit für größere Seiten mit vielen Backend-Funktionen möglicherweise nicht zu empfehlen und es bleibt im Einzelfall zu testen, ob alle Funktionen auch mit dem Verzeichnisschutz auskommen.

Theme-Editor deaktivieren

Hierzu muss in der Datei wp-config.php ein Eintrag geändert werden. Konkret von „true“ auf „false“ gestellt werden.

define('DISALLOW_FILE_EDIT', true);

Warum das Ganze? Nun, sollte wirklich mal ein nicht geladender Nutzer auf das Backend deiner Seite Zuriff haben, könnte er so direkt an die Bearbeitungsfunktion der PHP-Dateien deiner Seite gelangen. Mit dieser Sperre verhinderst du dies und es gibt weniger potenzielle Schwachstellen auf deiner Seite.

WordPress-Sicherheit und das Internet

Es werden hier hauptsächlich weiterführende Links zum recht umfangreichen Thema gesammelt. 😉

Der Beitrag WordPress-Sicherheit erschien zuerst auf deinWP.de.