Der Beitrag „wp2shell“: Die WordPress-Sicherheitslücke, die mich zum Newsletter-Comeback gebracht hat erschien zuerst auf Collaborato Training.

Schrift von Google Fonts laden

Zunächst müssen wir wissen, welche Schriftarten (Fonts) und Auszeichnungen (fett, kursiv…) benötigt werden. Manchmal kommt jedes Schriftgewicht als einzelne Datei, häufiger ist jedoch eine Datei mit einem „Variablen Font“ das alle Schriftgewichte enthält. Manchmal kommtn die kursiven Schriften in ein einer extra Datei. Den Hinweis auf „kursiv“ erkennt ihr meist am Zusatz „italic“ im Dateinamen. Diese Schriften laden wir dann bei Google Fonts wie folgt herunter:

Geht auf https://fonts.google.com/ und tippt euere Schrift in das Suchfeld ein, Klickt die entspechende Schrift und und klickt oben auf „Download Family“. Ein Beispiel für Open Sans seht ihr im Bild. Rechts braucht ihr nichts auszuwählen oder kopieren. Wir brachen nur die Datei(en) aus dem Download, der nach dem Klick auf „Download Familiy“ erfolgt sein sollte.

Die .Zip wird ausgepackt und wir haben jetzt so eine Struktur (siehe Bild)

Wollen wir also „Open Sans“ verwenden genügen uns die beiden .ttf Dateien. Die eine ist für alle regulären (geraden) Schriftgewichte (von dünn bis extrafett) und die mit dem „italic“ im Dateinamen enthält alle Schriftgewichte noch mal in kursiv. (Theoretisch kann der Browser auch aus einer regulären Schrift ein kursive Schrift machen, lass das aber nicht deinen Grafiker hören. Das sieht dann nämlich nur kursiv aus, ist aber nicht das was der Schriftdesigner sich unter kursiv vorgestellt hat.)

WordPress auf die Schriftdatei vorbereiten

Von Haus aus kennt WordPress eine Reihe von Dateitypen anhand der Dateiendungen. Alles andere lässt WordPress dich aus „Sicherheitsgründen“ nicht hochladen. Ein Versuch über „Medien“ und „Datei hochladen“ würde genauso scheitern wie der Versuch schon jetzt im Divi-Builder die Schrift einzubinden. Die Fehlermeldung „Du bist leider nicht berechtigt, diesen Dateityp hochzuladen.“ erscheint in diesem Fall.

Wir müssen also WordPress beibringen, dass eine .ttf Datei nicht gefährlich und sogar gewünscht ist. Dazu nutzte ich ein Plugin „WP Add Mime Type“ https://de.wordpress.org/plugins/wp-add-mime-types/ Mit „Mime Types“ wird beschrieben welche Dateiendung welchen Dateityp bedeutet. Einmal installiert und aktiviert haben wir jetzt unter „Einstellungen“ /  „Mime type Settings“ unser Tool. Oben stehen schon einige Mime-Types die WordPress bereits kennt und ganz unten ist ein großes Eingeabefeld „Add Values“. Hier gebe ich immer ttf = font/ttf  ein und drücke unten auf „save“.  Die „Security Options“ über dem Eingabefeld habe ich so gelassen wie sie waren, sonst gibt es doch noch Probleme z. B. beim Upload. Bei mir sind alle Haken aus. Ist das erledigt kann mit dem Hochladen der Schriften begonnen werden. Das Plugin muss so lange aktiviert bleiben, bis alle Schriften hochgeladen wurden.

Hochladen der Schriften (Google Fonts) in DIVI

Jetzt gehen wir auf eine beliebige Divi-Seite die einen Textblock enthält und aktivieren den Divi-Editor (Divi-Builder). Danach gehen wir in die Einstellungen des Textblocks (=Zahnrad-Symbol) und dort auf den Tab „Design“. Hier im Bereich „Text“ auf „Schriftart“ klicken – die Schriftauswahl erscheint als Dropdown. Nun klicken wir auf den Button „Hochladen“ der in der Auswahlbox angezeigt wird. (siehe Bilder).   

In der Dropdown Box auf den Button „Hochladen“ klicken.

Jetzt erscheint diese Dialogbox „Hochladen Schriftart“ Lasst euch von der wirren Übersetzung nicht irritieren, hoffentlich kommt hiee bald mal eine Korrektur.

Oben in das Feld gehört jetzt der Schriftname hinein. Ich ergänze hier um „Regular“ um es von den Kursivschriftarten abzugrenzen. Ausserdem schreibe ich „lokal“ dahinter. Das in zwar unkonventionell, aber ich sehe dann immer gleich woran ich bin. Danach auf den Button „Datei auswählen“ drücken und die .ttf-Datei (nicht die .zip) hochladen. 

Es sieht zwar anders aus, aber das System lasst nur eine Datei zu. Falls ihr keine variable Schriftdatei habt, müsst ihr den Prozess mit jeder Schrift wiederholen. Für diesen Fall gibt es unten die Checkbox „Alle“, die dann – sobald man den Haken entfernt – umschaltet und die Checkboxen für die einelnen Schriftgewichte (Fontweight) freigibt. 

