Updates gehören zur normalen Wartung einer Website. WordPress, Plugins, Themes und Shop-Systeme werden laufend weiterentwickelt. Sie beheben Fehler, verbessern die Kompatibilität, bringen neue Funktionen und schließen Sicherheitslücken. Eine Website ist kein fertiges Produkt, das einmal online geht und danach jahrelang unverändert läuft. Sie ist ein laufendes System. Und jedes laufende System braucht Pflege.

Das bedeutet nicht, dass du jeden Tag im Backend nachsehen musst. Aber es bedeutet, dass sich jemand regelmäßig darum kümmern sollte. Wenn du selbst keine Zeit dafür hast, ist das völlig in Ordnung. Dann solltest du diese Aufgabe an jemanden abgeben, der Updates, Backups und die technische Sicherheit deiner Website zuverlässig im Blick behält.

Denn problematisch wird es vor allem dann, wenn Updates über längere Zeit ausbleiben. Sobald eine Sicherheitslücke bekannt ist, können Angreifer gezielt nach betroffenen Websites suchen. Deine Website muss dafür weder besonders groß noch besonders bekannt sein. Was bei einem Angriff passieren kann, woran du einen Hack erkennst und warum regelmäßige Wartung so wichtig ist, schauen wir uns in diesem Artikel genauer an.

Ein Hack sieht nicht immer nach einem Hack aus

Wenn deine Website gehackt wurde, muss das nicht sofort auffallen. Vielleicht funktioniert deine Startseite weiterhin ganz normal. Vielleicht kannst du dich auch noch ganz normal ins Backend einloggen. Im Hintergrund kann trotzdem bereits einiges passiert sein.

Fremde Seiten können angelegt, Besucher auf andere Websites weitergeleitet oder die Website für Spam und Phishing genutzt werden. Auch Zugangsdaten können interessant sein. Wer beispielsweise einen Benutzernamen und ein Passwort erbeutet, versucht diese Daten unter Umständen auch bei anderen Diensten zu verwenden. Bei einem Onlineshop können zusätzlich Kundendaten, Bestellungen oder Zahlungsinformationen betroffen sein.

Manchmal geht es Angreifern aber auch gar nicht um die Website selbst. Sie nutzen deren Speicherplatz, Rechenleistung oder guten Ruf für ihre eigenen Zwecke. Oft bemerkst du einen Angriff deshalb erst später: Google warnt vor deiner Website, ein Kunde meldet eine merkwürdige Weiterleitung oder plötzlich wird über deine Website Spam verschickt.

Deshalb lässt sich auch nicht pauschal sagen, was nach einem erfolgreichen Angriff passiert. Sicher ist nur: Eine Sicherheitslücke kann deutlich mehr Folgen haben als eine nicht erreichbare Website.

Wenn Kundendaten betroffen sind

Bei einem Onlineshop geht es bei einem Angriff schnell um mehr als die Website selbst. Dort liegen schließlich auch Daten deiner Kunden: Namen, E-Mail-Adressen, Anschriften oder Bestelldaten. Gelangt ein Angreifer an diese Daten, wird aus einem technischen Problem unter Umständen auch ein Datenschutzproblem.

Dann muss geklärt werden, welche Daten betroffen sind und was mit ihnen passiert sein könnte. Je nach Art und Umfang des Vorfalls können daraus auch Pflichten nach der DSGVO entstehen, zum Beispiel gegenüber der Datenschutzaufsichtsbehörde oder den betroffenen Kunden. Deshalb gehört zu einem solchen Vorfall nicht nur die technische Bereinigung der Website. Auch die datenschutzrechtliche Seite muss geprüft werden.

Wenn das Geld plötzlich woanders landet

Bei einem Onlineshop geht es nicht nur um Kundendaten. Wenn ein Shopsystem, ein Zahlungs-Plugin oder der Checkout manipuliert wird, können auch Bestellungen und Zahlungen betroffen sein.

