Drei technische Herausforderungen gemeistert

Nachdem ich mehr als 40 Blogbeiträge in meinem > philosophischen Blog vom 12. Mai bis 19. Dezember nachgearbeitet hatte, gab es noch drei technische Herausforderungen zu meistern:

  1. einen eigenen Footer statt des WP-Standards zu installieren
  2. ein Motto-Widget mit kleinen Formatierungs-Rafinessen zu erstellen und
  3. ein Bild-Widget in der Sidebar mit Link einzurichten

Hier die Lösungen:

1) der Footer

Der Standard-Fußbereich hat zwei Links: 1: zur Seite selbst und 2. zu WordPress.org . Ich will den Footer nutzen, um mein eigenes Copyright anzuzeigen und zu meiner Impressum-Seite verlinken.

Im Theme-Editor wird am Ende ersetzt

 <span class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span>
 <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentysixteen' ) ); ?>"><?php printf( __( 'Proudly powered by %s', 'twentysixteen' ), 'WordPress' ); ?></a>
 </div><!-- .site-info -->
 </footer><!-- .site-footer -->
 </div><!-- .site-inner -->
</div><!-- .site -->

durch:

<a target="_blank" href="http://juergen-schroeter.de/impressum.html">(C) 2015 Jürgen Schröter</a>

footer_neu

Später habe ich die Formel erweitert in:

<a target=“_blank“ href=“http://juergen-schroeter.de/impressum.html“>(C) 2016 Jürgen Schröter auf WordPress 4.4 mit dem Standard-Theme Twenty Sixteen</a>


2) Formatiertes Text-Widget

Ich verfüge über keinen HTML-Editor und nutze WordPress selbst dafür. Ich formatiere einen Text im Reiter Visuell als Blogentwurf und wenn ich fertig bin, kopiere ich die HTML-Version aus dem Reiter Text in das Text-Widget in der Sidebar. Der HTML-Text des Mottos ist beispielsweise auf diese Weise so generiert:

 <h5><span style="color: #333399;">"Kein Tag sollte vergehen, an dem man nicht spirituelle Texte gelesen und einen kleinen spirituellen Text geschrieben hat."</span><span style="color: #808080;"> <strong>(Zitat eines nicht genannt werden wollenden antiken Philosophen ;-)</strong></span></h5>

Also ganz ohne HTML-Kenntnisse oder HTML-Editor, nur mit einem kleinen Trick, die visuelle und textliche Variante eines Blogbeitrags zu nutzen.


3) Das verlinkte Bild

Den HTML-Code eines verlinkten Bildes auf diese Weise zu erstellen, ist etwas komplizierter, da hierbei das Bild auf besondere Weise eingestellt werden muss: die benutzerdefinierte Link-URL und das Öffnen des Links in einem neuen Tab:

Screenshot_schreiberfolg

Der auf diese Weise im Blog-Entwurf generierte HTML-Code sieht so aus:

<a href="http://schreibe.dein-buch.jetzt/schreiberfolg/index.php" target="_blank"><img class="alignnone wp-image-1463 size-full" src="http://blog.juergen-schroeter.de/wp-content/uploads/2015/12/schreiberfolg-garantiert-2.jpg" alt="Schreib-Erfolg garantiert" width="270" height="270" /></a>

So funktioniert das Bild als Link im Text-Widget der Seitenbar.

Gesucht: Basis-Plugins zu Sicherheit und SEO

Wordpress-Plugin-LogoNachdem ich mein philosophisches Blog auf WP 4.4 und dem Theme 2016 revitalisert habe, will ich es jetzt vor allem schützen und seoptimieren.

Meine Referenz dazu ist das Video-Training von Birgit Olzem und René Reimann (> MEHR).

Ich entscheide mich für folgende Einstellungen und Basis-Plugins:

1. Eine WP-Seite seoptimieren:

  • Bei Namen von Bild-Dateien und alternativen Texten (Bild / Link) immer auch Keywords verwenden
  • Plugin „Google XML Sitemaps“
  • Plugin „All in One SEO Pack“
    (alternativ und kostenpflichtig wpSEO.de)
  • Für Suchmaschinen wieder aktivieren