Der Text den ihr oben eingebt, dient dazu später den richtigen Font auszuwählen. Kryptische Bezeichnungen, die ihr euch nicht merken könnt helfen hier nicht weiter. Jetzt ist nur noch wichtig auf „Hochladen“ zu drücken – das wars. Wir wiederholen das mit der Fontdatei für kursive Schrift oder mit allen Einzelfonts.

Einschub aus der Praxis: DIVI Google Fonts lokal einbinden

Kleiner Einschub aus meiner Praxis: Ich habe festgestellt, dass manchmal bei den variablen Fontdateien ich die einzelnen Schriftgewichte nicht vernünftig ansteuern kann. Also mit dem Wahlkonopf „fett, normal, dünn…“ der unter der gewählten Schriftart steht. Der Support konnte das bisher nicht vernünftig beantworten. Wenn ihr den Fall auch haben solltet: Ich lade in dem Fall dann doch noch die einzelnen Schriftgewichte-Dateien hoch – die sind in der geladenen Schrift – Zipdatei meist im Unterordner „static“.

Lokalen eingebundenen Google Font auswählen

So, das Hochladen wäre erledigt. Jetzt gibt es zwei Optionen. 

1. Will ich Schiften eher automatisch und allgemein vergeben, wählen wir in allen Textboxen – so auch hier – nur „Default“ als Schrift aus. Die Schrift wird dann von der Voreinstellung im Customzier übernommen. (ich erkläre gleich wie das geht). Nachdem auf der Seite alle Texte auf „Default“ stehen, bitte speichern und den Editor verlassen.
2. Will ich jede Textbox einzeln mit dem passenden Font versehen, dann bitte jetzt in allen Textblöcken die jeweils gewünschte Schriftart aus den eben hochgeladenen auswählen. Jetzt speichern und den Builder verlassen.

Abschließend für beide Schritte im Theme Cusomizer die lokalen Schriftarten voreinstellen. Dort stellen wir unter „Allgemeine Einstellungen“ / „Typografie“ je eine Schriftart für Überschriften (=Kopfzeile) und die Schriftart den ganzen Rest (=Hauptschriftart) aus. Jetzt klicken wir oben auf „Veröffentlichen“ und verlassen den Customzier über das „X“ oben links. 

Google Fonts deaktivieren

Ist das erledigt, können wir Google Fonts grundsätzlich abschalten. Das machen wir im Menü „Divi / Theme-Optionen“ im ersten Reiter „Allgemeines“ finden wir den Schalter „Google Schriftarten verwenden“ den wir ausschalten. (Der Screenshot zeigt den ausgeschalteten Zustand)

Ab sofort sind keine externen Google Fonts mehr verfügbar, wenn wir Schriften in den Designeinstellungen auswählen. Technisch läuft das Divi-Theme jetzt auf lokalen Fonts, also so wie wir uns das für den Datenschutz wünschen. Es ist aber ratsam, alle Seiten noch mal zu prüfen, und zu schauen, wo jetzt eine Schrift nicht wie gewünscht aussieht. Dort haben wir ggf. noch eine falsche Schrift eingestellt.

Viel Erfolg mit euerer Webseite. Fragen und Anregungen einfach in die Kommentare schreiben.

Über mich 

Ich bin Günther A. Biebl und gebe WordPress-Seminare, erstelle Webseiten und unterstütze euch gerne mit euerer WordPress Webseite. Bei Fragen einfach melden.

Der Beitrag Google Fonts im Divi Theme lokal einbinden erschien zuerst auf Collaborato Training.

Damit das Problem nicht offensichtlich vor allen Besuchern der Webseite passiert, wäre es klasse, solche Probleme frühzeitig zu erkennen und Ausfälle zu vermeiden, richtig? Es gibt ja schon seit gut zwei Jahren die Funktion „Website-Zustand“ in WordPress die uns zu Updates, entfernen nicht genutzter Plugins und Themes, update der PHP-Version und dergleichen ermahnt. (Im Backend unter dem Menüpunkt „Werkzeuge“ zu finden) Das ist natürlich eine gute Sache. Aber es gibt da noch ein System das nicht so offensichtlich ist: Fehlermeldungen bzw. Warnungen des Browsers oder Webservers. 

Offensichtliche und verdeckte Probleme

Manche Probleme auf der Webseite sind offensichtlich – da stimmt was nicht, da sieht was komisch aus oder da ist eine Funktion kaputt, klar. Da hilft häufig ein Blick in die Fehlerconsole des Browsers. (Ich spreche nicht von 404 oder 500er-Fehlermeldungen im Browser, sondern „niedrigschwelligeren“ Meldungen.) In Chrome oder Firefox am Desktop ist das einfach: Rechte Maustaste im Browserfenster drücken, „Untersuchen“ anklicken und auf den Reiter „Console“ gehen. Jetzt die Seite neu laden oder den fraglichen Prozess auf der Seite durchführen und es sollte eine verwertbares Ergebnis kommen: Eine Fehlermeldung oder eine Warnung. (Dabei ist der Eintrag in Chrome: „DevTools failed to load source map“ zu ignorieren, der kommt so gut wie immer.)