2026 wurde eine Sicherheitslücke in einem WooCommerce-Zahlungsplugin bekannt. Unter bestimmten Voraussetzungen konnten Angreifer Rückerstattungen auslösen und das Geld auf ein von ihnen kontrolliertes Konto umleiten. (https://nvd.nist.gov/vuln/detail/cve-2026-7862)

Auch der Checkout selbst kann manipuliert werden. Beim sogenannten „Man-in-the-Cart“-Angriff sieht für Kunden zunächst alles normal aus. Sie wählen ihre Produkte aus, gehen zur Kasse und schließen die Bestellung ab. Im entscheidenden Moment wird die Zahlung jedoch so verändert, dass das Geld nicht beim Händler, sondern beim Angreifer landet. Ein solcher Fall wurde im Zusammenhang mit einem JTL-Shop beschrieben. (https://go-ecommerce.de/news/man-in-the-cart-jtl-shop-checkout-betrug)

Wie schnell ein Zahlungsmodul zum Einfallstor werden kann, zeigen außerdem Angriffe auf die Onlineshops von asgoodasnew und Kirstein im Jahr 2026. In diesem Fall lag die Schwachstelle nach bisherigen Berichten in einem angebundenen Zahlungsmodul.(https://www.heise.de/news/IT-Einbrueche-bei-asgoodasnew-und-Kirstein-Moegliche-Angriffswelle-auf-Oxid-eShop-11199884.html)

Das zeigt: Bei einem Shop kann ein Sicherheitsproblem direkt den Zahlungsverkehr und damit den laufenden Geschäftsbetrieb betreffen. Was für Besucher wie ein normaler Bestellvorgang aussieht, kann im Hintergrund bereits manipuliert worden sein.

Wenn deine Website plötzlich für Spam genutzt wird

Angreifer müssen eine gehackte Website nicht unbedingt sichtbar verändern. Oft nutzen sie sie einfach im Hintergrund für ihre eigenen Zwecke.

Sie können zum Beispiel Spam-Inhalte einbauen, Phishing-Seiten anlegen oder Besucher auf fremde Websites weiterleiten. Für Besucher sieht das möglicherweise so aus, als gehörten diese Inhalte zu deinem Unternehmen. Damit betrifft der Angriff nicht mehr nur deine Website. Auch dein guter Ruf kann darunter leiden. Wer auf deiner Domain eine gefälschte Login-Seite oder merkwürdige Inhalte findet, bringt das zunächst mit deinem Unternehmen in Verbindung.

Und je nachdem, wofür die gehackte Website genutzt wird, kann auch deine Domain auf Sicherheitslisten landen. Dann warnen Browser oder Suchmaschinen vor deinem Internetauftritt, obwohl du den Angriff selbst gar nicht verursacht hast.

Und plötzlich kommen deine E-Mails nicht mehr an

Wird eine gehackte Website für Spam missbraucht, kann das auch den E-Mail-Verkehr beeinträchtigen. Mailserver und Spamfilter achten unter anderem darauf, welchen Ruf eine technische Umgebung hat. Wird über deine Domain plötzlich Spam verschickt, kann das deshalb Folgen haben.

E-Mails werden dann möglicherweise abgelehnt oder landen im Spam-Ordner. Und das betrifft nicht nur die Nachrichten, die ein Angreifer verschickt. Im schlimmsten Fall kommen auch deine ganz normalen E-Mails nicht mehr zuverlässig an. Eine Bestellung, eine Rechnung oder eine wichtige Nachricht an einen Kunden und sie landet nicht dort, wo sie soll.

Google kann deine Website ausbremsen

Auch Google kann auf eine gehackte Website reagieren. Werden Schadcode oder manipulierte Inhalte erkannt, kann Google Besucher warnen oder betroffene Seiten aus den Suchergebnissen entfernen. Für dich bedeutet das weniger Sichtbarkeit. Für Besucher erscheint stattdessen eine deutliche Warnung: Diese Website könnte gefährlich sein. Warum es dazu gekommen ist, sehen sie nicht. Sie sehen nur die Warnung und klicken im Zweifel nicht weiter.

Vertrauen ist schnell weg

Technische Probleme lassen sich beheben. Vertrauen ist schwieriger. Wenn Kunden auf deiner Website plötzlich fremde Inhalte sehen, weitergeleitet werden oder eine Sicherheitswarnung erhalten, fragen sie sich nicht zuerst, welches Plugin veraltet war.

Sie fragen sich: Kann ich dieser Website noch vertrauen? Gerade bei einem Onlineshop ist das wichtig. Dort geben Kunden persönliche Daten ein und bezahlen. Ein Sicherheitsvorfall kann deshalb noch lange nachwirken, auch wenn die technische Ursache längst behoben ist.

Eine Website läuft selten allein

Eine Website steht außerdem oft nicht für sich allein. Je nach Serverumgebung können auch Datenbanken, Zugänge, weitere Websites oder verbundene Systeme betroffen sein. Deshalb reicht es nicht immer, nur die sichtbare Website zu prüfen. Nach einem Angriff muss die gesamte technische Umgebung untersucht werden. Aus einer einzelnen Sicherheitslücke kann sonst schnell ein größerer Vorfall werden.

Aktuelle Fälle zeigen, wie schnell es gehen kann

Das ist keine theoretische Gefahr. 2026 wurden unter anderem Sicherheitslücken in verbreiteten WordPress-Plugins aktiv ausgenutzt.

Beim Plugin Super Forms konnten Angreifer ohne Anmeldung Dateien auf betroffenen Websites hochladen. Unter bestimmten Voraussetzungen war darunter auch ausführbarer PHP-Code. Wordfence registrierte dabei mehr als 250.000 Angriffsversuche. (https://www.wordfence.com/blog/2026/09/attackers-actively-exploiting-critical-vulnerability-in-super-forms-plugin)

Auch Elementor Pro war von einer Sicherheitslücke betroffen, über die unter bestimmten Voraussetzungen Dateien hochgeladen und eigener Code ausgeführt werden konnte. Hier wurden mehr als 190.000 Angriffsversuche blockiert. (https://www.heise.de/news/Luecke-in-WordPress-Plug-in-Elementor-Pro-6-Millionen-Webseiten-gefaehrdet-11421805.html)

Eine weitere massiv ausgenutzte Sicherheitslücke betraf das Templateframework Avada (https://www.hexnode.com/threat-watch/avada-cve-2026-18431-critical-wordpress-rce-patch-guide/)

Und auch Joomla war betroffen. Eine Schwachstelle im weit verbreiteten JCE Editor wurde ebenfalls aktiv ausgenutzt. Nicht angemeldete Angreifer konnten dabei unter bestimmten Voraussetzungen Dateien auf betroffene Websites hochladen. (https://www.joomlacontenteditor.net/news/jce-security-update-and-a-free-patch-for-older-sites) Daneben gab es noch jede Menge andere teils kritischer Sicherheitslücken in Templateframeworks und Plugins von Joomla https://djumla.dev/vel/

Beispiel einer eingeschleusten php Datei

Updates sind normale Wartung

Updates sollten deshalb nicht erst dann wichtig werden, wenn eine Sicherheitslücke Schlagzeilen macht. Sie gehören zur normalen Pflege einer Website. Dabei werden Fehler behoben, Sicherheitslücken geschlossen und die Kompatibilität verbessert. Außerdem sorgen Updates dafür, dass CMS, Plugins, Themes und andere Komponenten weiterhin zusammenspielen. Eine Website wird einmal erstellt. Aber sie ist damit nicht fertig. Sie bleibt ein laufendes System. Und ein laufendes System braucht Wartung.

Was zur Wartung gehört

Wartung bedeutet deshalb mehr als nur auf „Update“ zu klicken:

• Zugänge absichern: Sichere, einzigartige Passwörter und – wo möglich – Zwei-Faktor-Authentifizierung verwenden.
• CMS aktuell halten: WordPress, Joomla oder das eingesetzte System regelmäßig aktualisieren.
• Plugins, Extensions und Themes prüfen: Nicht jede Erweiterung bleibt automatisch kompatibel oder sicher.
• Unnötige Komponenten entfernen: Was nicht gebraucht wird, muss auch keine zusätzliche Angriffsfläche bieten.
• Backups erstellen und testen: Ein Backup hilft nur, wenn es vorhanden ist und sich die Website damit tatsächlich wiederherstellen lässt.
• Änderungen kontrollieren: Unbekannte Benutzer, Dateien oder ungewöhnliche Login-Aktivitäten sollten geprüft werden.

Und wenn die Website bereits gehackt wurde?

Dann reicht es normalerweise nicht, einfach die auffällige Datei zu löschen.

Zuerst muss geklärt werden:

• Wie ist der Angreifer hineingekommen?
• Was wurde verändert?
• Welche Bereiche sind betroffen?
• Gibt es weitere manipulierte Dateien oder versteckte Zugänge?

Mögliche Hinweise sind unbekannte Dateien, neue Benutzerkonten, Veränderungen an PHP-Dateien, Weiterleitungen, unerwartete Shop-Änderungen oder ungewöhnliche Server- und Login-Aktivitäten. Das Schwierige dabei: Nicht alles, was ein Angreifer hinterlässt, ist auf den ersten Blick sichtbar.

Eine einzelne Datei zu löschen, kann deshalb zwar das sichtbare Problem beseitigen – aber nicht unbedingt die Ursache. Nach einem Angriff sollte die Website gründlich untersucht und anschließend vollständig bereinigt oder aus einem sauberen Backup wiederhergestellt werden.

Wenn dir die Zeit für Wartung fehlt

Du musst dich um diese Aufgaben nicht zwingend selbst kümmern. Aber jemand sollte sie zuverlässig übernehmen.

Wenn dir im Alltag die Zeit für Updates, Backups und Sicherheitsprüfungen fehlt, kannst du diese Aufgaben abgeben. Mit unserem Managed-WordPress-Wartungsvertrag (https://www.gn2.de/managed-hosting/) übernehmen wir die laufende technische Betreuung deiner WordPress-Site, inklusive regelmäßiger Updates und Backups. Denn Wartung bedeutet nicht, ständig etwas an deiner Website verändern zu müssen. Wartung bedeutet vor allem, dafür zu sorgen, dass sie aktuell, funktionsfähig und technisch betreut bleibt. Und wenn dabei eine bekannte Sicherheitslücke geschlossen wird, ist das kein Sonderfall.

Das ist schlicht gute Wartung.

Vielleicht interessiert Dich noch folgendes?

WordPress: So kannst du automatische Updates deaktivieren

Weiterlesen

Aktualisierung fehlgeschlagen. Du bist wahrscheinlich offline

Weiterlesen

WordPress Export / Import / Backup mit All-in-One WP Migration

Weiterlesen

Der Beitrag Website-Sicherheit: Warum regelmäßige Updates unverzichtbar sind erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Formularfelder eindeutig beschriften

Viele Formulare setzen ausschließlich auf Platzhaltertexte innerhalb der Eingabefelder. Das kann schnell zu Problemen führen, da die Hinweise nach der ersten Eingabe verschwinden. Besser ist es, jedes Feld mit einer dauerhaft sichtbaren Beschriftung zu versehen. Das erleichtert die Bedienung, verbessert die Orientierung und sorgt dafür, dass Hilfstechnologien die einzelnen Formularfelder korrekt erfassen können.

Beispiel: Eindeutige Feldbeschriftungen und klar gekennzeichnete Pflichtfelder verbessern die Nutzbarkeit von Formularen.

Beschriftungen auch technisch hinterlegen

Sichtbare Feldbeschriftungen allein reichen jedoch nicht aus. Damit Hilfstechnologien die Beschriftung einem Formularfeld eindeutig zuordnen können, muss die Verknüpfung auch technisch korrekt erfolgen. Dafür wird in HTML das label-Element verwendet. Moderne Formular-Erweiterungen für WordPress übernehmen diese Zuordnung meist automatisch. Probleme entstehen häufig erst durch individuelle Anpassungen oder selbst entwickelte Formulare. Prüfe deshalb insbesondere bei angepassten Formularen, ob Beschriftungen und Eingabefelder korrekt miteinander verknüpft sind.

Weiterführende Informationen zur barrierearmen Gestaltung kannst du hier nachlesen: Portal Barrierefreiheit des Bundes

Pflichtfelder klar kennzeichnen

Nutzer sollten bereits vor dem Ausfüllen erkennen können, welche Angaben erforderlich sind. Werden Pflichtfelder nicht eindeutig gekennzeichnet, führt das häufig zu unnötigen Fehlermeldungen und zusätzlichem Aufwand. Ein Sternchen ist zwar weit verbreitet, sollte jedoch erklärt werden. Ein kurzer Hinweis wie „* kennzeichnet Pflichtfelder“ schafft Klarheit und verbessert die Orientierung innerhalb des Formulars.

Gut umgesetzt:

• Vorname *
• E-Mail-Adresse *
• Telefonnummer (optional)

Oder:

• Vorname (Pflichtfeld)
• E-Mail-Adresse (Pflichtfeld)
• Unternehmen (optional)

Bei längeren Formularen kann es zudem sinnvoll sein, optionale Felder explizit als „optional“ zu kennzeichnen. Nutzer erkennen dadurch sofort, welche Angaben zwingend erforderlich sind und welche nicht.

Verständliche Fehlermeldungen anzeigen

Selbst bei gut gestalteten Formularen lassen sich Eingabefehler nicht immer vermeiden. Umso wichtiger ist es, dass Fehlermeldungen verständlich formuliert sind und Nutzern direkt zeigen, wie sie das Problem beheben können.

Wenig hilfreiche Fehlermeldungen sind beispielsweise:

• „Eingabe ungültig“
• „Fehler im Formular“
• „Ungültiger Wert“

Solche Meldungen nennen zwar das Problem, liefern aber keine konkrete Lösung.

Besser sind Hinweise wie:

• „Bitte gib eine gültige E-Mail-Adresse ein.“
• „Dieses Feld darf nicht leer sein.“
• „Die Telefonnummer darf nur Zahlen enthalten.“

Fehlermeldungen sollten zudem möglichst direkt am betroffenen Feld angezeigt werden. So erkennen Nutzer sofort, welche Eingabe korrigiert werden muss. Wichtig ist außerdem, Fehler nicht ausschließlich durch Farben zu kennzeichnen. Eine rote Umrandung kann hilfreich sein, sollte jedoch immer durch einen verständlichen Hinweis ergänzt werden.

Formulare mit der Tastatur bedienbar machen

Nicht alle Nutzer bedienen eine Website mit der Maus. Deshalb sollten sich Formulare vollständig mit der Tastatur ausfüllen lassen.

Prüfe insbesondere, ob alle Formularfelder über die Tabulatortaste erreichbar sind und die Reihenfolge der Felder logisch aufgebaut ist. Nutzer sollten außerdem jederzeit erkennen können, welches Feld aktuell ausgewählt ist. Eine sichtbare Hervorhebung des aktiven Elements erleichtert die Orientierung und verhindert Fehleingaben.

Besondere Aufmerksamkeit erfordern individuelle Elemente wie Kalenderauswahlen, Dropdown-Menüs oder Kontrollkästchen. Hier kommt es häufig vor, dass die Bedienung mit der Tastatur nur eingeschränkt oder gar nicht möglich ist. Ein einfacher Praxistest genügt oft schon: Versuche, das gesamte Formular ausschließlich mit der Tabulatortaste auszufüllen. Funktioniert das problemlos, ist bereits eine wichtige Voraussetzung für barrierearme Formulare erfüllt.

Eingaben auf Smartphones erleichtern

Formulare sollten nicht nur am Desktop komfortabel nutzbar sein. Auch auf Smartphones können kleine Anpassungen die Eingabe deutlich erleichtern.

Dazu gehört beispielsweise die Verwendung passender Eingabefelder für E-Mail-Adressen, Telefonnummern oder Webseiten. Moderne Smartphones zeigen abhängig vom Feldtyp automatisch die passende Tastatur an. Nutzer können ihre Angaben dadurch schneller und fehlerfreier eingeben.

Prüfe außerdem, ob Schaltflächen und Formularfelder ausreichend groß dargestellt werden. Zu kleine Bedienelemente erschweren die Nutzung auf Touchscreens und können zu Fehleingaben führen.

Formulare vor der Veröffentlichung testen

Auch technisch sauber umgesetzte Formulare sollten vor der Veröffentlichung getestet werden. Oft fallen Probleme erst auf, wenn das Formular unter realen Bedingungen genutzt wird.

Ein einfacher Tastaturtest liefert bereits wertvolle Erkenntnisse. Lässt sich das Formular vollständig über die Tabulatortaste bedienen und ist jederzeit erkennbar, welches Feld aktuell ausgewählt ist, wurde eine wichtige Voraussetzung erfüllt.

Zusätzlich empfiehlt sich ein Test mit vergrößerter Ansicht. Vergrößere die Seite im Browser auf 200 Prozent und prüfe, ob alle Inhalte weiterhin lesbar sind und sich problemlos bedienen lassen.

Wer noch einen Schritt weitergehen möchte, kann das Formular mit einem Bildschirmleseprogramm testen. So lässt sich schnell feststellen, ob Feldbeschriftungen, Hinweise und Fehlermeldungen korrekt ausgegeben werden.

Bereits diese einfachen Prüfungen helfen dabei, viele typische Barrieren frühzeitig zu erkennen und zu beheben.

Viele typische Barrieren in Formularen lassen sich bereits während der Erstellung vermeiden. Mit den richtigen Einstellungen und einer sorgfältigen Prüfung vor der Veröffentlichung sorgst du dafür, dass möglichst alle Nutzer dein Formular problemlos verwenden können.

Wenn du Unterstützung bei der Umsetzung barrierearmer Formulare in WordPress benötigst, freuen wir uns auf deine Nachricht.

Vielleicht interessiert Dich auch folgendes?

Wissenswertes zum Thema WordPress-Shortcodes

Weiterlesen

WordPress 6.2 „Dolphy“ steht zum Download bereit

Weiterlesen

Duplicator Anleitung – WordPress umziehen leichtgemacht (2024)

Weiterlesen

Der Beitrag Barrierearme Formulare in WordPress erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Der SMTP-Mailversand kann über ein Plugin eingerichtet werden. Bei gn2 setzen wir hierfür standardmäßig das Plugin WP Mail SMTP ein. Es ersetzt die PHP-Funktion mail() durch einen SMTP-Versand und bietet eine übersichtliche Konfigurationsoberfläche im WordPress-Backend.

Die SMTP-Einstellungen werden dabei unabhängig vom verwendeten Theme gespeichert und bleiben somit auch bei Theme-Wechseln oder Updates erhalten. Zusätzlich ermöglicht das Plugin eine einfache Überprüfung des Mailversands.

Wie bei allen Plugins gilt auch hier: Der Einsatz sollte bewusst erfolgen und das Plugin regelmäßig aktualisiert werden.

• Download des Plugins: https://de.wordpress.org/plugins/wp-mail-smtp/
• Videoanleitung der Einrichtung: https://www.youtube.com/watch?v=QYJuPyiKKZc

Alternative für alle, die kein Plugin verwenden wollen

Für den Mailversand nutzt WordPress die PHP-Funktion mail(). Dies ermöglicht einen einfachen Mailversand für Admin-Benachrichtigungen oder den Versand von Mails über Kontaktformulare. Dies hat jedoch auch Nachteile. Unter anderem landen die so versendeten Mails bei vielen Mailanbietern im Spam-Ordner der Empfänger.

Abhilfe kann hier der Mailversand via SMTP sein. Also über einen „echten Mailserver“. Für WordPress gibt es viele Plugins, die die Umstellung des Mailversands auf SMTP vereinfachen. Die Sache bei Plugins ist, wenn diese nicht sicher programmiert sind, stellen sie eine Gefahr für die WordPress-Installation dar. Deshalb sind (wenn möglich) schlanke Lösungen zu bevorzugen. Wer Zugriff auf die functions.php seines Templates hat, kann die Umstellung auf SMTP mit ein paar einfachen Codezeilen umsetzen.

Durch Hinzufügen von

function smtp_email( $phpmailer ) {
$phpmailer->isSMTP();
$phpmailer->Username = 'SMTP-Benutzername';
$phpmailer->Password = 'SMTP-Passwort';
$phpmailer->From = 'Absender-Mailadresse';
$phpmailer->FromName = 'Absender-Name';
$phpmailer->Host = 'Mailserver-Adresse';
$phpmailer->SMTPAuth = true; // Authentifizierung nötig? true = ja, false = nein
$phpmailer->Port = 'SMTP-Port'; // Mögliche Ports 25,465.587
$phpmailer->SMTPSecure = 'tls'; // Art der Verschlüsselung ssl, tls auch bei STARTTLS
$phpmailer->charSet = 'UTF-8';
}
add_action( 'phpmailer_init', 'smtp_email' );

in die functions.php des aktivierten Themes stellt man den Mailversand auf SMTP um.

Diese Zeilen müssen jedoch bei einem Wechsel des Themes in dessen functions.php erneut hinzugefügt werden. Zudem können diese Zeilen nach einem Theme-Update verloren gehen. Davor kann man sich schützen, wenn man ein Child-Theme erstellt. Hierzu gibt es ausreichend Anleitungen im Netz.

Falls du Hilfe bei der Einrichtung benötigst, melde dich gern bei uns, wir helfen dir gern weiter.

Der Beitrag WordPress: E-Mail-Versand via SMTP erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

• mit FTP-Zugriff manuell zum eigenen Rechner
• mit SSH über ein selbst geschriebenes Shell-Script auf dem Server, welches dann per Cron-Job angestoßen wird oder auch
• über eins der vielen Backup-Plugins für WordPress.

Es macht aus verschiedenen Überlegungen heraus keinen Sinn, das Backup auf dem eigenen Server abzulegen – und hier wird es schwierig für die WordPress-Backup-Plugins: Integrationen für die Ablage der Backup-Dateien auf Cloud-Diensten erfordern durch die Bank weg die Pro-Versionen dieser Plugins. Dabei ist vor dem Kauf noch nicht immer klar, ob Nextcloud überhaupt unterstützt wird.

Dabei sind solche Backups direkt aus der Serververwaltung bei gn2 über die dort installierte Software restic problemlos mit wenigen Klicks möglich.

Mit lediglich zwei Schritten ist die Einrichtung perfekt und sowohl das Backup als auch die Rücksicherung von Nextcloud auf den WordPress-Server funktionieren stabil:

Einrichtung eines Repositories auf der Nextcloud

Zunächst muss ein Repository festgelegt werden. Um das zu tun, benutzt man den Button „Repository-Verwaltung“

Dieses Repository braucht einen selbstvergebenen Namen und ein Passwort, das möglichst unabhängig vom Nextcloud-Zugang ist.

Nun muss noch die Anzahl der Snapshots, also Sicherungen (Backups) festgelegt werden. Je größer dieser Wert ist, desto mehr Speicher wird auf der Nextcloud verbraucht. Wenn also eine tägliche Sicherung festgelegt wird mit zehn Snapshots wie hier im Beispiel, könnte man bis auf einen Stand von vor zehn Tagen rücksichern.

Weiter unten auf der gleichen Seite werden die Speicher-Einstellungen festgelegt. Da Nextcloud im Popout-Menü des Speichertyps nicht konfigurierbar ist, entscheiden wir uns für WebDAV, was auch von Nextcloud unterstützt wird und absolut stabil läuft.

Des weiteren muss die WebDAV URL eingegeben werden, die im Falle von Nextcloud diesen Konventionen entspricht. Dabei sollte beispiel.de durch die eigene Nextcloud-URL ersetzt werden:

https://beispiel.de/remote.php/webdav/

Für die ebenfalls zu hinterlegenden Zugangsdaten legt man am besten in der Nextcloud ggf. einen eigenen Benutzer an. Die Daten dieses Backups müssen nicht mit anderen Benutzern geteilt werden, weil die Rücksicherung letztlich auch wieder über die gn2-Serververwaltung passiert.

Nun muss nur noch ein Verzeichnis angegeben werden, in das die Dateien gesichert werden sollen. Hier im Beispiel ist das der Ordner /SIK_WP-NX/, der für den neuen Benutzer website.sik in dessen Hauptverzeichnis angelegt wird. Innerhalb dieses Verzeichnisses werden durch restic mehrere Unterverzeichnisse während des Backups angelegt.

Nun ist unser Repository fertig angelegt.

Regelmäßige Backups planen

Im zweiten und letzten Schritt planen wir regelmäßige Backups. Dazu bedarf es einen Klicks auf den Button „Regelmäßige Backups planen“ in der Backup-Übersicht der Serververwaltung. Hier müssen wir zunächst einen „Backup-Zeitplan hinzufügen“.

Das Formular ist selbsterklärend: Hier wird der Job auf „aktiv“ gesetzt, festgelegt, in welchen Intervallen eine Sicherung stattfinden soll (möglichst zu Zeiten, wenn die WordPress-Seite nicht mit Besuchern überlastet ist) und keine anderen Arbeiten anstehen. „Zurück zur Übersicht“ leitet auf die Liste der möglicherweise unterschiedlich geplanten Backups. Von dort aus kann die Sicherung auch manuell angestossen werden um zu schauen, ob wirklich Dateien im Zielordner auf der Nextcloud ankommen.

Der Beitrag WordPress Backups in der eigenen Nextcloud sichern erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Barrierearmut ist wichtig – aber oft komplex. Nicht jeder kann oder will sich tief in das Thema einarbeiten.

Genau hier kommt Sa11y ins Spiel: ein einfaches Tool zur Selbsthilfe, das dir zeigt, wo es Probleme gibt – und wie du sie beheben kannst.

Sa11y funktioniert nicht nur in WordPress, sondern auch in anderen Systemen. Das Plugin selbst verändert nichts an deiner Seite, sondern markiert lediglich Problemstellen. Falls Barrierearmut durch Kontraste, Schriftgrößen oder andere Designaspekte beeinträchtigt ist, sind nach der Analyse CSS-Anpassungen nötig, um das Design und die Funktionalität zu optimieren.

Wie Sa11y dir Helfen kann

Sa11y ist ein kostenloses Open-Source-Tool, das mehr als 80 Barrierefreiheitsaspekte prüft. Es zeigt dir direkt in der Bearbeitungsansicht, wo es hakt, und gibt dir konkrete Tipps zur Verbesserung.

So nutzt du Sa11y in WordPress

Installation und Aktivierung

1. Gehe in deinem WordPress-Dashboard zu „Plugins > Installieren“
2. Suche nach „Sa11y“
3. Klicke auf „Installieren“ und dann auf „Aktivieren“

Was prüft Sa11y?

Sa11y checkt unter anderem:

• Farbkontraste: Ist der Text gut lesbar?
• Alt-Texte für Bilder: Haben alle Bilder eine Beschreibung?
• Tastaturzugänglichkeit: Kann die Seite ohne Maus genutzt werden?
• HTML-Struktur: Sind Überschriften korrekt verschachtelt?
• Links ohne Text: Gibt es Links, die nur aus Icons bestehen?
• Textgröße & Skalierbarkeit: Ist alles gut lesbar und anpassbar?
• Fehlerhafte Formulare: Sind Labels und Fehlermeldungen vorhanden?
• Navigationsprobleme: Ist die Steuerung logisch und einfach?
• Blocksatz: Gibt es schwer lesbare Absätze?

CSS-Anpassungen für bessere Barrierearmut

Sa11y zeigt nur auf, wo Probleme bestehen – es nimmt keine Änderungen an deiner Seite vor. Falls das Tool Probleme wie schwache Kontraste, zu kleine Schrift oder unklare Fokus-Stile meldet, kannst du dein CSS entsprechend anpassen, z. B.:

• Farbanpassungen: Kontraste verbessern
• Schriftgrößen optimieren: Lesbarkeit erhöhen
• Abstände anpassen: Übersichtlichkeit verbessern
• Fokus-Stile: Klare Hervorhebung interaktiver Elemente

Deine Vorteile mit Sa11y

• Einfache Bedienung: Direkt in WordPress sichtbar
• Automatische Prüfungen: Über 80 Tests
• Anpassbar: du entscheidest, was geprüft wird
• Kostenlos & Open Source: Keine versteckten Kosten
• Mehrsprachig: Auch auf Deutsch verfügbar
• Datenschutzfreundlich: Keine Datensammlung
• Multisite-Unterstützung: Funktioniert in WordPress-Netzwerken

Mit Sa11y machst du deine Website für alle zugänglicher.

Wichtiges zum Weiterlesen

• https://sa11y.netlify.app/plugins/wordpress/
• https://de.wordpress.org/plugins/sa11y/
• https://github.com/ryersondmp/sa11y/releases

Vielleicht interessiert Dich noch folgendes?

WordPress: So kannst du automatische Updates deaktivieren

Weiterlesen

Borlabs Cookie: Eine einfache Anleitung (2024)

Weiterlesen

So machst du deine Website bekannt: Tipps und Ideen für mehr Reichweite

Weiterlesen

Der Beitrag Sa11y: Barrierearmut deiner Website verbessern erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Es gibt mehrere Möglichkeiten, diese Dateien gezielt von der Indexierung auszuschließen:

robots.txt-Datei anpassen

Um alle PDFs von der Indexierung auszuschließen, kannst du in deiner robots.txt folgende Zeile hinzufügen:

User-agent: *
Disallow: /*.pdf$

• User-agent: *:
  • Diese Anweisung gilt für alle Suchmaschinen-Crawler (z.B. Googlebot, Bingbot). Das * ist ein Platzhalter für alle Crawler.
• Disallow: /*.pdf$:
  • Diese Anweisung sagt den Crawlern, dass sie alle URLs, die auf .pdf enden, nicht durchsuchen und indexieren sollen.
  • Der Teil /*.pdf bedeutet, dass jede Datei mit der Endung .pdf betroffen ist.
  • Das $-Zeichen stellt sicher, dass die Regel nur auf URLs zutrifft, die genau mit .pdf enden.

Erklärung

• https://meineseite.de/dokument.pdf → Wird nicht indexiert.
• https://meineseite.de/ordner/datei.pdf → Wird nicht indexiert.
• https://meineseite.de/download?file=dokument.pdf → Wird ebenfalls nicht indexiert.

Separaten Ordner für PDF-Dateien nutzen

Lege alle PDF-Dateien, die nur über den Newsletter geteilt werden, in einen eigenen Ordner, z.B. /wp-content/uploads/newsletter-pdfs/.

Füge dann folgende Regel in deine robots.txt ein:

User-agent: *
Disallow: /wp-content/uploads/newsletter-pdfs/

Damit stellst du sicher, dass nur die Dateien in diesem Ordner von Suchmaschinen ignoriert werden.

PDFs per .htaccess von der Indexierung ausschließen

du kannst den Zugriff auf PDF-Dateien für Suchmaschinen verhindern, indem du HTTP-Header mit der X-Robots-Tag-Anweisung in der .htaccess-Datei hinzufügst. Diese Methode weist den Crawlern an, die Dateien nicht zu indexieren.

# BLOCKIEREN VON PDF-INDEXIERUNG DURCH SUCHMASCHINEN
<IfModule mod_headers.c>
    <FilesMatch "\.pdf$">
        Header set X-Robots-Tag "noindex, nofollow"
    </FilesMatch>
</IfModule>

Erklärung der Änderungen:

• <IfModule mod_headers.c>: Überprüft, ob das Modul mod_headers geladen ist, bevor die Header gesetzt werden.
• <FilesMatch „\.pdf$“>: Diese Regel wird auf alle Dateien angewendet, die mit .pdf enden.
• Header set X-Robots-Tag „noindex, nofollow“: Fügt einen HTTP-Header hinzu, der Suchmaschinen-Crawler anweist, diese PDF-Dateien nicht zu indexieren.

Nachdem du diese Änderungen in deine .htaccess eingefügt hast, wird der HTTP-Header X-Robots-Tag für alle PDF-Dateien gesetzt, was dazu führt, dass Suchmaschinen diese nicht indexieren.

Vielleicht interessiert Dich auch folgendes?

Probleme bei WordPressupdate: cURL error 60 SSL certificate problem certificate has expired

Weiterlesen

Der Beitrag Quicktipp: So verhinderst du die Indexierung von PDFs erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

SEO ist eine Kombination aus Technik, Kreativität und Strategie. Werkzeuge sind hilfreich, aber sie können das menschliche Element nicht ersetzen.

Was sind Rank Math und Yoast SEO?

Rank Math ist das jüngere Plugin im SEO-Spiel, das 2018 auf den Markt kam. Entwickelt von MyThemeShop, dem Team hinter vielen bekannten WordPress-Tools, hat es sich schnell einen Namen gemacht. Rank Math bietet dir eine Vielzahl übersichtlicher SEO-Funktionen, mit denen du deine Website einfach und unkompliziert optimieren kannst. Dank seiner klaren Struktur und praktischen Integrationen hilft dir Rank Math, den Überblick über alle SEO-Aspekte zu behalten, ohne dass du dich in komplizierte Einstellungen einarbeiten musst. Du kannst Rank Math direkt über das WordPress-Plugin-Verzeichnis installieren oder von der offiziellen Website herunterladen.

Yoast SEO gibt es schon seit 2008 und hat sich schnell zum unverzichtbaren Tool für viele WordPress-Nutzer entwickelt, die ihre Websites für Suchmaschinen optimieren möchten. Es ist das „Go-To“-Plugin, da eine riesige Community zahlreiche Tutorials und Support bereitstellt, falls du mal nicht weiter weißt.

Die Benutzeroberfläche ist intuitiv und einsteigerfreundlich, was die Einarbeitung erleichtert. Allerdings hat die kostenlose Version ihre Grenzen. Wer erweiterte Funktionen und Tools möchte, muss zur Premium-Version greifen.

Lass uns die beiden Plugins vergleichen

Hier sind einige wichtige Funktionen, die dir helfen, die richtige Wahl zu treffen:

Einrichtungsassistent von Rank Math

Wenn es darum geht, dein SEO-Plugin einzurichten, stehen dir die Einrichtungsassistenten von Rank Math und Yoast SEO zur Seite.

Rank Math ist wie ein SUV voller Extras. Die Einrichtung läuft wie geschmiert – klicke einfach auf „Weiter“ und lass Rank Math die ganze Technik für dich erledigen. Wenn du den Advanced Mode wählst, steht dir die volle Palette an Funktionen zur Verfügung.

Rank Math: Funktionen und Anpassungsmöglichkeiten

Das Beste an Rank Math ist, dass du die Module nach deinen Bedürfnissen aktivieren oder deaktivieren kannst. Brauchst du das 404-Monitor-Modul nicht? Kein Problem, du kannst es einfach ausschalten! Das ermöglicht dir, dein SEO-Tool genau auf deine Anforderungen abzustimmen.

Einrichtungsassistent von Yoast SEO

Yoast SEO hingegen ist der kompakte und zuverlässige Begleiter. Die Benutzeroberfläche ist klar und einfach, sodass du Schritt für Schritt durch die notwendigen Einstellungen geführt wirst. Mit direkten Fragen zu deinem Website-Zweck bringt dich Yoast schnell auf den richtigen Weg.

Gegenüberstellung Rich Snippets / Schema-Generator

Gegenüberstellung: FAQ-Block

Inhaltsoptimierung mit Rank Math und Yoast SEO

Um im Online-Dschungel sichtbar zu bleiben, reicht es nicht, nur gute Inhalte zu schreiben. Inhaltsoptimierung ist entscheidend, um sicherzustellen, dass deine Texte bei Suchmaschinen und Lesern punkten. Mit den Tools von Yoast SEO und Rank Math kannst du gezielte Anpassungen vornehmen. Lass uns die Funktionen anschauen, die dir dabei helfen.

Weitere Vorteile von Math Rank

• Link Vorschläge: Während du Inhalte verfasst, macht dir Rank Math Vorschläge für interne Links, die du einfügen kannst.
• HTML Sitemap: Neben der XML-Sitemap kannst du auch eine HTML-Sitemap erstellen, die für deine Besucher nützlich ist.
• Inhaltsverzeichnis für Beiträge: Automatisch ein Inhaltsverzeichnis für längere Beiträge erstellen lassen.
• Google Search Console Integration: du kannst Daten aus der Google Search Console direkt in WordPress einsehen, ohne die Plattform wechseln zu müssen.
• Elementor Integration: Die SEO-Einstellungen lassen sich direkt im Elementor Page Builder anpassen.
• Content AI: Die KI gibt dir Vorschläge zur Verbesserung deiner Inhalte, einschließlich Textlänge und nützlicher Links.
• Performance: Rank Math kann die Ladezeiten deiner Seite verbessern, was vor allem beim Wechsel von anderen Plugins spürbar sein kann.

Diese Funktionen sollen dir dabei helfen, deine Website effektiver zu optimieren, ohne dass du viele verschiedene Tools nutzen musst.

Vorteile Rank Math Pro

• Erweiterte Google Analytics 4-Integration
• Keyword-Rank-Tracker
• Sprechendes Schema (unterstützt Sprachassistenten)
• WooCommerce SEO PRO
• Bilder SEO PRO
• Cookieless Google Analytics Tracking

Falls du weiterführende Infos dazu brauchst, kannst du gerne mal in der Vergleichstabelle hier schauen.

Community und Support

Rank Math: Die Community wächst schnell und der Support ist aktiv. Du kannst deine Fragen im Support-Ticket-System stellen oder dich in sozialen Medien umsehen, wo du auf eine engagierte Nutzerbasis triffst, die bereit ist, ihre Erfahrungen zu teilen.
Yoast SEO: Mit einer langen Geschichte und einer großen Benutzerbasis findest du eine Fülle von Ressourcen, Tutorials und Foren.

Weiterführende Links

• https://rankmath.com/de/
• https://yoast.com/wordpress/plugins/seo/
• https://wordpress.org/plugins/seo-by-rank-math/
• https://www.youtube.com/RankMath

Die Verwendung von SEO-Tools ist wie das Fahren eines Autos – sie helfen dir, schneller voranzukommen, aber nur, wenn du weißt, wohin du willst.

FAQ: Rank Math vs. Yoast SEO

Abschließende Gedanken

Die Entscheidung zwischen Rank Math und Yoast SEO hängt letztlich von deinen individuellen Bedürfnissen ab. Wenn du ein modernes, anpassbares Tool mit zahlreichen kostenlosen Funktionen suchst, könnte Rank Math genau das Richtige für dich sein. Setzt du jedoch auf eine bewährte Lösung, die einfach zu bedienen ist und von einer großen Community unterstützt wird, ist Yoast SEO eine solide Wahl.

Vielleicht interessiert Dich auch folgendes?

Better Search Replace – schnell WordPress Daten ersetzen

Weiterlesen

WordPress 6.3 veröffentlicht – Welche Änderungen erwarten dich?

Weiterlesen

Probleme bei WordPressupdate: cURL error 60 SSL certificate problem certificate has expired

Weiterlesen

Der Beitrag Yoast SEO vs. Rank Math SEO: Welches Tool passt besser zu deiner SEO-Strategie? (2024) erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Hier kommt das Astra Theme ins Spiel. Dieses Theme bietet dir eine Vielzahl von Möglichkeiten, deine Website nach deinen Wünschen zu verändern. Egal, ob du das Layout ändern, Farben und Schriften austauschen oder spezielle Zusatzfunktionen integrieren möchtest – Astra macht es dir leicht. In diesem Beitrag zeigen wir dir, wie du das WordPress Theme installierst und optimal einstellst, damit deine Website nicht nur gut aussieht, sondern auch gut läuft.

Was ist das Astra Theme?

Aktuell gehört das Astra Theme zu den drei beliebtesten WordPress-Themes auf dem Markt (https://de.wordpress.org/themes/). Seine Beliebtheit ist kein Zufall: Astra bietet eine hervorragende Kombination aus Performance, Flexibilität und Benutzerfreundlichkeit.

Astra hebt sich durch seine Geschwindigkeit hervor, da es zu den schnellsten WordPress-Themes gehört. Dies bedeutet, dass deine Website blitzschnell geladen wird, was entscheidend für die Benutzererfahrung und Suchmaschinen-Rankings ist.

Astra überzeugt durch seine Geschwindigkeit, die auf einem schlanken und gut strukturierten Code basiert. Im Gegensatz zu vielen anderen Premium-Themes, die oft unnötigen Ballast mitbringen, setzt Astra auf Vanilla JavaScript anstelle von jQuery, was die Ladezeiten verkürzt. Die Pro-Version von Astra ermöglicht zudem eine modulare Aktivierung und Deaktivierung von Funktionen. Das bedeutet, dass nur die tatsächlich benötigten Elemente geladen werden, was die Performance weiter verbessert.

Auch bei uns in der Agentur ist Astra ein echter Favorit. Für uns ist eine schnelle Ladezeit und ein sauberer Quellcode unerlässlich. Daher setzen wir für unsere eigenen Projekte sowie für Kundenprojekte auf Astra. Denn die mühelose Anpassbarkeit und die nahtlose Integration mit Page Buildern und WooCommerce machen es zu einer verlässlichen Wahl für fast jede Art von Webprojekt.

Installation des WordPress Themes

Um das Astra Theme zu installieren, gehe einfach in deinem WordPress-Dashboard zu Design > Themes, suche nach „Astra„, installiere und aktiviere es – schon kannst du loslegen.

Astra Theme Customizer: So passt du deine Website an

Der Customizer ist das zentrale Werkzeug von Astra, wenn es darum geht, das Design deiner Website anzupassen. Hier kannst du Layout, Farben, Schriften und vieles mehr mit ganz viel Liebe zum Detail nach deinen Wünschen gestalten – und das Beste daran: du siehst die Änderungen sofort live, bevor du sie speicherst. So behältst du die volle Kontrolle über das Erscheinungsbild deiner Seite und kannst ganz entspannt deinen Ideen freien Lauf lassen.

Zugriff auf den Customizer

Um den Customizer zu öffnen, navigiere in deinem WordPress-Dashboard zu Astra > Customizer. Hier findest du alle wichtigen Einstellungen, um das Design deiner Website genau nach deinen Vorstellungen zu gestalten – ganz ohne Code.

Der Astra Customizer bietet, auch in der kostenlosen Version bereits viele tolle Optionen, mit denen du deine Website ganz nach deinen Wünschen anpassen kannst. Hier möchten wir dir gerne die wichtigsten Funktionen vorstellen und dir ein paar Tipps geben, wie du sie optimal nutzen kannst:

du kannst das grundlegende Site-Layout (Customizing ▸ Container) deiner Seiten und Beiträge, die Farbgestaltung und die Typografie anpassen.

Design und Layout im Astra Style Guide ändern:

Typografie

du legst fest, welche Schriftarten, -größen und -stile auf deiner gesamten Website verwendet werden. Dadurch sehen Überschriften, Absätze und andere Textelemente überall einheitlich und professionell aus.

Farben

Eine globale Farbpalette sorgt dafür, dass deine Website visuell stimmig bleibt. Wenn du im Style Guide die Farben änderst, wird das automatisch auf alle Elemente angewendet, die diese Farben nutzen – so sparst du Zeit und behältst die Kontrolle.

Buttons und Schaltflächen

Ein einheitliches Design für Buttons, inklusive Farbgebung, Abständen und Typografie, sorgt dafür, dass alle interaktiven Elemente wie „Call-to-Action“-Buttons immer gleich aussehen und optimal zu deiner Seite passen.

Header-Anpassungen

In der kostenlosen Version von Astra kannst du den Header recht einfach anpassen: du kannst das Logo platzieren, das Menü strukturieren und grundlegende Layout-Optionen wählen. Mit Astra Pro hast du noch umfangreichere Optionen.

Starter-Templates

Die kostenlose Version von Astra bringt zahlreiche Starter-Templates mit, die dir helfen, eine ansprechende Website im Handumdrehen zu erstellen. Link: https://wpastra.com/website-templates

Funktionen von Astra Free im Überblick

• Design-Anpassungen: Layout, Farben, Header und Typografie
• WooCommerce-Kompatibilität: Grundlegende Funktionen, keine Pro-Features
• Starter-Templates: 60 kostenlose Vorlagen
• Google Fonts lokal: Schnellere Ladezeiten, DSGVO-konform
• Link: https://wpastra.com/features/

Funktionen von Astra Pro im Überblick

• Mehr Header-Optionen: Sticky Header, transparente Header, zusätzliche Header-Abschnitte und verschiedene Designoptionen.
• Erweiterte Layouts: Boxed, Full-Width, Padded, Fluid Layouts – du kannst die Seitenlayouts flexibel anpassen.
• Bessere Typografie: Zugriff auf 800+ Google Fonts, benutzerdefinierte Schriftarten, responsive Schriftgrößen, und mehr Textformatierungsoptionen.
• Farben & Hintergründe: Detaillierte Kontrolle über Farben und Hintergründe für jeden Bereich der Website.
• Blog-Layouts: Verschiedene Blog-Layout-Stile wie Grid, Masonry, List und Optionen zur Anpassung der Beitragsanzeige.
• WooCommerce-Integration: Erweiterte WooCommerce-Designs, Quick View, Dropdown-Warenkorb und mehr Layout-Optionen für Produktseiten.
• Mega-Menü: Erstelle interaktive und benutzerfreundliche Mega-Menüs für komplexere Navigationsstrukturen.
• Flexible Fußzeilen: Verschiedene Fußzeilen-Layouts und die Möglichkeit, Widgets hinzuzufügen.
• White-Labeling: du kannst Astra Pro branden und als dein eigenes Produkt präsentieren.
• Hooks & Filter: Füge benutzerdefinierten Code und Inhalte ohne Coding-Kenntnisse hinzu.
• Link: https://wpastra.com/pro/

Astra Pro Module

In der Astra Pro-Version kannst du ganz nach deinen Bedürfnissen und Vorstellungen genau die Module aktivieren, die du wirklich brauchst – und alles andere einfach weglassen. So behältst du die Kontrolle und kannst sicher sein, dass du nur das nutzt, was für deine Website wirklich wichtig ist. Du musst also nicht alles auf einmal installieren, sondern kannst ganz nach deinen Bedürfnissen auswählen, welche Funktionen für dich am hilfreichsten sind.

Vorteile:

• Deine Website wird schneller laden, denn weniger aktive Module bedeuten weniger Code und somit schnellere Ladezeiten.
• du kannst alles ganz einfach bedienen, denn du siehst nur die Funktionen, die du auch wirklich nutzt. Das macht den Customizer übersichtlicher für dich.
• du kannst jederzeit weitere Funktionen aktivieren, wenn du sie brauchst.
• Astra Pro ist super flexibel und du kannst die Funktionen gezielt einsetzen, ohne deine Website unnötig zu belasten.

SEO-Optimierung mit Astra

Astra macht es dir leicht, deine Website für SEO zu optimieren. Das Theme ist sauber programmiert und sorgt für schnelle Ladezeiten – wichtige Punkte, damit deine Seite bei Google gut ranken kann. Du kannst zusätzlich SEO-Plugins wie Yoast SEO oder Rank Math einbinden, um deine On-Page-SEO noch weiter zu verbessern.

Vielleicht interessiert Dich auch folgendes?

OnPage Optimierung: So bringst du Deine Webseite SEO technisch auf die Überholspur

Weiterlesen

Duplicate Content – Tipps um ihn zu beheben und zu vermeiden

Weiterlesen

Strukturierte Daten: Wie du deine Website-Sichtbarkeit verbesserst

Weiterlesen

So ist deine Website technisch und in Sachen Performance bestens für Suchmaschinen vorbereitet.

Astra Theme und WooCommerce

Das Theme bietet eine ausgezeichnete Integration mit WooCommerce und ermöglicht eine einfache Anpassung deines Online-Shops. Mit der kostenlosen Version kannst du grundlegende Layout-Anpassungen für Produktseiten, Warenkorb und Kasse vornehmen. Für erweiterte Funktionen und zusätzliche Layout-Optionen solltest du die Pro-Version in Betracht ziehen. Astra erleichtert es dir, einen funktionalen und ansprechenden WooCommerce-Shop zu erstellen, der sich gut an deine Bedürfnisse anpassen lässt.

Integration mit Elementor und Page Buildern

Das Astra Theme funktioniert reibungslos mit allen gängigen Page Buildern wie Elementor, Beaver Builder, Brizy und Oxygen. Dadurch kannst du deine Website nach deinen Vorstellungen gestalten, ohne an feste Layouts gebunden zu sein. Wenn dir die Ladegeschwindigkeit besonders wichtig ist, solltest du den WordPress Block Editor (Gutenberg) in Betracht ziehen.

Spectra Blocks / Erweiterungen

Für mehr Flexibilität im Gutenberg Editor kannst du auf Erweiterungen zurückgreifen. Eine empfehlenswerte Lösung ist Spectra, entwickelt von Brainstorm Force, den Machern von Astra. Spectra erweitert Gutenberg um über 25 zusätzliche Blöcke und verwandelt ihn in einen leistungsfähigen Page Builder, der dir mehr Gestaltungsmöglichkeiten bietet.

Ein Blick auf das Team: Wer steckt hinter Astra?

Das Astra Theme wird von Brainstorm Force entwickelt, einem Unternehmen mit über 70 Mitarbeitern. Neben Astra bietet Brainstorm Force auch eine Reihe anderer nützlicher WordPress-Plugins an, darunter:

• Spectra: Fügt dem Gutenberg-Editor zusätzliche Blöcke hinzu.
• Ultimate Addons für Elementor: Erweiterungen für den Elementor Page Builder.
• Ultimate Addons für Beaver Builder: Zusätzliche Module für Beaver Builder.
• Schema Pro: Für Schema-Markup zur Verbesserung der Suchmaschinen-Sichtbarkeit.
• Convert Pro: Für die Erstellung von Conversion-optimierten Formularen.

Das Astra Theme bietet eine hervorragende Grundlage für die Gestaltung deiner WordPress-Website. Mit seiner schnellen Performance, flexiblen Anpassungsmöglichkeiten und der nahtlosen Integration von Page Buildern ist es eine solide Wahl für viele Projekte. Egal, ob du einfache Anpassungen vornimmst oder eine komplexe Seite aufbaust, Astra ermöglicht dir eine effiziente und unkomplizierte Umsetzung. Wenn du noch Fragen hast oder Unterstützung benötigst, zögere nicht, dich bei uns zu melden – wir helfen dir gerne weiter!

Wichtige Links

Häufig gestellte Fragen (FAQ)

Der Beitrag Astra Theme: Einstellungen und Anpassungen (2025) erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Das neue Standard-Theme, Twenty Twenty-Five, ist vollständig mit dem Site Editor kompatibel und umfasst eine große Palette an Schriftarten, die mehrere Sprachen unterstützen, diverse Farbpaletten und viele Vorlagen. Egal, ob du einen persönlichen Blog, Fotoblogs oder komplexe Websites wie ein Nachrichten-Magazin umsetzen willst. Twenty Twenty-Five bietet dir jede Menge an Möglichkeiten um deine Website anzupassen.

Hilfe und Unterstützung benötigt?

In WordPress 6.7 werden zwei neue APIs eingeführt. Die Template Registration API erleichtert es, Vorlagen und Vorlagenteile direkt in Plugins zu registrieren, ohne zusätzliche Filter verwenden zu müssen. Die Preview Options API erweitert das Vorschau-Dropdown-Menü im Post- und Seiteneditor und bietet mehr Flexibilität bei den Vorschaufunktionen.

Links zum weiterlesen

• Template Registration API: https://developer.wordpress.org/news/2024/08/29/registering-block-templates-via-plugins-in-wordpress-6-7/
• Query Loop Block: https://wordpress.com/support/wordpress-editor/blocks/query-loop-block/
• HTML API: https://github.com/WordPress/gutenberg/issues/60396
• Block Bindings API: https://github.com/WordPress/gutenberg/issues/63018

Die Datenansicht wird optimiert, ebenso der Query Loop Block und die Verwendung von Vorlagen. Zudem wird die Medienverwaltung aktualisiert, um Unterstützung für HEIC-Bilder und verbesserte Lazy-Loading-Funktionen zu bieten.

Bestehende APIs wie die Interactivity API, die Block Bindings API und die HTML API werden weiterentwickelt, um zusätzliche Funktionen und eine bessere Benutzererfahrung zu bieten. Ein Beispiel für diese Erweiterungen ist die Einführung einer Lightbox für den Gallery Block durch die Interactivity API.

Es ist wichtig zu beachten, dass diese Neuerungen noch in der Entwicklung sind, und nicht alle Features werden möglicherweise in der endgültigen Version enthalten sein. Trotzdem deuten die angekündigten Verbesserungen auf eine spannende Weiterentwicklung von WordPress hin. Wir sind gepannt.

Hier nochmal in kompakter Form:

• Neues Standard-Theme: Twenty Twenty-Five – Flexibel, mit vielen Schriftarten, Farbpaletten und Vorlagen.
• Neue APIs:
  • Template Registration API: Erleichtert die Registrierung von Vorlagen in Plugins.
  • Preview Options API: Erweiterung des Vorschau-Menüs im Editor.
• Verbesserungen:
  • Datenansicht: Bessere Anpassung und Handhabung.
  • Query Loop Block: Verbesserte Anpassung.
  • Medienverwaltung: Unterstützung für HEIC-Bilder und optimiertes Lazy-Loading.
• Weiterentwicklungen:
  • Interactivity API: Lightbox für den Gallery Block.
  • Block Bindings API: Verbesserungen für mehr Funktionalität.
  • HTML API: Bessere Markup-Manipulation und Integration.

Nähere Infos findest du hier: https://make.wordpress.org/core/2024/09/03/roadmap-to-6-7/

Vergangene WordPress-Versionen

Roadmap WordPress 6.6 (16. Juli)

Weiterlesen

Neue WordPress Version veröffentlicht: WordPress 6.5 „Regina“

Weiterlesen

WordPress 6.3 veröffentlicht – Welche Änderungen erwarten dich?

Weiterlesen

Der Beitrag WordPress 6.7: Neue Features und Verbesserungen auf einen Blick erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Zum Glück gibt’s Cookie Plugins, wie zum Beispiel Borlabs Cookie. Dieses Plugin nimmt dir den ganzen Stress ab und macht deine Seite DSGVO-konform, ohne dass du dich durch komplizierten Code oder juristisches Kauderwelsch kämpfen musst.

In dieser Anleitung zeigen wir dir Schritt für Schritt, wie du Borlabs Cookie installierst und einrichtest, damit du dich wieder auf das konzentrieren kannst, was wirklich zählt: deine Arbeit und großartige Inhalte!

Mit dem Borlabs Cookie Plugin bekommst du:

• Opt-In für alle Cookies: Egal, ob Google Analytics, Facebook Pixel oder andere Cookies – Borlabs sorgt dafür, dass du alle gesetzlich geforderten Einwilligungen einholst.
• Einfache Verwaltung: Verwalte Cookies und Cookie-Gruppen mühelos, ganz nach deinen Bedürfnissen.
• Stylische Cookie-Boxen: Wähle aus verschiedenen Layouts und präsentiere deine Cookie-Box im besten Licht.
• Flexible Code-Integration: Lade JavaScript und anderen Code individuell und nur, wenn der Nutzer zustimmt.
• Schutz für eingebettete Medien: Blockiere Inhalte wie YouTube-Videos oder Google Maps, bis der Nutzer seine Zustimmung gibt (auch als „Zwei-Klick-Lösung“ bekannt).

Installation und Einrichtung von Borlabs Cookie

Schritt 1: Plugin kaufen und herunterladen

Bevor wir starten, benötigst du das Borlabs Cookie Plugin. Es ist ein Premium-Plugin, das du auf der Borlabs-Website kaufen kannst. Nach dem Kauf erhältst du eine E-Mail mit deinem Lizenzschlüssel und einem Download-Link für die ZIP-Datei des Plugins. Sobald du das hast, geht’s weiter!

Schritt 2: Cookie Plugin in WordPress hochladen

Gehe zu Plugins > Installieren. Oben auf „Plugin hochladen“ klicken und die ZIP-Datei auswählen, die du gerade heruntergeladen hast. Mit einem Klick auf „Jetzt installieren“ wird das Plugin installiert, danach einfach aktivieren.

Schritt 3: Lizenz aktivieren

Nach der Aktivierung überprüft Borlabs, ob du das Plugin gekauft hast. Gehe zu Borlabs Cookie > Lizenz und gib den Lizenzschlüssel ein, den du per E-Mail erhalten hast. Klicke auf „Lizenz aktivieren“, und das Plugin steht dir zur Verfügung!

Dashboard: Schnellstart Borlabs Cookie

Schritt 4: Grundeinstellungen vornehmen

Jetzt kommt der schwierigere Teil: die Konfiguration. Unter Borlabs Cookie > Einstellungen legst du die Grundfunktionen fest. Stelle die Blockierungsfunktionen ein und passe das Design des Cookie-Banners an den Stil deiner Website an. Hier kannst du deiner Kreativität freien Lauf lassen.

Schritt 5: Cookie-Gruppen und -Dienste konfigurieren

Damit Borlabs Cookie die richtigen Cookies erkennt und verwaltet, ist es wichtig, Cookie-Gruppen und -Dienste zu konfigurieren. Unter Borlabs Cookie > Cookie > Cookie-Gruppen legst du Kategorien wie „Essentiell“, „Marketing“ oder „Externe Medien“ an und verknüpfst diese mit den entsprechenden Diensten (zum Beispiel Google Analytics oder Facebook Pixel). So bleibt alles übersichtlich.

Nutzung des integrierten Scanners

Was ist der integrierte Scanner?
Der integrierte Scanner von Borlabs Cookie durchsucht deine Website automatisch nach Cookies und Tracking-Skripten und hilft dir, alle datenschutzrelevanten Elemente zu erkennen.

Wie nutzt man den Scanner?
Gehe zu „Borlabs Cookie“ im WordPress-Dashboard und wähle „Scanner“. Starte den Scan, um eine Liste der gefundenen Cookies und Skripte zu erhalten.

Vorteile
Der Scanner automatisiert die Erkennung, spart Zeit und stellt sicher, dass alle Datenschutzanforderungen erfüllt sind. Er gibt dir außerdem Vorschläge, welche vorgefertigten Skripte und Integrationen aus der Bibliothek du installieren solltest. Diese Empfehlungen basieren auf den erkannten Skripten und ermöglichen eine einfache und korrekte Verwaltung der gefundenen Elemente.

Basierend auf den Scan-Ergebnissen erhältst du Empfehlungen, welche vorgefertigten Skripte und Integrationen aus der Bibliothek sinnvoll sind, um die Verwaltung zu optimieren.

Nutzung der integrierten Bibliothek

Zugriff auf die Bibliothek
Unter „Bibliothek“ findest du die integrierte Sammlung von vorgefertigten Skripten und Integrationen. Diese Bibliothek dient als zentrale Anlaufstelle für die Verwaltung von Cookies von verschiedenen Drittanbietern. Sie erleichtert die Integration gängiger Dienste und sorgt dafür, dass du diese effizient und datenschutzkonform verwalten kannst.

Hinzufügen von Drittanbieter-Skripten
In der Bibliothek kannst du vorgefertigte Skripte für häufig verwendete Dienste wie Google Analytics, Facebook Pixel oder YouTube einfügen. Suche einfach nach dem gewünschten Dienst in der Bibliothek und folge den Anweisungen zum Hinzufügen. Das Plugin übernimmt die Verwaltung der Zustimmungen und das Blockieren dieser Skripte gemäß den von dir festgelegten Cookie-Kategorien, sodass du dich um nichts weiter kümmern musst.

Hier siehst du eine kleine Auswahl der vorhandenen Skripten.

Eigene Skripte hinzufügen
Falls du einen Dienst nutzt, der nicht in der Bibliothek aufgeführt ist, kannst du auch benutzerdefinierte Skripte hinzufügen. Gehe dazu zu „Skripte“ und füge den Code für das entsprechende Skript manuell hinzu. Definiere die Cookie-Kategorie, die für das Skript gilt, und speichere die Änderungen, um sicherzustellen, dass auch benutzerdefinierte Dienste korrekt verwaltet werden.

Schritt 6: Vorschau und Tests

Bevor du alles live schaltest, solltest du dir unbedingt eine Vorschau deines Cookie-Banners anschauen. Unter Borlabs Cookie > Vorschau siehst du, ob alles so aussieht und funktioniert, wie du es dir vorstellst.

Schritt 7: Alles speichern und live gehen

Wenn alles passt, speichere deine Einstellungen und aktiviere das Plugin. Nun sollte deine Website DSGVO-konform sein und du kannst dich entspannt zurücklehnen.

Wichtige Links

• Download Borlabs Cookie: https://de.borlabs.io/docs/plugin-downloaden/
• Hilfeseite: https://de.borlabs.io/borlabs-cookie-3-0/
• Lizenzen: https://de.borlabs.io/topic/fragen-vor-dem-kauf/

Vielleicht interessiert Dich auch folgendes?

Borlabs Cookie 3.1

Weiterlesen

Borlabs Cookie 3.0: Wichtige Änderung

Weiterlesen

Der Beitrag Borlabs Cookie: Eine einfache Anleitung (2024) erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Das Plugin bietet dir zahlreiche Vorteile, die deine Content-Pflege erheblich erleichtern:

• Zeitsparend: du kannst bestehende Seiten oder Beiträge mit nur einem Klick duplizieren und als Vorlage für neue Inhalte nutzen.
• Vorlagen: Mit Vorlagen stellst du sicher, dass deine Inhalte immer einheitlich und fehlerfrei sind. So musst du nicht jedes Mal von vorne anfangen.
• Aktualität: Ältere Beiträge lassen sich mühelos überarbeiten und auf den neuesten Stand bringen.
• Flexibilität: Änderungen kannst du in Ruhe offline vornehmen und erst dann veröffentlichen, wenn alles perfekt ist. So vermeidest du Peinlichkeiten und bietest deinen Lesern nur die aktuellsten Inhalte.

Aber wie genau funktioniert das alles? Im nächsten Abschnitt schauen wir uns Schritt für Schritt an, wie du das Plugin installierst und optimal nutzt.

Installation und Einrichtung des Yoast Duplicate Post

Bevor du das Plugin nutzen kannst, musst du es installieren und einrichten. Einfach Plugin suchen und installieren und aktivieren.

Das Plugin hat keinen eigenen Menü-Eintrag in deinem Backend. Nachdem du das Plugin aktiviert hast, findest du die Basiseinstellungen unter „Einstellungen“ > „Duplicate Post“.

Hier kannst du genau einstellen, was du beim Duplizieren eines Beitrags oder einer Seite übernehmen möchtest. Normalerweise kopiert das Plugin alle wichtigen Teile. Wenn du bestimmte Dinge nicht übernehmen willst, kannst du das auch an dieser Stelle festlegen.

Eine weitere wichtige Einstellung ist die Berechtigung. Du kannst festlegen, wer auf deiner Website das Plugin nutzen darf. Standardmäßig dürfen alle Benutzergruppen, die Beiträge erstellen können (z. B. Administratoren, Redakteure und Autoren), Inhalte duplizieren. Du kannst die Berechtigung auch auf bestimmte Gruppen einschränken, zum Beispiel nur auf Administratoren und Redakteure. Die Grundeinstellungen sollten für den Anfang aber eigentlich völlig ausreichen.

Mit den Anzeigeeinstellungen kannst du festlegen, wo die „Duplizieren“-Option im WordPress-Adminbereich erscheint,

Beiträge klonen und neue Entwürfe erstellen: So funktioniert es

Duplizieren

Wenn du einen bestehenden Beitrag in WordPress nutzen möchtest, um Zeit zu sparen, kannst du ihn ganz einfach „duplizieren“. Geh dazu in die Beitragsübersicht und klicke unter dem Beitrag auf „Duplizieren“. Damit erstellst du eine exakte Kopie.

Neuer Entwurf

Falls du den Beitrag gleich bearbeiten willst, ohne das Original zu verändern, klickst du auf „Neuer Entwurf“. So kannst du sofort mit den Anpassungen starten, während das Original unverändert bleibt.

Überarbeiten und wiederveröffentlichen

du möchtest bestehende Inhalte auf den neuesten Stand bringen, ohne deine Leser mit unvollständigen Änderungen zu konfrontieren? Perfekt, dann ist diese Funktion genau die Richtige für dich. Sie erstellt eine temporäre Kopie, die du in Ruhe überarbeiten kannst. Sobald alles fertig ist, kannst du die aktualisierte Version mit einem Klick veröffentlichen. Deine ursprünglichen Elemente wie Bilder oder Kommentare bleiben dabei selbstverständlich erhalten.

So erstellst du schnell und einfach Vorlagen für wiederkehrende Inhalte

Erstellst du immer wieder ähnliche Inhalte und willst dabei nicht jedes Mal von vorne anfangen? Mit ein paar einfachen Schritten kannst du Vorlagen erstellen, die dir viel Zeit und Mühe sparen.

• Wähle eine Basis: Nutze einen häufig verwendeten Beitrag oder eine Seite als Vorlage, z.B. für Produkte oder wiederkehrende Blogposts (mit gleichem Aufbau)
• Struktur beibehalten: Füge Platzhalter für spezifische Inhalte ein und standardisiere die Struktur.
• Metadaten vorbereiten: Setze allgemeine Kategorien und Schlagwörter, die du später anpassen kannst.
• Vorlage duplizieren: Klone die Vorlage bei Bedarf, um Zeit zu sparen und die Formatierung beizubehalten.
• Benutzerdefinierte Felder nutzen: Lass Felder, die regelmäßig gebraucht werden, in der Vorlage, um sie einfach anzupassen.

Wichtige Links

• Plugin: https://yoast.com/wordpress/plugins/duplicate-post/
• Support-Forum: https://wordpress.org/support/plugin/duplicate-post/

Andere Duplicate Plugins

Neben Yoast Duplicate Post gibt es noch weitere Duplicate-Plugins für WordPress.

• Duplicate Page: https://de.wordpress.org/plugins/duplicate-page/
• Duplicate Pages, Posts and CPT: https://de.wordpress.org/plugins/duplicate-pages-posts/

Wichtige Fragen

Wenn du noch Fragen hast oder Unterstützung benötigst, schreib uns gerne an – wir helfen dir gerne weiter!

Der Beitrag Yoast Duplicate Post: Anleitung und Plugin Vorstellung erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Was gibt’s Neues in Borlabs Cookie 3.1?

Neue Option: Dialog nach Benutzeraktion anzeigen

Mit der neuen Funktion „Dialog nach Benutzerinteraktion anzeigen“ kannst du festlegen, dass der Dialog erst erscheint, nachdem der Besucher aktiv auf der Webseite war. Diese Interaktion kann durch Scrollen, Klicken oder Tastatureingaben erfolgen.

Automatische Paket-Aktualisierung

Mit dieser neuen Funktion gehört der manuelle Aufwand der Vergangenheit an. Ab sofort werden die Pakete aus der Bibliothek automatisch aktualisiert, was dir wertvolle Zeit spart und dir hilft, den Überblick zu behalten, besonders wenn du mehrere Websites betreust.

Diese Funktion spart dir nicht nur enorm viel Zeit und reduziert den manuellen Aufwand erheblich, sondern bietet auch flexible Planungsmöglichkeiten. Da Planung und Kontrolle für viele wichtig sind, kannst du jetzt festlegen, wann die Aktualisierungen stattfinden sollen. Entscheide, ob die Pakete nach 24 Stunden oder zu einem bestimmten Wochentag und einer festgelegten Uhrzeit aktualisiert werden sollen. So behältst du stets den Überblick und kannst dich auf die wichtigsten Aufgaben konzentrieren, während die Aktualisierungen automatisch und nach deinem Zeitplan erfolgen.

In der Paket-Übersicht kannst du anhand des Symbols erkennen, ob die automatische Aktualisierung für ein Paket aktiviert ist. Siehe das Icon bei dem YouTube Eintrag.

Neue Ansicht: Aufträge

Ab sofort kannst du in der neuen Ansicht „Aufträge“ genau nachvollziehen, was Borlabs Cookie automatisch im Hintergrund durchführt oder plant. Hier hast du die Möglichkeit, alle geplanten und vergangenen Aufträge auf einen Blick zu sehen. Diese übersichtliche Ansicht ist unter dem Menüpunkt System » Aufträge im Borlabs Cookie-Bereich erreichbar. So behältst du jederzeit den Überblick über die automatischen Prozesse und kannst sicherstellen, dass alles reibungslos läuft.

Falls du Hilfe bei der Anpassung oder Einrichtung von Borlabs Cookie benötigst, schreib uns gerne an.

Weiterführende Links:

• https://de.borlabs.io/borlabs-cookie-3-1/
• https://www.gn2.de/borlabs-cookie-3-0-wichtige-aenderung/

Vielleicht interessiert Dich auch folgendes?

Borlabs Cookie: Eine einfache Anleitung (2024)

Weiterlesen

Borlabs Cookie 3.0: Wichtige Änderung

Weiterlesen

Der Beitrag Borlabs Cookie 3.1 erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Was ist der Gutenberg Editor und was ist neu am Block Editor?

Gutenberg ist der Editor für WordPress, welcher mit WordPress Version 5.0 veröffentlicht wurde. Der Gutenberg-Editor ist mehr als nur ein weiterer Editor in WordPress – er ist ein grundlegender Wandel in der Art und Weise, wie du deine Inhalte erstellst. Anstelle von langen Textfeldern und mühsamem Formatieren bietet Gutenberg eine blockbasierte Struktur. Das bedeutet, dass jeder Abschnitt deiner Seite oder deines Beitrags ein eigener Block ist, den du nach Belieben hinzufügen, verschieben und anpassen kannst. Stell dir vor, du baust deine Seite wie ein Puzzle, bei dem jedes Stück genau an den richtigen Platz kommt.

Mit dem Block Editor bist du in der Lage, Inhaltsblöcke anzuwenden, dadurch kannst du simpel und einfach Text, Bilder und anderes in deine Beiträge integrieren. Der klassische TinyMCE Editor, welcher vorher in WordPress integriert war, war nur textbasiert. Dadurch waren Anfänger, welche keinerlei Wissen oder Kenntnisse beim Coden haben, sehr benachteiligt.

Es waren früher auch nur minimale Änderungen möglich und für weitere Dinge, wie Tabellen oder schöne Bildergalerien musste auf Plugins zurück gegriffen werden. Dies hat sich nun mit dem Gutenberg Editor geändert, denn du kannst problemlos Inhaltsblöcke mit verschiedenen Elementen hinzufügen.

smartes WordPress Hosting gibts bei uns

Kann man den Gutenberg Editor deaktivieren?

Immer noch werden viele Nutzer nicht mit dem Gutenberg Editor warm und wünschen sich den Classic-Editor zurück. Allerdings ist der Gutenberg WordPress Editor voreinstellt. Nachfolgend findest du ein paar einfache Möglichkeiten, den Gutenberg Editor zu deaktivieren, um deinen täglichen Arbeitsablauf nicht zu unterbrechen. Du kannst also Dein WordPress damit weiterhin so verwenden, wie du es gewohnt warst/bist.

Es sollte allerdings wirklich beachtet werden, dass es keine langfristige Lösung sein wird, denn der Gutenberg Editor wird von WordPress vorangetrieben und es ist ungewiss, wie lange der Classic-Editor noch unterstützt wird?

2 Optionen um den Gutenberg Editor zu deaktivieren:

• Installiere das Plugin vom Classic-Editor
• Danach kannst du unter Einstellungen / Schreiben den Editor auswählen

• Installiere das Disable Gutenberg WordPress Plugin

Mit diesem Plugin werden alle Spuren von Gutenberg versteckt und ersetzt diese durch den Classic Editor.

Das Block-System vom Gutenberg Editor

Der WordPress Gutenberg Editor hat bereits von Haus aus mehr als 60 Blöcke integriert. Es kann leicht zu einer Überforderung diesbezüglich bei der ersten Anwendung kommen, denn von den 60 Blöcken wird der Normal-User nur eine relativ kleine Auswahl wirklich verwenden.

Damit die Übersicht gewahrt wird, werden die verschiedenen Block Typen in 5 Kategorien eingeteilt.

• Allgemeine Blöcke
  • Absatz
  • Bild
  • Liste
  • Überschrift
  • Zitat
  • Galerie
  • Audio
  • Cover
  • Datei
  • Video
• Formatierung
  • Code
  • Classic
  • HTML
  • Vorformatiert
  • Pullquote
  • Tabelle
• Layout
  • Trennzeichen
  • Button
  • Spalten
  • Medien/Text
  • Seitenumbruch
  • Abstandshalter
• Widgets
  • Shortcode
  • Archive
  • Kategorien
  • Kommentare
  • Beiträge
• Einbettungen
  • Twitter
  • YouTube
  • Facebook
  • Instagram
  • WordPress
  • Spotify
  • und viele mehr

Die einzelnen Bereiche sind ja mehr oder weniger selbsterklärend, aber wir möchten Euch einige davon noch bildlich vorstellen?

Blöcke duplizieren

Blöcke die du immer mal wieder benötigst, kanns du einfach kopieren bzw. auch duplizieren, dazu findest du unter jedem Block bei Klick auf die drei Punkte das gewünsche Auswahlmenü.

Tipps für die Nutzung von Gutenberg

• Bevor du mit der Erstellung deiner Inhalte beginnst, ist es hilfreich, die Struktur und den Inhalt deiner Seite oder deines Beitrags zu planen. Eine klare Vorstellung davon, wie dein Layout aussehen soll, erleichtert die Arbeit.
• Vorlagen sind eine großartige Möglichkeit, einheitliche Layouts zu erstellen.
• Gutenberg und seine Plugins werden regelmäßig aktualisiert. Halte deinen Editor und alle zusätzlichen Plugins auf dem neuesten Stand, um von den neuesten Funktionen und Sicherheitsupdates zu profitieren.

Herausforderungen meistern

Hier sind einige Tipps, um dir den Einstieg zu erleichtern:

• Nutze Online-Tutorials und die offizielle WordPress-Dokumentation, um dich mit den Grundfunktionen vertraut zu machen.
• Stelle sicher, dass deine Themes und Plugins mit Gutenberg kompatibel sind. Manchmal kann es notwendig sein, Updates durchzuführen oder Alternativen zu finden.

Gutenberg Editor – Pro und Contra

Pro

• für ein individuelles Layout, braucht man keine technischen Vorkenntnisse mehr
• Widgets lassen sich ohne zusätzliche Plugins in Beiträge einfügen
• verwendete Block-Konzept erlaubt auch Laien komplexe Layouts zu erstellen
• Blöcke lassen sich wiederverwenden, dublizieren und speichern
• es können eigene Blöcke erstellt werden
• Gutenberg ist kostenlos – viele Page-Builder-Themes nicht
• fremde Inhalte (YouTube etc.) können nun viel einfacher eingebunden werden

Contra

• komplett neue Benutzeroberfläche verlangt eine grosse Umgwöhnung
• Arbeit mit den Blöcken kann umständlich erscheinen
• Gutenberg gefährdet die Funktionalität von einigen Themes und Plugins
• Bugs und Konflikte, die bspw. zu fehlerhaften Seiten, Plugin-Problemen und Frustration im allgemeinen führen

Klassische Inhalte in Gutenberg-Blöcke umwandeln

Der Inhalt eines Beitrages wird automatisch in einem Classe-Block angezeigt, falls du nicht weißt, was ein Classic-Block ist, kannst du hier: https://wordpress.com/de/support/wordpress-editor/bloecke/classic-block/ mehr darüber nachlesen.

Dann einfach die Option – In Blöcke unwandeln – klicken, danach werden alle Inhalte des Classic-Block in neue Absatzblöcke umgewandelt.

Es kann zu fehlerhaften Darstellungen in der Ausrichtung deiner Bilder/Texte kommen, diese müssen dann neu ausgerichtet werden. Weitere Infos dazu findest du hier: https://wordpress.com/de/support/wordpress-editor/bloecke/bildblock/#aligning-images

Danach nur noch Aktualisieren klicken, danach werden die Änerungen gespeichert und die Umwandlung ist danach abgeschlossen.

Was ist der Unterschied zu anderen Editoren

Vorab zur Erklärung, es gibt unterschiedliche Arten von Website-Editioren für WordPress. Page-Builder und den Gutenberg-Editor. Die beiden Editoren haben zwar Ähnlichkeiten, aber sind für die verschiedenen Anwendungen mehr oder weniger geeignet.

Was ist der grösste Unterschied?

Mit Page-Buildern können mit Hilfe der visuellen Drag & Drop Oberfläche komplette Webseiten gebaut werden. Der Gutenberg Editor ist für die Formatierung der Texte geeignet,  denn es handelt sich um einen Backend Editor und nicht um einen Live Editor

Page-Builder:

• Elementor
• Divi Builder
• WPBakery Page Builder
• Visual Composer Website Builder
• und viele andere

Fazit:

Nun sollten dir die grundlegendenden Einstellungen und Funktionen des Gutenberg-Editor bekannt sein. Falls du weiterführende Hilfen benötigst, scheue dich nicht uns einfach anzuschreiben!

Vielleicht interessiert Dich auch folgendes?

So machst du deine Website bekannt: Tipps und Ideen für mehr Reichweite

Weiterlesen

Better Search Replace – schnell WordPress Daten ersetzen

Weiterlesen

Roadmap WordPress 6.6 (16. Juli)

Weiterlesen

Der Beitrag Leitfaden: Gutenberg WordPress Editor erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Allerdings gibt es auch einige Gründe, warum du diese Funktion deaktivieren möchtest.

Denn automatische Aktualisierungen können manchmal unerwartete Probleme verursachen:

• Inkompatibilität: Neue WordPress-Versionen können dazu führen, dass bestimmte Plugins oder Themes nicht mehr richtig funktionieren.
• Fehler und Bugs: Es kann passieren, dass ein Update neue Fehler einführt, die deine Webseite beeinträchtigen.
• Verlust von Anpassungen: Manuelle Anpassungen am Code deiner Webseite können durch ein Update überschrieben werden.
• Zeitpunkt der Updates: Automatische Updates können zu ungünstigen Zeiten erfolgen, du bekommst die Fehler nicht gleich mit und unter Umständen ist deine Website dann für Besucher, manchmal auch tagelang, nicht erreichbar.

Dann ist empfehlenswert, entweder Updates persönlich manuell durchzuführen oder sich für ein passendes WordPress-Hosting und einen Wartungsvertrag zu entscheiden. Dies ist besonders wichtig, wenn man nicht genügend Kapazitäten hat, sich darum zu kümmern oder mehrere Websites zu betreuen hat.

Ein Beitrag die dir bei auftretenden Fehlern nach Updates weiterhelfen kann:

White Screen of Death: Nur noch eine weiße Seite sichtbar auf deiner WordPress-Installation, was kann man tun?!

Kennst du das auch? Du besuchst deine WordPress-Seite und statt deiner vertrauten Inhalte siehst du…

Weiterlesen

Wie deaktiviere ich automatische Updates in WordPress?

Das Deaktivieren der automatischen Updates in WordPress ist zum Glück recht einfach und erfordert nur wenige Schritte. Hier ist eine Schritt-für-Schritt-Anleitung, wie du dies machen kannst:

Plugins von den automatischen Updates ausschließen

Manchmal möchtest du vielleicht nur bestimmte Plugins von automatischen Aktualisierungen ausschließen, während andere weiterhin automatisch aktualisiert werden sollen. Dies kannst du direkt im WordPress-Backend erledigen:

1. Plugins-Übersicht öffnen: Gehe im WordPress-Dashboard zu „Plugins“ > „Installierte Plugins“. Hier siehst du eine Liste aller installierten Plugins.
2. Automatische Updates: Oberhalb der Plugin-Liste findest du eine Option „Automatische Aktualisierungen deaktivieren“. Wähle die gewünschten Plugins aus, indem du das entsprechende Kästchen anhakst, und klicke dann auf „Automatische Aktualisierungen deaktivieren“, um die Einstellung vorzunehmen.
3. Individuelle Einstellungen vornehmen: Für eine noch genauere Steuerung kannst du auch ein Plugin wie „Easy Updates Manager“ verwenden. Dieses Plugin erlaubt es dir, die automatischen Updates für jedes einzelne Plugin individuell zu konfigurieren.

Themes von den automatischen Updates ausschließen

Auch für Themes kannst du automatische Updates direkt im WordPress-Backend verwalten:

1. Themes-Übersicht öffnen: Gehe im WordPress-Dashboard zu „Design“ > „Themes“. Hier siehst du eine Liste aller installierten Themes.
2. Automatische Updates konfigurieren: Klicke auf das Theme, für das du die automatischen Updates deaktivieren möchtest. Unter den Theme-Details findest du einen Link „Automatische Aktualisierungen aktivieren/deaktivieren“. Klicke darauf, um die automatische Aktualisierung für dieses Theme zu verwalten.

WordPress-Core-Aktualisierungen deaktivieren

Automatische Updates des WordPress Core deaktivieren

Auch WordPress-Updates können automatisch erfolgen. Um das zu deaktivieren, gehe auf „Dashboard“ > „Aktualisierungen“.

Alle automatischen Updates in WordPress auf einmal deaktivieren

Hier zeige ich dir, wie du vorgehen musst, falls du alle automatischen Updates in WordPress auf einmal deaktivieren möchtest.

Schritt-für-Schritt-Anleitung

1. WordPress-Konfigurationsdatei bearbeiten: Öffne die Datei wp-config.php im Hauptverzeichnis deiner WordPress-Installation. Diese Datei enthält wichtige Einstellungen für deine Webseite.
2. Code-Snippet hinzufügen: Füge das folgende Code-Snippet in die wp-config.php ein, um alle automatischen Updates zu deaktivieren:

define( 'AUTOMATIC_UPDATER_DISABLED', true );

Eigene Verantwortung nach Deaktivierung der automatischen Updates

Für die meisten WordPress-Nutzer ist es ratsam, automatische Updates zu aktivieren, um sicherzustellen, dass ihre Webseite kontinuierlich geschützt und auf dem neuesten Stand gehalten wird. Wenn du jedoch manuelle Kontrolle bevorzugst, ist es wichtig, regelmäßig das Dashboard deiner Webseite zu überprüfen und notwendige Updates manuell einzuspielen.

Denn Updates umfassen nicht nur neue Funktionen, sondern vor allem auch wichtige Sicherheitspatches und Bugfixes.

Manuelle Überprüfung und Updates

Es ist entscheidend, dass du regelmäßig die Updates für den WordPress-Core, Plugins und Themes manuell überprüfst und durchführst. Besuche regelmäßig das Dashboard deiner Webseite, um nach verfügbaren Updates zu schauen und diese zu installieren.

Backup-Routinen etablieren

Stelle sicher, dass du regelmäßig vollständige Backups deiner Webseite erstellst. Nutze zuverlässige Backup-Lösungen oder Plugins, um automatisierte und manuelle Backups regelmäßig durchzuführen und sicherzustellen, dass deine Daten geschützt sind.

Brauche ich Hilfe bei der WordPress Wartung?

Wenn du…

…dann könnte unser WordPress Managed Hosting die ideale Lösung für dich sein. Ein Wartungsvertrag bietet dir zusätzliche Sicherheit, indem er sicherstellt, dass deine Webseite immer auf dem neuesten Stand gehalten wird, ohne dass du dich darum kümmern musst. Klingt super? Dann freuen wir uns auf deine Nachricht.

Vielleicht interessiert Dich auch folgendes?

So machst du deine Website bekannt: Tipps und Ideen für mehr Reichweite

Weiterlesen

WordPress schneller machen: 9 einfache Tipps zur Optimierung

Weiterlesen

WordPress Backups in der eigenen Nextcloud sichern

Weiterlesen

Der Beitrag WordPress: So kannst du automatische Updates deaktivieren erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.

Durch die Nutzung von API-Endpunkten kannst du WordPress-Inhalte als JSON-Objekte abrufen, bearbeiten und verwalten. Diese Funktionalität erlaubt es dir, Inhalte zu erstellen, zu lesen, zu aktualisieren und zu löschen (CRUD), ohne dass du direkt im Backend von WordPress eingeloggt sein musst. Damit erweiterst du die Flexibilität und die Funktionalität deiner WordPress-Site über die üblichen Möglichkeiten hinaus.

In diesem Beitrag werden wir ausführlich erklären, wie du die WordPress REST API optimal einsetzen kannst, um externe Dienste und APIs nahtlos in deine Website zu integrieren und sie dadurch effektiv zu erweitern.

Los gehts!

Um die WordPress REST API zu nutzen und externe Dienste sowie APIs in deine Website zu integrieren, solltest du grundlegende Kenntnisse über WordPress mitbringen. Es ist hilfreich, wenn du dich mit Webtechnologien wie HTTP-Anfragen und JSON auskennst, um die Funktionsweise der API besser verstehen zu können.

Grundlagen: Was ist eine API

Eine API (Application Programming Interface) definiert die Schnittstelle zwischen verschiedenen Softwareanwendungen, die es ihnen ermöglicht, miteinander zu kommunizieren und Daten auszutauschen. APIs bieten Entwicklern einen Satz von Regeln, Routinen und Protokollen, um Funktionen und Daten zugänglich zu machen, ohne dass der Benutzer direkt involviert ist.

Unterschied zwischen REST API und SOAP API

REST (Representational State Transfer) und SOAP (Simple Object Access Protocol) sind zwei verschiedene Arten von API-Architekturen. RESTful APIs sind leichtgewichtiger, nutzen häufig HTTP-Protokolle wie GET, POST, PUT und DELETE und verwenden JSON oder XML als Datenformat. SOAP APIs hingegen sind komplexer, verwenden spezifische Protokolle wie XML und erfordern in der Regel ein strengeres Schema.

HTTP-Anfragen: GET, POST, PUT, DELETE HTTP (Hypertext Transfer Protocol) definiert die Methoden die für den Austausch von Informationen zwischen Clients und Servern verwendet werden.

Die häufigsten Methoden sind:

• GET: Abrufen von Daten von einem Server (z.B. Abrufen eines Blogbeitrags).
• POST: Senden von Daten an einen Server zur Verarbeitung (z.B. Erstellen eines neuen Blogbeitrags).
• PUT: Aktualisieren von vorhandenen Daten auf einem Server (z.B. Aktualisieren eines bestehenden Blogbeitrags).
• DELETE: Löschen von Daten auf einem Server (z.B. Löschen eines Blogbeitrags).

Diese Methoden sind entscheidend für die Interaktion mit APIs, da sie angeben, welche Aktion auf den Servern ausgeführt werden soll.

mögliche Beispiele für Abrufen von Daten

• https://deinewebsite.de/wp-json/wp/v2/posts
• https://deinewebsite.de/wp-json/wp/v2/pages

Natürlich kannst du diese Eingaben auch über Tools (Postman) oder Terminal abfragen.

Benutzerdefinierte Endpunkte in der WordPress REST API

Die WordPress REST API bietet mit benutzerdefinierten Endpunkten eine leistungsstarke Möglichkeit, die Funktionalität der Plattform individuell zu erweitern. Diese speziell angepassten Routen erlauben es dir, als Entwickler, maßgeschneiderte Funktionen und Datenzugriffe zu implementieren, die über die Standardfunktionen hinausgehen.

Benutzerdefinierte Endpunkte werden genutzt, um spezifische Anforderungen oder komplexe Integrationen in WordPress-Websites zu realisieren. Durch die gezielte Definition von Routen und die Verknüpfung mit eigenen Callback-Funktionen kannst du zusätzliche Funktionen einbinden, Daten von externen Quellen abrufen oder komplexe Verarbeitungslogiken implementieren.

Erstellen eines benutzerdefinierten API-Endpunkts

Die WordPress REST API ist ein herausragendes Beispiel für eine RESTful API, die es ermöglicht, WordPress-Daten über diese HTTP-Methoden in einem strukturierten JSON-Format abzurufen, zu bearbeiten und zu verwalten. Damit bietet sie dir eine flexible und leistungsstarke Möglichkeit, die Funktionalität deiner WordPress-Websites zu erweitern, ohne direkt auf das Backend zugreifen zu müssen.

Angenommen, du möchtest eine Funktion integrieren, um spezifische Produktinformationen von einer externen Quelle abzurufen und auf deiner WordPress-Website darzustellen.

So solltest du vorgehen:

1. Planung deiner benutzerdefinierten Endpunkte: Es ist entscheidend, die Struktur und den Zweck deiner benutzerdefinierten Endpunkte vor ihrer Implementierung zu planen. Dadurch kannst du:
   • Die spezifische Funktion des Endpunkts klar definieren, einschließlich der erwarteten Datentypen und ihrer Verwendung.
   • Konsistenz in der Verwendung der Endpunkte, Antworttypen und Datenformatierung sicherstellen, was die Interaktion mit der API verbessert.
   • Die Entwicklungszeit optimieren und das Fehlerrisiko minimieren, indem du die Zweckmäßigkeit der API-Implementierung verstehst.
   • Sicherheitsanforderungen definieren und Maßnahmen wie Autorisierung und Zugriffskontrollen implementieren, um sensible Daten zu schützen.
2. Definition und Implementierung des Endpunkts: Anschließend definierst du die Route für deinen benutzerdefinierten API-Endpunkt in deinem WordPress-Theme oder Plugin. Die zugehörige Callback-Funktion wird entwickelt, um die externen Daten abzurufen, zu verarbeiten und im JSON-Format zurückzugeben, wie bereits beschrieben.

Nutzen von Endpunkten für spezifische Datenabfragen

Durch benutzerdefinierte Endpunkte kannst du gezielt Daten abfragen, die genau auf deine Anforderungen zugeschnitten sind. So kannst du unter anderen benutzerdefinierte Post-Typen, Taxonomien oder Metadaten abrufen und in deine Anwendung integrieren.

Mögliche Beispiele:

• du hast einen benutzerdefinierten Post-Typ „Bücher“ (books) erstellt und möchtest die Liste der veröffentlichten Bücher abfragen.
• Abfragen von Beiträgen nach Metadaten. Du möchtest Beiträge abfragen, die ein bestimmtes benutzerdefiniertes Feld (z.B. „featured“) aufweisen.
• Benutzerinformationen abfragen: Wenn du Informationen über registrierte Benutzer abrufen möchtest, kannst du ebenfalls einen benutzerdefinierten Endpunkt erstellen.

Diese kleinen Beispiele zeigen, wie vielseitig die WordPress REST API genutzt werden kann, um spezifische Datenabfragen zu erstellen. Ob du benutzerdefinierte Post-Typen, Taxonomien, Benutzerinformationen oder Kommentare abrufen möchtest – mit der richtigen Planung und Implementierung kannst du die API an deine individuellen Anforderungen anpassen und so die Funktionalität deiner WordPress-Website erweitern.

Im nächsten Abschnitt gehen wir detailliert auf die Schritte zur Erstellung und Implementierung eines benutzerdefinierten API-Endpunkts ein.

Beispiel: Nutzung der YouTube API um immer das aktuellste Video deines bzw. eines YouTube-Kanals auszugeben

Mit dieser Einrichtung wird auf deiner WordPress-Seite immer das aktuellste Video des angegebenen YouTube-Kanals angezeigt.

API-Schlüssel und Kanal-ID vorbereiten

Stelle sicher, dass du deinen YouTube-API-Schlüssel und die Kanal-ID hast. Die Kanal-ID für den Beispielkanal ist UCy9dbiGecRmjC4Vs9SIV2Wg.

Hier kannst du den YouTube-API-Schlüssel erstellen: https://console.cloud.google.com/ – neues Projekt erstellen. API-Bibliothek aufrufen. YouTube Data API v3 suchen und für dein Projekt aktivieren. In den folgenden Schritten dann den API-Schlüssel einrichten.

Erstellen eines benutzerdefinierten API-Endpunkts

Füge den folgenden Code in die functions.php deines Child-Themes ein:

// Benutzerdefinierte Route hinzufügen
add_action('rest_api_init', function () {
    register_rest_route('custom/v1', '/youtube-video', array(
        'methods' => 'GET',
        'callback' => 'get_youtube_video',
    ));
});

// Callback-Funktion, die YouTube-Daten abruft
function get_youtube_video() {
    $api_key = 'DEIN_API_SCHLUESSEL';
    $channel_id = 'UCy9dbiGecRmjC4Vs9SIV2Wg';
    $max_results = 1;

    $api_url = "https://www.googleapis.com/youtube/v3/search?key=$api_key&channelId=$channel_id&part=snippet,id&order=date&maxResults=$max_results";

    $response = wp_remote_get($api_url);

    if (is_wp_error($response)) {
        return new WP_Error('youtube_api_error', 'Fehler beim Abrufen der YouTube-Daten');
    }

    $body = wp_remote_retrieve_body($response);
    $data = json_decode($body);

    return $data->items[0];
}

JavaScript-Code einfügen

Installiere und aktiviere das Plugin „Insert Headers and Footers“ und füge den folgenden JavaScript-Code in das Feld „Scripts in Footer“ ein:

<script>
document.addEventListener("DOMContentLoaded", function() {
    fetch('/wp-json/custom/v1/youtube-video')
        .then(response => response.json())
        .then(data => {
            const videoId = data.id.videoId;
            const videoTitle = data.snippet.title;

            const videoContainer = document.getElementById('youtube-video-container');
            const videoTitleElement = document.createElement('h2');
            const videoFrame = document.createElement('iframe');
            
            videoTitleElement.innerText = videoTitle;
            videoFrame.setAttribute('width', '560');
            videoFrame.setAttribute('height', '315');
            videoFrame.setAttribute('src', `https://www.youtube.com/embed/${videoId}`);
            videoFrame.setAttribute('frameborder', '0');
            videoFrame.setAttribute('allowfullscreen', '');

            videoContainer.appendChild(videoTitleElement);
            videoContainer.appendChild(videoFrame);
        })
        .catch(error => console.error('Fehler beim Abrufen des YouTube-Videos:', error));
});
</script>

Video-Container im Beitrag hinzufügen

Öffne den Beitrag oder die Seite, auf der du immer das aktuellste Video, deines Kanals, einbetten möchtest, und füge folgenden HTML-Code hinzu:

<div id="youtube-video-container"></div>

Funktionalität überprüfen

• PHP-Code: Registriert einen API-Endpunkt, der die neuesten YouTube-Videos vom angegebenen Kanal abruft und das erste Video zurückgibt.
• JavaScript-Code: Führt eine Anfrage an den benutzerdefinierten API-Endpunkt durch und fügt das neueste Video dynamisch in den Container youtube-video-container ein.

Mit dieser Einrichtung wird auf deiner WordPress-Seite immer das aktuellste Video des angegebenen YouTube-Kanals angezeigt. Dies ist nur ein kleines Beispiel was mit der Integration von einer API möglich ist.

Fehlerbehebung und Debugging: Häufige Fehler bei der API-Integration

• HTTP-Fehler 404: Der Endpunkt ist möglicherweise nicht korrekt registriert.
• Fehlerhafte JSON-Daten: Die API-Antwort ist nicht im erwarteten Format.
• Authentifizierungsfehler: API-Schlüssel oder Token sind nicht korrekt.

Tools und Techniken zum Debugging

Postman: Ein leistungsfähiges Tool zum Testen von API-Anfragen.
Browser Developer Tools: Konsolenprotokolle und Netzwerkanalyse sind hilfreich, um Fehler zu identifizieren.
WP_Debug: Aktiviert das Debugging in WordPress, um PHP-Fehler zu erkennen.

Best Practices und Sicherheitsaspekte: API-Rate-Limits und wie man sie beachtet

Viele APIs, einschließlich der YouTube Data API, haben Rate-Limits, die die Anzahl der Anfragen pro Zeiteinheit begrenzen. Beachte diese Limits und implementiere eine Caching-Strategie, um unnötige API-Aufrufe zu reduzieren.

Performance-Optimierung bei der API-Nutzung

• Caching: Die Implementierung von Caching-Strategien, kann die Antwortzeiten erheblich verkürzen.
• Lazy Loading: Lade API-Daten nur bei Bedarf, um die Ladezeit der Seite zu verbessern.
• Optimierte Datenabfragen: Frage nur die benötigten Daten ab, um die Antwortzeit zu minimieren und die Belastung der API zu reduzieren.

Sicherheitstipps für den Umgang mit sensiblen Daten

• API-Schlüssel sicher speichern: Verwende Umgebungsvariablen oder WordPress-Konfigurationsdateien.
• Authentifizierung und Autorisierung: Stelle sicher, dass nur autorisierte Benutzer Zugriff auf sensible API-Endpunkte haben.
• Datenvalidierung: Überprüfe und bereinige alle Eingabedaten, um Sicherheitslücken wie SQL-Injection oder Cross-Site Scripting (XSS) zu verhindern.

Wichtig zu beachten: Sicherheitsrisiken durch die WordPress REST API

Es ist wichtig, sich der potenziellen Sicherheitsprobleme bewusst zu sein, die mit der WordPress REST API verbunden sein können. Ein besonders kritisches Problem ist die Möglichkeit, Benutzernamen von WordPress-Benutzerkonten über die API abzurufen. Dies stellt eine potenzielle Sicherheitslücke dar, da es Angreifern ermöglichen könnte, gezielte Angriffe auf bestimmte Benutzerkonten durchzuführen, insbesondere wenn sie bereits Zugriff auf das Passwort eines Benutzers haben oder versuchen, es zu erraten.

Durch die einfache Abfrage der URL https://www.deine-website.de/wp-json/wp/v2/users können Angreifer eine Liste der Benutzernamen erhalten, die in der WordPress-Installation vorhanden sind. So sieht die Darstellung dann aus.

Diese Informationen könnten von Angreifern genutzt werden, um gezielte Angriffe durchzuführen, indem sie versuchen, sich mit bekannten Benutzernamen und möglichen Passwörtern Zugang zur Website zu verschaffen.

Um dieses Risiko zu minimieren, sollten Administratoren und Entwickler folgende Maßnahmen ergreifen:

• Benutzername verbergen: Vermeide es, öffentlich zugängliche Informationen wie Benutzernamen über die REST API preiszugeben. Dies kann durch die Verwendung von Plugins oder eigenen Entwicklungen erreicht werden, die die Standardschnittstellen der REST API modifizieren. Danach werden diese Details nur noch angemeldeten Usern angezeigt.
• Sicherheitsbewusstsein: Sensibilisiere Benutzer für die Verwendung sicherer Passwörter und die Notwendigkeit zusätzlicher Sicherheitsmaßnahmen wie der Zwei-Faktor-Authentifizierung.
• Regelmäßige Überprüfung: Überwache regelmäßig die Sicherheitsprotokolle der Website auf verdächtige Aktivitäten.

Weiterführende Ressourcen

Die API-Entwicklung ist ein dynamisches Feld, das ständig von neuen Trends und Technologien beeinflusst wird.

• GraphQL: Im Gegensatz zu REST ermöglicht GraphQL flexiblere Datenabfragen und kann die Anzahl der benötigten API-Anfragen reduzieren.
• Serverless Computing: Serverlose Architekturen, wie AWS Lambda oder Azure Functions, erleichtern die Erstellung skalierbarer APIs ohne die Verwaltung von Servern.
• Microservices: Die Verwendung von Microservices-Architekturen zur Modularisierung von Anwendungen fördert die Wiederverwendbarkeit und Skalierbarkeit von API-Diensten.
• API Gateways: Tools wie Kong, Apigee und AWS API Gateway bieten Sicherheits-, Monitoring- und Management-Funktionen für APIs.

Nützliche Dokumentationen

Um deine Fähigkeiten in der API-Entwicklung weiter auszubauen, sind folgende Ressourcen und Dokumentationen besonders hilfreich:

• WordPress REST API Handbuch: https://developer.wordpress.org/rest-api/
• YouTube Data API v3 Dokumentation: https://developers.google.com/youtube/v3/docs?hl=de
• Postman: https://learning.postman.com/
• GraphQL Dokumentation: https://graphql.org/learn/

Community und Support

Hier sind einige Möglichkeiten, um in Kontakt zu bleiben und Unterstützung zu finden:

• WordPress Support Forum: https://de.wordpress.org/support
• Stack Overflow: Eine exzellente Plattform, um spezifische Fragen zu stellen: stackoverflow.com
• GitHub: https://github.com/search?q=API&type=repositories

Weiterführende Fragen

Fazit

Die Integration externer Dienste und APIs in WordPress erweitert die Funktionalität deiner Website erheblich. Durch die Verwendung der WordPress REST API kannst du benutzerdefinierte Endpunkte erstellen, um gezielte Datenabfragen durchzuführen und externe Inhalte nahtlos zu integrieren.

Vielleicht interessiert Dich auch folgendes?

Quicktipp: So verhinderst du die Indexierung von PDFs

Weiterlesen

Verwendung von Child-Themes in WordPress

Weiterlesen

Abmahngefahr durch Google Fonts

Weiterlesen

Der Beitrag Anleitung zur Integration externer Dienste und APIs in WordPress erschien zuerst auf gn2 GmbH Hosting | Internetagentur in Coburg.