Über Ping-Services DIENSTE über neue Beiträge informieren (Liste eintragen in Einstellungen > Update Services (Datei „optimale_pingliste“ von Birgit Olzem)

Ladeverhalten verbessern
(Kapitel 8.3 / 8.4)

  • Plugin „WP-Super-Cache“
    einfach zur Optimierung des Browser-Caches
  • Plugin „W3 Total Cache“
    komplex und fehleranfällig
  • Plugin „Cachify“
    (von René Reimann wegen Einfachheit empfohlen)
  • Plugin „Crazy Lazy“
    (Bilder werden erst geladen, wenn sie angezeigt werden)
  • Plugin „Optimus“ (Bilder werden beim Hochladen in die
    Mediathek gleich optimiert)
  • Eintrag in .htaccess-Datei Code-Block von René Reimann
    (Status-Änderung von 200 auf 304 im Browser-Cache)

code_block

2. Eine WP-Seite schützen:

  • Plugin „Antispam Bee“ zum Sperren von Spam-Kommentaren (deutschsprachig) [Kapitel 3.5]

Vor Fremdzugriff schützen (KapITEL 9.7)

  • In der Datenbank das Tabellenpräfix wp_ NICHT verwenden
  • Debugg-Mode muss ausgeschaltet sein (in config.php)
    #define(‚WP_DEBUG‘, true);
    #defide(‚SCRIPT_DEBUG‘, true);
  • Meta-Text (Generator-Tag entfernen)
    <meta name=generator“ content=“WordPress 4.0“ />
    im Theme die functions.php einen Filter platzieren,
    den den Tag entfernt

generator tag

  • Dateiberechtigung prüfen: Ordner 755 / Dateien 644
    Upload-Ordner 777 (!)
  • Hier muss das Ausführen von php-Dateien unterbunden werden:
    <files *.php>
    deny from all
    </files>
    in den wp-content-Ordner als .htaccess einfügen
    Dadurch: Platzieren von Schadprogrammen verhindert
  • Das Admin-Loginfeld sichern / Fehler-Ausgabe verbergen
    Zeile in der function.php
    add_filter( ‚login_errors‘, create_function( ‚$x‘, ‚return:‘ ) );
  • Plugin zur Reduzierung der Anmeldeversuche:
    „Simpe Login Lockdown“ (5 Versuche, Sperrung 60 Mnuten)
  • Plugin Google Authenticator (neues Feld im Login für Code:
    ständig aktualisierter Schlüssel wird im Handy angezeigt)

Daten sichern (Kapitel 9.8 und 9.9)

  • Plugin BackWPup Free (deutsch)
    direkt herunterladen in Ordner des servers /
    Cloud wie Dropbox authentifizieren
    mit speziellem Verzeichnis in der Dropbox
  • Einrichten mit WorPress Cron
  • Empfehlen: Autoupdate deaktivieren
    codex.wordpress.org/Configuring_Automatic_Background_Updates
  • Plugin „WP-Offline“ von Frank Bültge blockiert externe Aufrufe wie Updates von Plugins

 

Geschafft! Mein philosophisches Blog ist neu installiert!

Die erste große Operation ist über die Testseite gelungen! Mein philosophisches Blog.Juergen-Schroeter.de ist auf WP 4.4 mit dem Theme TwentySixteen (2016) erfolgreich und fehlerfrei transformiert.

Die ganze „Test-Arbeit“ und das Lernen von Anfang an hat sich wirklich bezahlt gemacht und gelohnt: erster großer ERFOLG!

Die Seite braucht jetzt noch die Standard-Plugins für Sicherheit und SEO, dann kann ich sie auch wieder vom Wartungsmodus bis Montag 21.12. befreien.

Willkommen im Test-Modus

Heute habe ich die Subdomain test.wordpress-erfolg.info angelegt.

wordpress-test-modus

  • Die Installation des Multisite-Netzwerks funktioniert hier auch nicht > MEHR
  • Über die Test-Page habe ich den Super-Gau hier einigermaßen schmerzfrei korrigiert > MEHR
  • Domain-Wechsel: Über die Testpage ja-wort.info habe ich auch die erste Version in eine Subdomain version_01.wordpress-erfolg.info „transformiert“ > MEHR

Die Herausforderung des Tages

tipp_150

Nachdem ich heute Nacht noch den Rest aus der Testumgebung durch Kopieren, Linkanpassung usw. hier jetzt vollständig eingefügt habe, ist die Herausforderung des Tages eine Dreifache und sehr lehrhaft:

  1. Ein Multisite-Netzwerk einzurichten, so dass die Test-Version als Archiv sozusagen in eine Subdomain untergebracht ist.
  2. Eine Domain-Implantation  vorzunehmen, eine „Test-Domain“ (ja-wort.info) in eine „Sub-Domain“ (version_01.wordpress-erfolg.info) umzuwandeln: Die alte Test-Datenbank soll ja übernommen werden, doch vollständig von den alten URLs befreit.
  3. Ich will auch weiter eine Test-Domain haben, baue sie aber im Rahmen des Multisite-Netzwerkes als Subdomain test.wordpress-erfolg.info auf.

AngerSupergau!

Nach der Installation des Multisite-Netzwerks ist mein Backend zerschossen. Besser gesagt: Statt des Admin-Logins nur eine weiße Seite.

 

 

Schlaflose Nacht

startschussIch kann nicht einschlafen, weil mir immer bewusster wird, dass ich mit WP 4.4 (gestern installiert) eine ganze neue Epoche meiner eigenen Internet-Präsenz beginne. Es ist „responsiv Design“ pur (schön, wie auch die Bilder sich dem jeweiligen Fensterausschnitt anpassen) und ich bin nach 15 Jahren wieder auf der Höhe der Zeit! Ich dachte schon, ich hätte den Anschluss ins Web 3.0 längst verpasst.

Nur ein paar Handgriffe und aus der „Todesanzeige“ von Tweity Sixteen ist ein wirklich ansprechendes Design geworden!

Ich freue mich jetzt schon darauf, jetzt meine anderen Blogs auf dieses Niveau zu bringen. Und die Entscheidung ist getroffen, auch meine ganzen Internet-Präsenzen über Web2Date (früher Data Becker)  Schritt für Schritt in WordPress neu aufzusetzen. Aber erst ist einmal ist meine Lebensschule mit Moodle 3.0 dran!

Okay, die Erstinstallation steht

wordpress-logoauf …

Version: WordPress 4.4
Theme: Twenty Sixteen (2016)
Domain: wordpress-erfolg.info

Heute kopiere ich alle Inhalte der Beiträge und Seiten seit 4. Dezember ein. WOWWW! Geschafft!

Wordpress-Plugin-LogoIch halte mich mit der Installation und Aktivierung der Plugins in dieser Neu-Installation etwas zurück, nur das, was ich gerade brauche. Also bisher nur „Contact form 7“ und „Responsive Lightbox by dFactory“

WordPress 4.4 ist verfügbar

wordpress-logoDas ist mein letzter Beitrag in meiner „Testinstallation“ unter der Domain ja-wort.info –

Jetzt baue ich die Installation über die Domain wordpress-erfolg.info neu auf. Es ist für WordPress selbst ein großer Sprung, eine neue Dimension. Upps!!

Mit dem Upgrade auf WP 4.4 ist meine Lösung für den Footer (Copyright by Jürgen Schöter) wieder futsch (was zu erwarten war!). Muss immer wieder nachgeladen werden. (> Mein Experten-Tipp zur footer.php)

Vorbereitung zum Versions-Sprung

Dieses Blog ist kaum eine Woche alt und ich bereite mich schon auf den ersten Versions-Sprung vor! Da wäre:

  • WordPress 4.4
  • Theme twenty sixteen (2016)
  • wordpress-erfolg.info
DAZU HABE ICH BEREITS:
  • die Startseite verändert als „Willkommensseite“ (die ursprüngliche Seite ist jetzt > „Mars-Bewohner“) und
  • das Farb-Design des Hintergrunds schon auf das Blau im WordPress-Logo „eingestimmt“ (sieht sehr schön aus!)
  • IDEE: die Farben der Überschriften bekommen das Gelb des Moodle-Logos – sieht bestimmt geil aus! (Das ist aber ein Eingriff ins Theme.)

Super-IDEE: Ich demonstriere hier auch die Versions-Sprünge über Subdomains! Jede Version bekommt dann eine eigene Subdomain, so dass diese Sprünge später nachvollziehbar sind.