Soweit, so gut. Aber was ist jetzt, wenn ein Fehler auftritt, wenn ich gar nicht dabei bin? Ein Nutzer ein Formular ausfüllt und im Prinzip zwar alles läuft, aber im Hintergrund ein paar „rote Fahnen“ gehisst werden, die sagen sollen, dass hier was nicht ganz korrekt ist? Es wäre doch gut, das früh zu erkennen, noch bevor wichtige Daten verloren gehen oder Funktionen unbrauchbar werden. In meinem Beispiel (unten) wären das Anmeldedaten für meinen Newsletter oder sogar die Anmeldung für meine WordPress Seminare.

WordPress Ausfall vermeiden: Logfiles auswerten

Für solche Fälle gibt es in der IT die Logfiles. Das sind separate Dateien, in die die Software alle Meldungen des laufenden Prozesses schreibt. Natürlich macht es keinen Sinn, diese Meldungen jedem Besucher der Webseite um die Ohren zu hauen und wirre Meldungen auszuspucken. Das ist der Grund warum ein normaler Besucher üblicherweise von so etwas verschont bleibt. Im Standardfall ist die Logfile-Generierung in WordPress sogar deaktiviert.

Es gibt die Möglichkeit, das reine generieren des Logfiles direkt in der wp-config.php zu aktivieren und dort eine Datei für die Speicherung anzugeben. Das hat den Nachteil, dass ich in diese Datei auch gelegentlich reinschauen muss. Ich weiss nicht wie das bei Euch ist, aber ich würde das vergessen. Ich bin ja meistens im Backend unterwegs und nicht auf Dateiebene.

Lösung per Plugin „Error Log Monitor“

