Webseite „https://friseurin-silvia.de“

Diese Webseite hatte ich ursprünglich 2014 neu erstellt. Vor zwei Jahren wollte ich diese Webseite erneuern mit einem frischeren modernen Aussehen und mit den neuesten Technologien ausstatten.

Doch hatte die Inhaberin der Webseite diesen Zuschlag schon jemanden gegeben. Das Ergebnis der neuen Webseite war leider verheerend.

  • Kein Platz mehr im Google-Ranking
  • Das Thema der Webseite verfehlt
  • Webseite entsprach in keiner Weise der Benutzerfreundlichkeit
  • Kunde und Produkt wurden zur Nebensache degradiert

Daraufhin hat die Inhaberin der Webseite mich um die Reparatur gebeten.

Inhaltsverzeichnis

Webseite „https://friseurin-silvia.de“ weiterlesen

Telefonnummer direkt zum anwählen

Die Internetnutzung durch Smartphones verlangt Veränderungen des Webdesigns um weiterhin oder anders Benutzerfreundlich zu sein oder zu verbessern.

Inhaltsverzeichnis

  1. Beispiel
  2. Symbole
  3. Verweise

Hier am Beispiel einer sofort anwählbaren Telefonnummer direkt aus der Webseite heraus.
Mobil: 0172 – 3062373

Der entsprechende Code ist:

Mobil: <a href="tel:+491723062373">0172 - 3062373</a>

Symbole
Mit verschiedenen UTF-Symbolen ist das ganze auch noch individueller anzupassen.

Ausführung Code
📱 &#128241;
&#9990;
&#9742;
🖁 &#128385;
🕽 &#128381;
📴 &#128244;

Das letzte Symbol wäre geeignet um Ruhepausen in Kliniken, Kindertagesstätten, Seniorenheime anzuzeigen oder andere sensible Orte zu kennzeichnen.


Verweise
http://unicode-table.com/de/search/?q=Phone
UTF8 mit Google suchen

SVG in WordPress einbinden

Diese Anleitung gilt auch für andere Web-CMS.

Warum sind SVG-Dateien, also skalierbare Grafiken so interessant?
Weil diese schneller im Internet transportiert werden und sich somit die Webseite schneller öffnend. Außerdem entlastet es die Datenbank.

Vorsicht, nur selbst erstellte SVG-Dateien hochladen, den SVG-Dateien werden bewusst gesperrt um ausführbaren Code, der in SVG-Dateien versteckt werden kann, keinen Zugang zur Webseite und somit auch zu den Webseiten-Besuchern zu gewähren.

Hier am Beispiel des Farbrades mit 256 Farben.
Colorwheel-small

150 kB die Original-SVG-Datei
 65 kB als komprimierte PNG-Datei
 17 kB als optimierte JPEG-Datei
 20 kB als SVGZ-Datei, verlustfrei komprimierte SVG-Datei

Nun sieht es so aus, das JPEG die kleinste Datei ist und nicht die verlustfreie komprimierte SVGZ-Datei, aber JPEG hat die schlechteste Qualität und SVG ist das Original. Gerade für Zeichnungen und Logos sind Artefakte wie in JPEG-Dateien keine Option!
Bei JPEG-Dateien besteht noch das Problem die Original-Datei aufzuheben, zusätzlich zur eingesetzten Datei mit den speziellen Abmessungen für die jeweilige Webseite.


Um SVG-Dateien und auch komprimierte SVGZ-Dateien in WordPress zu nutzen, werden zwei Arbeitschritte benötigt.

1. muss dem Apache-Server mitgeteilt werden das diese Dateiformate, die zu Recht als gefährlich eingestuft werden, zulässig sind.
.htaccess

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

2. wird WordPress dieselbe Mittelung gemacht über das aktivierte Theme.

/wordpress-webseite/wp-content/benutztes-theme/
functions.php

/* MIME-Type svg und svgz zulassen */
    function custom_mtypes( $uwd ){
        $uwd['svg'] = 'image/svg+xml';
        $uwd['svgz'] = 'image/svg+xml';
        return $uwd;
    }
    add_filter( 'upload_mimes', 'custom_mtypes' );

3. Im Header der Seite muss ein eventuelles „no-svg“ gelöscht oder auskommentiert werden.

Waipoua – Beitrag oben halten

Problem:
Ein Fehler im WordPress-Theme „Waipoua“ der sehr lästig ist, die Funktion „Beitrag auf Startseite halten“, früher „Artikel oben halten“, wird ignoriert.

Lösung:
Das Zählen fängt immer bei Null an! Die Datei „index.php“ muss an folgender Stelle editiert werden:

query_posts( $query_string . ‚&ignore_sticky_posts=1
zu
query_posts( $query_string . ‚&ignore_sticky_posts=0‚.

Bilder werden nicht mehr angezeigt

Problem:
Warum werden Bilder plötzlich nicht angezeigt?

Lösung:
In Zeiten von Überwachungswahn der Politik und der Internet-Industrie ist man geneigt, so viel wie möglich seine Website abzusichern.
Wenn dann plötzlich keine Bilder mehr angezeigt werden, zum Beispiel nach Updates der Plugins, dann ist die „.htaccess“ einen Blick wert.

WordPress Multisite

Multisite
Mehrere Websites mit einer WordPress-Installation sind möglich.

Der Vorgang ist wie folgt. Im Root-Verzeichnis der WordPress-Installation liegt die Datei „wp-config.php“.
Innerhalb dieser Datrei muss oberhalb von
/* That’s all, stop editing! Happy blogging. */

der nachstehender Code eingesetzt werden:
define(‚WP_ALLOW_MULTISITE‘, true);

Dadurch wird die Multisite als Möglichkeit aktiviert.


Um vollständig eine Multisite zu erstellen, müssen folgende Code-Zeilen in die gleiche Datei eingetragen werden:
define(‚MULTISITE‘, true);
define(‚SUBDOMAIN_INSTALL‘, false);
define(‚DOMAIN_CURRENT_SITE‘, ‚avektor.de‘);
define(‚PATH_CURRENT_SITE‘, ‚/‘);
define(‚SITE_ID_CURRENT_SITE‘, 1);
define(‚BLOG_ID_CURRENT_SITE‘, 1);

/* That’s all, stop editing! Happy blogging. */


Also komplett wird der zusätzliche Code in der Datei „wp-config.php“ so aussehen:
define(‚WP_ALLOW_MULTISITE‘, true);
define(‚MULTISITE‘, true);
define(‚SUBDOMAIN_INSTALL‘, false);
define(‚DOMAIN_CURRENT_SITE‘, ‚avektor.de‘);
define(‚PATH_CURRENT_SITE‘, ‚/‘);
define(‚SITE_ID_CURRENT_SITE‘, 1);
define(‚BLOG_ID_CURRENT_SITE‘, 1);

/* That’s all, stop editing! Happy blogging. */


Ebenfalls im Rootverzeichnis liegt die Datei „.htaccess“. Der Inhalt der WordPress-Regeln wird so geändert:
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]

# add a trailing slash to /wp-admin
RewriteRule ^([_0-9a-zA-Z-]+/)?wp-admin$ $1wp-admin/ [R=301,L]
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ – [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(wp-(content|admin|includes).*) $2 [L]
RewriteRule ^([_0-9a-zA-Z-]+/)?(.*\.php)$ $2 [L]
RewriteRule . index.php [L]
# END WordPress