WordPress umstellen auf https

Da die Daten­schutz­grund­verord­nung, DSGVO, einen ver­ant­wor­tungsvollen Umgang mit Kun­den­dat­en geset­zlich vorschreibt, ist auch die Umstel­lung auf “https://” mit einem SSL-Zer­ti­fikat zwin­gend. Hier beschreibe ich für die Nachzü­gler der Umstel­lung meine Meth­ode der Umstel­lung.

Inhaltsverzeichnis

Word­Press umstellen auf https weit­er­lesen

Meine Leitlinien fĂĽr das Erstellen von Webseiten

Als Beispiel für die Darstel­lung mein­er Leitlin­ien nehme ich hier Word­Press als CMS. Ich ver­suche, soweit als möglich, wis­senschaftliche Grund­sätze und Erken­nt­nisse bei der Erstel­lung zu nutzen.
Diese Doku­men­ta­tion wurde mit dem neuen “Gutenberg”-Editor erstellt.

Inhaltsverzeichnis

  1. Sicher­heit
  2. Tech­nik
  3. Lay­out
  4. Rechtlich­es
Meine Leitlin­ien für das Erstellen von Web­seit­en weit­er­lesen

DSGVO, Konsequenzen fĂĽr Verbraucher

Es gibt bish­er nicht besproch­ene Kon­se­quen­zen für den Ver­brauch­er.

Warum soll­ten Unternehmen Dat­en vorhal­ten, von denen sie keinen Nutzen haben?
Wer­den bish­er nicht genutzte Dat­en von Kun­den gelöscht?
Jed­er Ver­brauch­er muss sich selb­st um Daten­hy­giene küm­mern!
Auch muss ein Back­up-Konzept her!
Wichtige Dat­en müssen Sie selb­st vorhal­ten!

WordPress hängt sich auf im Wartungsmodus

Prob­lem
Wie im vorherigem Beitrag ein eher seltenes Prob­lem. Wenn ein Plu­g­in nicht aktu­al­isiert wird oder aus anderen Grün­den der Wartungsmodus sich nicht selb­st auss­chal­tet.

Lösung
Mit FTP auf das Wurzelverze­ich­nis von der Word­Press-Instal­la­tion gehen und die ver­steck­te Datei, erkennbar am führen­den Punkt, .main­te­nance löschen. Nicht vergessen sich die ver­steck­ten Dateien anzeigen lassen, meist im Menü “Ansicht” des FTP-Pro­gramms zu find­en.

WordPress manuell aktualisieren

Prob­lem
Das automa­tis­che Update wird von wp-admin/update-core.php ver­wal­tet.
Trotz­dem kommt auch ein solch mehrfach geprüftes und gefixtes CMS mal ins Stolpern.
Die Fehler­mel­dun­gen kön­nen sein

  • Die Datei kon­nte nicht kopiert wer­den.

Lösung
Hier nun ein die Lösung um in jedem Fall ein aktuelles Word­Press auf seinem Web­space zu nutzen.

  1. Wenn noch möglich, ein Back­up der Inhalte und der Daten­bank vornehmen, auch wenn es sich im Nach­hinein als über­flüs­sig her­ausstellt.
  2. Down­load der deutschen Ver­sion von Word­Press über https://de.wordpress.org/txt-download/.
  3. Ent­pack­en der Zip-Datei, es wird ein Verze­ich­nis “word­press” erstellt.
  4. Aus diesem dekom­prim­iertem Verze­ich­nis das Unter­verze­ich­nis wp-con­tent löschen.
  5. Mit dem FTP auf den bish­eri­gen Web­space zugreifen und außer
    • dem Verze­ich­nis wp-con­tent und
    • den Dateien .htac­cess und wp-config.php

    die gesamte Word­Press-Instal­la­tion löschen.

  6. Nun die neuen Verze­ich­nisse und Dateien aus dem dekom­prim­iertem Verze­ich­nis auf den Web­space hochladen.

WordPress missachtet W3C-Standards


Inhaltsverzeichnis

  1. Heute am Beispiel des Unter­strich von Hyper­links, auch Selek­tor “a”
  2. Die Nor­mung von HTML5 und CSS3 sind große Erle­ichterun­gen
  3. Word­Press und die Ehrlichkeit
  4. Noch Open Source Soft­ware oder doch nicht mehr zu empfehlen
  5. Beispiel der Dekla­ra­tio­nen “out­line” und “bor­der”

Immer wieder wer­den von “Word­Press” bewährte Stan­dards mis­sachtet. Hier im Theme “Twen­ty Six­teen” von WordPress.org.


Heute am Beispiel des Unterstrich von Hyperlinks, auch Selektor “a”

Das CSS, Cas­cad­ing Style Sheets, gibt dem Inhalt das Ausse­hen. Diese Tren­nung ist vom W3C, World Wide Web Con­sor­tium, auch genau­so gewollt. Das CSS gibt es mit­tler­weile in der 3. Ver­sion und deckt für die meis­ten Web­de­sign­er auch gefühlte 99% der gewün­scht­en Funk­tio­nen ab.


Die Normung von HTML5 und CSS3 sind groĂźe Erleichterungen