Die Lösung dafür ist ein Plugin: „Error Log Monitor“ von Janis Elsts (https://de.wordpress.org/plugins/error-log-monitor/). Nach der Installation und Aktivierung, mochte es mich für Newsletter und Tracking gewinnen, was ich mit „Skip“ überspringen kann, oder per „Allow & Continue“ erlaube.

Danach befinden wir uns in der Liste der aktivierten Plugins und werden oben aber darauf hingewiesen, dass wir das Error Log Monitor Plugin noch konfigurieren müssen. Um es einfach zu haben, hier auf „Use Recommended Settings“ drücken. (Über „Manual Configuration“ gibt es mehr Einstellmöglichkeiten. Unter anderem kann man einstellen, wo das Logfile auf dem Server liegen soll. Das ist aus Sicherheitsgründen gar nicht schlecht, ich bleibe hier aber bei der einfachen Lösung. Die Anleitung liefert das Plugin auf englisch mit sobald man auf den Knopf drückt. Und: Falls Ihr jetzt „Recommended“ gedrückt habe und zu „Manual“ wollt: Einfach im Backend noch mal auf den Menüpunkt „Plugins“ klicken)

Etwas Code dann doch

Nach dem Klick auf „Use Recommended Settings“ fordert es den Nutzer auf, ein paar Zeilen Code in die wp-config.php einzutragen und ggf. einen Eintrag anzupassen. Das geht am besten über einen FTP-Zugang. (Web-FTP im Backend des Providers oder z.B. die kostenlose Software „Filezilla“ mit den Zugangsdaten des Providers. (Aus Sicherheitsgründen empfehle ich euch bevor es weitergeht, ein Backup anzulegen – Veränderungen im Dateisystem können euer WordPress lahm legen und wir wollen ja Ausfälle vermeiden. Ein Option ist hier beschrieben: Backup per Updraft Plus)

Seid ihr per FTP eingeloggt, navigiert in das WordPress-Hauptverzeichnis, kopiert euch die wp-config.php auf den lokalen Computer (Bei Filezilla wird die Datei von der Server-Seite auf die andere mit dem lokalen Dateisystem gezogen.) Legt bitte zusätzlich eine Backup-Kopie der wp-config.php an, die unberührt bleibt, sollte was sein (Ausser ihr habt jetzt tatsächlich ein Backup, dann wäre das doppelt 😊). Jetzt öffnet ihr die lokale Datei in einem geeigneten* Editor. 

Bearbeiten der wp-config.php

*Mit „geeignet“ ist keinesfalls Word oder ähnliches gemeint. Gemeint ist ein reiner Text-Editor oder auch ein Code-Editor. Also: MS-Editor (=Notepad unter Windows) oder Textedit (auf Mac). Oder wahlweise als Extraprogramme zum kostenlosen download: BB-Edit (Mac) oder Notepad++ (Windows). Jetzt kopiert Ihr den Code, den das Plugin vorsieht, an das Ende der Datei und speichert die veränderte Datei ab.

Eine Leerzeile darüber ist OK, dann wird es übersichtlicher. Für den Fall dass euch Fehlermeldungen und Warnungen nicht reichen, kann auch noch die Zeile „define( ‚WP_DEBUG‘, false );“ auf define( ‚WP_DEBUG‘, true ); gesetzt werden. Dann wird das Log aber schnell voll. Das macht für mich nur Sinn, wenn ich grade auf der Suche nach einem Fehler bin – für meine Frühwarnfunktion lasse ich das aber aus, also auf „false“. Sonst bekomme ich so viele Meldungen, dass die wirklichen Fehler unter den Meldungen begraben werden, befürchte ich. (Obwohl ich grade sehe, dass bei den Konfigurations-Einstellungen es eine Filteroption gibt, falls ihr die testet, lasst mir einen Kommentar da.)

Bitte keine weiteren Änderungen ohne Knowhow vornehmen – hier reagiert WordPress empfindlich. Danach wird die wp-config.php wieder hochgeladen und damit die bestehende Datei überschrieben und im Plugin (WordPress-Backend) der Vorgang bestätigt. (Button „Done“ anklicken“)

Hat alles geklappt, nimmt das Programm seine Arbeit auf. Es ist gibt jetzt eine neue Anzeige auf der Backend-Seite “Dashboard“ die zunächst leer ist – und idealerweise leer bleibt. Weitere Konfigurationen können über dieses Dashboard-Widget vorgenommen werden. Dazu mit der Maus über die Kopfzeile des Widgets fahren und „Konfigurieren“ anklicken.

Es gibt eine Funktion sich die Einträge über Mail senden zu lassen – die bei mir aber nicht funktioniert.

Meine Erfahrung damit: Es wurde beim Test recht schnell klar, dass das Plugin, das die Mailadresse über das Anmeldeformular für Seminare an die Newsletter-Software weitergibt ein Problem hat. Und das, obwohl alles (noch) sauber ankommt und funktioniert. Um welches Modul es sich handelt, war an dem Pfad zur problematischen Datei zu erkennen der in der Fehlermeldung angegeben ist. Daraufhin habe ich auch gesehen, dass für das Plugin seit 1 Jahr kein Update mehr herausgebracht wurde. Einen Fehlerreport habe ich an den Autor über die Plugin-Support-Seite auf WordPress.org zwar gesendet, dort gibt es aber seit einiger Zeit kaum noch Rückmeldungen. Sprich: Früher oder später muss ich das Plugin ersetzen. Was sich gut trifft, denn ich wollte ja ohnehin ein Veranstaltungsplugin ausprobieren.

Letzte Worte zum Thema „Sicherheit“: Neben diesem Tool gibt es zusätzlich für Sicherheitslücken das sehr gute Sicherheitsplugin „iThemes Security“ das Sicherheitslücken frühzeitig anzeigt und inzwischen auch in der kostenlosen Version einen automatischen Scan auf und 2-Faktor Anmeldung anbietet.

Über mich

Ich bin Günther A. Biebl und gebe WordPress-Seminare und unterstütze Unternehmen dabei Ihre WordPress Webseite selbst zu erstellen und eigenständig zu publizieren. Bei Fragen einfach melden.

Headerbild: von Rudy and Peter Skitterians auf Pixabay

Der Beitrag WordPress Ausfälle vermeiden – ein Frühwarnsystem erschien zuerst auf Collaborato Training.

Meine Meinung – keine Rechtsberatung – ist: Wenn keine persönlichen Daten (dazu gehört die IP-Adresse) der Besucher aufgezeichnet werden und auch kein Cookie gesetzt wird, gibt es hier keine Notwendigkeit per Popup darauf hinzuweisen. Alles was man macht, ist zu zählen wie oft die Webseiten an (anonyme) Besucher ausgeliefert werden.

Bisher habe ich als WordPress Besucherstatistik-Tool Statify empfohlen. Das Plugin ist recht simpel, kann aber auch (zu) wenig. Über das Tool von Verona Labs habe ich auch schon gesprochen – das ist aber etwas zu neugierig. Für den Fall gibt es jetzt Koko Analytics. Die Statistik ist fundierter und man kann auf einzelne Tage herunter brechen. Der Nachteil, wenn man ohne Cookies trackt ist, dass man „wiederkehrende Besucher“ nicht erfassen kann. Das System kann sich ja die Besucher dann nicht merken.

Die Installation und Konfiguration ist supersimpel (Bild unten, klicken vergrößert das Bild):

Oben erstmal die eigenen Nutzerrollen ausschließen. Das ist wichtig, sonst zählt man sich immer selbst mit. Cookies ausschalten, klar. Dann noch Berichtszeitraum einstellen und ab wann gelöscht wird – 30 Monate sollten reichen.

Ab sofort finden sich dann die WordPress Besucherstatistik unter „Einstellungen / Analytics“. Probiert es einfach mal aus. Neben den Überblick über Besucher und Seitenaufrufe gibt es auch eine Übersicht über die Anzahl der einzelnen Seitenaufrufe. Auch die Herkunft der Besucher wird unter „Verweise“ angegeben.

Viel Erfolg!

Headerfoto: Lukas via Pexels

Der Beitrag WordPress Besucherstatistik mit Koko Analytics – ohne Popup und Cookies erschien zuerst auf Collaborato Training.

Vorbereitung für den WordPress Umzug

Es gibt ein paar Sachen, die das Plugin nicht mag. Dazu gehören Dateiennamen die Sonderzeichen und Umlaute enthalten. Das sollte aber sowieso guter Standard sein: Dateinamen können aus Buchstaben und Zahlen bestehen. Zusätzlich gibt es den Unterstrich „_“ und Bindestrich „-“. Ein Punkt trennt den Namen vom Dateityp. Keine Sonderzeichen, Umlaute oder Leerzeichen. 

Jetzt können wir das Plugin installieren und aktivieren. 

WordPress Umzug: Ausführung

Das Plugin legt einen Hauptmenüpunkt im Backend unten links an. Wir starten mit dem Button „Neues erstellen“ rechts.

Der Prozess besteht aus drei Stufen. In der ersten Stufe können wir Änderungen vornehmen oder einfach alles belassen wie es ist. Alles so lassen und auf „Weiter“ drücken wäre mein Tipp.

Danach erfolgt ein Scan. Hier kommt es ggf. zu Warnungen wegen zu großer Dateien oder Dateinamen mit Sonderzeichen / Umlauten. In dem Fall entweder noch mal abbrechen und korrigieren oder die Warnung ignorieren und es probieren. Die Dateigrößenwarnung rührt daher, dass das Tool vermutet, der Provider schafft das Komprimieren der großen Dateinen nicht. Das muss ja nicht stimmen. Aufklappen erklärt mögliche Probleme genauer. Mit „Erstellen“ geht es weiter. Eventuell müsst ihr das ignorieren der Warnungen vorher noch bestätigen.

Jetzt wird das Archiv erstellt und es gibt einen Ladebalken. Etwas Geduld ist angesagt. Nachdem der Prozess fertig ist, bietet es zwei Dateien zum Download an. Eine Archivdatei und ein Installationsprogramm. Beides laden wir jetzt auf unseren Rechner.

WordPress Umzug: Vorbereitung Zielsystem

Beim neuen System benötigen wir Zugang zur Webspace-Verwaltung. Hier kann ich nachsehen oder anpassen mit welchem Unterverzeichnis auf dem Webspace unsere Domain verknüpft ist. Jetzt solltet Ihr noch eine neue Datenbank anlegen – der Menüpunkt könnte auch „MySQL“ heissen. 

Meist werdet Ihr in diesem Dialog gebeten, ein (möglichst komplexes) Passwort zu vergeben. Im Anschluss werden die wichtigen Parameter wie Username, Datenbankname und falls nötig die URL der Datenbank verraten. Diese Angaben benötigt Ihr während der folgenden Installation.  

Falls die FTP-Zugangsdaten unbekannt sind, kann man hier im Provider-Backend jetzt noch die Parameter nachschlagen oder ein neues Passwort oder einen neuen Account anlegen. Das ist wichtig für den nächsten Schritt. Falls euere Domain noch eine Fehlermeldung anzeigt, wenn sie mit der Vorsilbe https:// im Browser aufgerufen wird, ist jetzt die Gelegenheit das entsprechnde SSL-Zertifikat zu aktivieren. Vielleicht müsst ihr das vorher kaufen – das kommt auf eueren Hostingvertrag an.

Besonderheit Providerwechsel

Geht es nicht darum die Domain während des Umzugs zu ändern, sondern soll die Domain vom alten Provider übernommen werden, gibt es einen Zwischenschritt: Zunächst wird die Domain beim alten Provider gekündigt. Das kann man auch „den Auth-Code der Domain anfordern“ nennen. Liegt euch der Auth-Code dann vor, kann die Domain vom neuen Provider übernommen werden. Das führt automatisch zu einer Zwangspause, da der alte Provider meist nicht sofort reagiert und die Übernahme der Domain erst im Internet bekannt gemacht werden muss. Letzteres kann 1-2 Tage dauern. Handelt es sich nicht um eine .de – Domain wird häufig von beiden Parteien per Mail noch eine Zustimmung eingeholt. Ein Hinweis: Denkt an euere Mails, wen Ihr den Provider wechselt. Das Postfach muss beim neuen Provider angelegt werden, die Mails gesichert und das Mailprogramm auf den neuen Provider eingestellt werden. 

Upload auf Zielsystem

Ein FTP-Programm ist eine Software die Dateien von und zum Webserver kopieren kann. Habt ihr keines zur Hand, dann schaut euch das gute und für alle Plattformen kostenlose Filezilla an. Das Programm muss jetzt eine Verbindung zum Webspace aufbauen. Dazu benötigt es Serveradresse, Benutzername und Passwort. Eine kleine Gemeinheit ist, dass es nicht nur reguläres, unverschlüsseltes FTP, sondern auch verschlüsselte Varianten wie SFTP und FTP-SSL gibt. Das sollte der Provider bei der FTP-Accounteinrichtung verraten oder ihr probiert es durch. Möglicherweise müsst Ihr noch den Port mit angeben. Unverschlüsseltes FTP wird schon mal genutzt – Verschlüsselung wäre aber der empfohlene Weg. Euer Coworking- oder WLAN-Cafe Nachbar könnte sonst euere Dateien abgreifen.  Filezilla-Anleitung

Steht die Verbindung, müsst ihr nur noch zum richtigen Serverordner navigieren und in dem Verzeichnis, in das das WordPress später laufen soll die beiden Dateien hochladen. Bei Filezilla geschieht das per „Drag and Drop“. Dateien links anfassen und nach rechts auf den Server „schieben“.

WordPress Installation auf Zielsystem starten

Nach erfolgreichem Upload der Dateien ruft einfach mit dem Webbrowser eure Domain (am besten per HTTPS://) auf und ergänzt die Adresse um „/installer.php“. Zunächst folgt ein einen kurzer Systemtest und die Bestätigung der Lizenzbedingungen mit “Next“. Danach könnt ihr die Datenbank-Parameter aus dem vorhergehenden Schritt eingeben. 

Steht die Datenbankverbindung wird im Schritt 3 noch mal Titel, URL und Installationspfad editierbar angezeigt. Die Angaben sollten aber bereits korrekt sein. Nach drücken auf „Next“ startet die Installation und bestätgt nach ein paar Minuten den erfolgreichen Abschluss. 

Sicherheit: Duplicator löschen

Zur Sicherheit solltet ihr nach dem erfolgreichen WordPress Umzug das Duplicator-Plugin und die Installationsdateien aus dem Webspace löschen. Das muss nicht händisch passieren. Duplicator zeigt genau dafür einen „Admin Login“-Knopf auf der Seite „Installatin fertig“ an. Wenn ihr diesen Knopf jetzt für die Anmeldung klickt, werden die Dateien automatisch gelöscht. Viel Spass mit euerem neuen WordPress 

Fazit

Das Tool hilft mir, die für Kunden gebauten Seiten vom Test-/Staging-Server auf den Liveserver umzuziehen. Ich erspare mir Datenbank-Aktionen mit Suchen und Ersetzen, die immer etwas fehleranfällig sind. Es beschleunigt den Vorgang, weil statt tausender winziger und unkomprimierter Dateien nur eine komprimierte Archivdatei kopiert wird. Das lässt sich viel schneller laden. Und: Wenn man das nicht regelmäßig macht, vereinfacht es den Prozess erheblcih. Einen Nachteil gibt es: Da man die Installation erst aufrufen kann, sobald die Domain auf dem Zielsystem verfügbar ist – Beispiel: Providerwechsel mit Domainübernahme – gibt es einen kurzen Ausfall von ein oder zwei Tagen für die Webseite. Schliesslich kann ich mein WordPress nicht schon vorher vorbereiten, so dass es beim Domainwechsel schon auf dem neuen System vorhanden ist. Das Problem trifft vor allem Seiten, die nicht lange ausfallen dürfen wie gut besuchte Onlineshops oder Seiten, die stark vom erworbenen SEO-Rang leben.

Über mich

Ich bin Günther A. Biebl und gebe WordPress-Seminare und unterstütze Unternehmen dabei Ihre WordPress Webseite selbst zu erstellen und eigenständig zu publizieren. Bei Fragen einfach melden.

Foto im Header: skeeze auf pixabay

Der Beitrag WordPress Webseiten per Plugin umziehen – kostenlos mit Duplicator erschien zuerst auf Collaborato Training.

Updraft Plus ist ein WordPress Plugin und direkt über euer WordPress installierbar. Backups lassen sich nach der Installation mit einem Knopfdruck erstellen und die Konfiguration ist einfach. Alles was Ihr wissen müsst, damit Euch auch nach einem schief gelaufenen Update oder Hackerangriff die gute Laune nicht vergeht erkläre ich Euch hier.

Installation und erstes WordPress Backup

Die Installation erfolgt wie gewohnt über den Menüpunkt „Plugin“ und „Installieren“ im Backend. Sucht nach dem Begriff „UpdraftPlus Backup“. Das richtige Plugin sieht wie im Foto aus. 

Danach „Jetzt Installieren“ anklicken, kurz warten und „Aktivieren“ anklicken.

Das Plugin führt bei der ersten Installation nach einer kurzen Willkommensmeldung mit dem Button „Drücke hier um zu starten“ zum ersten manuellen Backup. Die beiden Haken „Deine Datenbank zur Sicherung hinzufügen“ und „Deine Dateien zur Sicherung hinzufügen“ sind schon angehakt. Jetzt nur noch auf „Jetzt sichern“ klicken und das erste Backup läuft. 

Jetzt einfach kurz warten bis das WordPress Backup fertig ist – dann gratuliert Euch der Assistent zum ersten Backup ?. 

Der Dialog führt Euch weiter zu den Einstellungen mit dem Button „Gehe zu den Einstellungen“. Dabei sind die nächsten beiden Punkte interessant: Datei-Sicherungsplan und Datenbank-Sicherungsplan. Die Anzahl der Backups steht auf 2 das finde ich zu wenig – ich stelle hier mindestens 15 ein – meist ist heute ja noch reichlich Speicherplatz auf dem Webserver vorhanden – und das Intervall stelle ich auf „wöchentlich“ weil bei mir auf der Seite nicht täglich Neues passiert. Das mache ich synchron für „Dateien“ und „Datenbank“ – da ich immer beides benötige, um WordPress wieder vollständig herzustellen.

Konfiguration des WordPress Backups

Der Dialog weist mich noch auf weitere Einstellmöglicheikeiten hin, die aber im Standard schon gut konfiguriert sind. Ausser Ihr hättet etwas, was explizit NICHT gesichert werden soll. Jetzt fehlt nur noch „Änderungen speichern“ und schon ist die Konfiguration abgeschlossen – Jetzt kommt die Werbung – bzw. die kostenpflichtigen „Premium Features“.  Als Beginner mit einer ersten WordPress-Seite benötigt Ihr die nicht unbedingt. Als erstes kommt „Updraft Central“ – falls man mehrere Webseiten betreuet und die Backups zusammenfassen will. Das ist ein externer Dienst auf deren Server. Mit „Weiter“ weisst das Tool jetzt noch auf die Möglichkeit hin, die Dateien extern zu speichern. Allen voran die Premium-Option „Updraft Vault“. Ein externes Backup ist natürlich wünschenswert – lässt sich aber ggf. über Dropbox erreichen oder noch simpler – Ihr ladet es manuell herunter. Das erkläre ich Euch gleich, vorher sehen wir nach Klick auf „Weiter“ noch „Updraft Plus Premium“ und ignorieren das freundlichen Angebot mit dem Button „Fertigstellen“.

Im Backup-Plugin zurechtfinden

Nachdem die Führung beendet ist, seht Ihr das Plugin zum ersten mal „normal“. Wichtig zu wissen, dass Euch der Dialog über die „Reiter“ die Ihr oben seht, geführt hat. Hier kommt Ihr über den Tab „Sicherung / Wiederherstellen“ wieder zum Anfang zurück. Unter „Einstellungen“ finden sich Einstellungen zum Datei- und Datenbank-Sicherungsplan. Das ganze Plugin – wenn Ihr ganz frisch nach dem Backend-Login zugreifen wollt – findet sich etwas versteckt unter dem Menüpunkt „Einstellungen“ und dann „UpdraftPlus Sicherungen.

Backup-Dateien für manuell downloaden

Dazu als erstes auf der ersten Plugin-Seite (Reiter „Sicherung / Wiederherstellen“) bis zur Liste der vorhandenen Backups scrollen und auf die einzelnen Teile der jeweiligen Backups klicken. Die Knöpfe heissen „Datenbank“, „Plugins“, „Themes“, „Uploads“ und „Andere“ . Jedes mal entsteht oberhalb der Buttonliste ein Dialog „Herunterladen db (Datum….)“ und kurz darauf kommt ein Button „Auf deinen Computer herunterladen“ den Ihr noch drücken müsst (zweitens), um den Download zu starten. Bitte nicht ohne Not auf den anderen Button „Vom Webserver löschen“ drücken – dann bleibt die Kopie direkt im Plugin erhalten. Das macht Ihr dann für jeden einzelnen Button. Ist die Website recht umfangreich, kann es sein, das Updraft Plus die Datei in mehrere Pakete verteilt – dann bitte ausnahmslos alle herunterladen.

Bitte überprüft, ob beim zweiten Download auch wirklich ein Download stattfindet. Chrome hat die Eigenart, dass er nur einen Download pro Webseite zulässt. Will man mehr Dateien herunterladen, muss man in der Browser-Adressleiste auf das Icon klicken und mehr Dowloads zulassen. (Foto)

Nach klick auf das markierte Icon öffnet sich dieser Dialog. „…gestatten“ auswählen und mit „Fertig“ bestätigen.

Macht euer Browser die Downloads wie gewünscht, gibt es das Icon gar nicht und Ihr müsst auch nichts machen.

Und: Habt Ihr eine große Seite mit großen Datenmengen, teilt Updraft Plus den Datei-Download in viele kleine Datei-Häppchen auf. Bei großen Installationen kann das viel werden und schlicht nerven.

Im Erstfall: der WordPress Restore aus dem Backup

Ist mit Euerer Webseite etwas schief gelaufen und die Seite „spinnt“ oder der Datenstand ist nicht der richtige und Ihr habt ggf. Daten verloren könnt Ihr jederzeit ein vorhandenes WordPress Backup einspielen. Hinweis: Wenn Ihr nicht sicher seid, ob die Version die zurückgespielt wird besser ist als euere aktuelle, dann bitte zuerst ein Backup von der jetzigen Version machen. Denn, nur dann kommt ihr wieder auf den Stand vor dem Restore zurück. Für das Einspielen eines ältenen Standes einfach den Haken bei der gewünschten Version machen und auf „Wiederherstellen“ drücken und bestätigen

Danach kommt eine Auswahlbox in der ich für ein komplettes Restore alles anklicke: 

Nach Bestätigung mit „Weiter“ kommt in der gerade aktuellen Version einer Warnung die ich ignoriere. Es wurden keine Tabellen beim Backup ausgelassen. Vielleicht hängt der Fehler mit dem kurz vorher durchgeführten WordPress-Update zusammen.

Danach läuft der Restore-Prozesse mit einem Protokoll und zum Schluss ist das System wieder im ursprünglichen Zustand. Jetzt rufe ich einfach meine Domain wieder auf und ich bin wieder auf meiner Webseite im Zustand am Backup-Zeitpunkt.

Wird die Sicherung gar nicht mehr im Plugin angezeigt, könnt Ihr die auf dem lokalen Rechner gespeicherten Dateien hochladen. Das ist besonders wichtig, wenn WordPress nach einem Fehler gar nicht mehr ansprechbar ist. Sollte das der Fall sein und Ihr habt ein aktuelles Backup, dann könnt Ihr WordPress neu installieren, das Plugin installieren und aktivieren. Danach seid Ihr bereit, Euere Backup-Dateien hochzuladen und das Zurückspielen des Backups zu starten.

Nachteile des WordPress Backups Updraft Plus

Ein Nachteil ist, dass es viele Dateien erzeugt die man beim Restore alle wieder zusammenbekommen muss. Ausserdem muss WordPress und das Plugin funktionieren, sonst klappt auch das Einspielen des Backups nicht. Der Vorteil dabei ist aber, dass User die sich vor dem direkten Einspielen der Dateien per FTP und dem Importieren der Datenbank über Oberflächen wie PHPMyAdmin scheuen trotzdem ein Restore hinbekommen können. Ausserdem ist die Konfiguration extrem simpel und bisher hat es mich mit Zuverlässigkeit überzeugt. Etwas lästig sind die Hinweise auf die Premium-Dienste und nicht optimal finde ich, dass so ein wichtiges Plugin seine Oberfläche unter „Enstellungen / Updraft“ versteckt. Kostenpflichtige Dienste wie hier der Domainwechsel – z. B. vom Testserver zum Livebetrieb unter der richtigen Domain gibt es nur mit Aufpreis – oder mit anderen Plugins wie z.B. „Duplicator“ – ein extrem praktisches Plugin über das ich auch einen Artikel plane. 

Vergleich mit BackWPup

Ein anderes gutes Tool ist BackWPUp von Inpsyde GmbH. Es hat viele Einstellmöglichkeiten und das macht es auch schon komplexer alles zu durchschauen. Vorteil hier: Es wird nur eine Datei pro Backup erzeugt. Und: Man kann mehrere Backupjobs parallel konfigurieren – z. B. nur alles aus 2020. Bei größeren Installationen macht das Sinn. 

Letze Worte

Wenn Ihr bis hierher gelesen habt dann gibt es künftig keine Ausrede mehr im Notfall kein Backup euerer Webseite zu haben. Ich empfehle, immer bevor Ihr eines euerer regelmäßigen Updates macht, vorher auf den „Backup erstellen“ Button zu klicken. Ist die Seite in einem Zustand, den Ihr auch länger aufbewahren wollt – z.b. kurz nach dem Relaunch – dann setzt den Haken „Backup behalten“. Dann wird es nicht automatisch gelöscht sondern aufbewahrt. Und: Testet den Restore-Vorgang gelegentlich – einfach um zu prüfen, ob es auch im Notfall klappt.  

Über mich

Ich bin Günther A. Biebl und gebe WordPress-Seminare und unterstütze Unternehmen dabei ihre WordPress Webseite zu erstellen und eigenständig zu publizieren. Bei Fragen einfach melden.

Der Beitrag WordPress Backup einfach und kostenlos einspielen mit Updraft Plus erschien zuerst auf Collaborato Training.

Der Trend geht bei aufwändigen Templates oder einigen Plugins ja schon länger zu Blöcken / Modulen bzw. Pagebuilder-Elementen. Das kann man sich wie Legosteine vorstellen: 1. Block Text, darunter ein Block Zwischenüberschrift, dann ein Block mit einer Aufzählung oder ein Block mit einem Bild. Gefahrlos ausprobieren können Sie das mal hier: https://testgutenberg.com/. An einer Seite im Livebetrieb würde ich es noch nicht testen – dafür ist es noch zu neu und ggf. inkompatibel und bringt auch derzeit noch zu wenig in meinen Augen.

Das finde ich gut:

• Fügt sich nahtlos in das Backend von WordPress ein. 
• Ist intuitiv bedienbar und nutzt auch die Seitenleiste für Einstellfelder
• Ist (bisher) sehr schnell geladen und aktualisiert
• Bearbeiten ist fast so schnell wie vorher – einfach Block anklicken.
• Drittanbieter können eigene Blöcke hinzufügen
• Shortcodes sollen durch Module abgelöst werden

Das passt noch nicht:

• Die Spaltenfunktion ist noch nicht fertig – finde ich aber Elementar.
• Drag und Drop funktioniert noch nicht. Aber es gibt immerhin „Auf“ und „Ab“ Pfeile.
• Es gibt noch keine passendes Template. Manche Features wie „volle Breite“ bei Bildern werden nur eingeblendet, wenn das Template das auch unterstützt.

Ich habe über die Jahre bei anderen Pagebuilder-Systemen beobachtet wie die Menüs immer mehr Funktionen bekamen und immer unübersichtlicher wurden. Bisher ist das Tool noch sehr leichtgewichtig und schlank. Hoffentlich finden die Macher hier eine guten Balance. Wenn dazu dann noch ein vernünftiges Business-Template und ein paar Icons kommen, wäre die Hälfte meiner Seminarteilnehmer bereits mit dem Standard zufrieden – das wäre doch mal innovativ.

Der Beitrag Der neue Gutenberg-Editor in WordPress 5.0 – eine kurze Einschätzung erschien zuerst auf Collaborato Training.