Wird ein Link geset­zt, so wird dieser sofort ohne weit­ere Lay­out-Ein­stel­lun­gen in der Farbe Blau und mit Unter­strich dargestellt. Außer­dem bekommt der Mauszeiger die Form des Point­ers zugewiesen. Das sind die 3 Stan­dards die in jedem HTML-Doku­ment für Hyper­links schon vordefiniert sind. Der Unter­strich wird dabei von der Dekla­ra­tion “text-dec­o­ra­tion” mit dem Wert “under­line” dargestellt.
Dieser Stan­dard soll gewährleis­ten, das nach­fol­gende Arbeit­en an der Web­seite und seinem CSS, ohne weit­eren Aufwand und von jedem anderem Bear­beit­er fort­ge­set­zt wer­den kön­nen. Denn das schlussendliche Werk, für das ein Web­de­sign­er bezahlt wird, gehört dem Kun­den.


WordPress und die Ehrlichkeit

Jet­zt das Aber, aber warum ver­suchen Web­de­sign­er diese Stan­dards mit nicht kon­for­men Winkelzü­gen auszuhe­beln? Das bleibt wohl deren Geheim­nis. Das es getan wird, das ist zweifel­los Tat­sache. Doch das es bei den emp­fohle­nen und von der eige­nen Plat­tform ver­bre­it­ete Themes von Word­Press sind, das ist ärg­er­lich und wider­spricht auch dem Gedanken von Open Source Soft­ware, näm­lich der Nicht­diskri­m­inierung, und dem wichtig­stem Design­prinzip, dem KISS-Prinzip.

In ver­schieden Themes, die von Word­Press ver­trieben wer­den, sind mir solche nicht stan­dard­kon­for­men Dekla­ra­tio­nen von Ele­menten vorgekom­men und sie ärg­ern mich so sehr das ich nun einen Beitrag zum Word­Press Stan­dart-Theme “Twen­ty Six­teen” schreibe. Denn hier wird der Unter­strich von Links erstellt mit “box-shad­ow: 0 1px 0 0 cur­rent­Col­or;”.

Ver­sucht nun jemand diesen Unter­strich zu ändern oder zu ent­fer­nen wird er nicht fündig mit der Suche nach “text-dec­o­ra­tion”. Bei einem anderem Theme von Word­Press wird der Unter­strich mit “bor­der-bot­tom” erstellt, das zu dem selbem Ärg­er beim Web­de­sign­er führt.


Noch Open Source Software oder doch nicht mehr zu empfehlen

Jet­zt stellt sich mir die Frage, sind diese Themes denn dann über­haupt noch Open Source Soft­ware und wenn nicht, dann sind diese auch nicht mehr zu empfehlen!

Beispiele
stan­dard­kon­former Hyper­link der W3C-Empfehlung
Hyper­link mit “bor­der-bot­tom”
Hyper­link mit “box-shad­ow”
Es sind keine Unter­schiede zu erken­nen, genau das ist die fatale Sit­u­a­tion, vor dem der Web­de­sign­er ste­ht. Zudem sind in dem Theme “Twen­ty Six­teen” 6(sechs) CSS-Dateien mit 53kB, das entspricht etwa 9000 Wörter, da ist die Suche nach der entsprechen­den Dekla­ra­tio­nen schon sehr schw­er.


Beispiel der Deklarationen “outline” und “border”

Hier liegt kein Fehler vor, nur scheint “out­line” doch sehr redun­dant zu sein. Die Dekla­ra­tion “out­line” ist ohne sie zu ken­nen nicht gle­ich von “bor­der” zu unter­schei­den. Der Unter­schied liegt darin, “bor­der” legt sich zuerst um den Inhalt und “out­line” bein­hal­tet “bor­der” und den Con­tent. Aber einzeln geset­zt, ist “out­line” nicht von “bor­der” zu unter­schei­den.

Hyper­link mit “bor­der”
Hyper­link mit “out­line”
Hyper­link mit blauer gepunk­teter Lin­ie für “out­line” und rot­er Lin­ie für “bor­der”

Einzelne Wörter in allen Beiträgen mit CSS ohne “class” und “span” formartieren

Oft beste­ht der Wun­sch einzelne Wörter im Lay­out zu charak­ter­isieren oder zu kennze­ich­nen. Bish­er wer­den dafür die Optio­nen mit “class”, “span”, “div” oder anderen Ele­menten genutzt.

Ich habe mir eine Meth­ode erstellt wie dies auch ohne diese Ele­ment funk­tion­iert, da zum Beispiel der Stan­dard-Texte­d­i­tor in Word­Press solche Ele­mente nicht anzeigt.
einzelne-woerter-css3


Beispiele
1. Beispiel
Nutzen sie für fol­gende Eingaben das Ter­mi­nal.

... Eingaben das <em><strong>Terminal</strong></em>.

2. Beispiel
Nutzen sie für Befehl für die Sys­temüber­sicht inxi -Fxz.

... SystemĂĽbersicht <code>inxi -Fxz</code>.

Das dazuge­hörige CSS:
em strong { color:#c00; }
code { col­or: #00c; }