Webdesign

Die Vergleichstabelle zwischen der Free und Premium-Version des beliebten WordPress Themes “GeneratePress”:

Modul	Free	Premium
Typography	The free version only has settings for Body, H1, H2, H3.	X
Colors	The free version has a predefined set of theme colors. There is no granular controls.	X
Backgrounds		X
Blog		X
Copyright		X
Disable Elements		X
Elements		X
Import / Export		X
Menu Plus		X
Secondary Nav		X
Sections		X
Site Library		X
Spacing		X
WooCommerce		X

Die Unterschiede sind im Hauptmenü des Customizers nicht offensichtlich:

Erst beim Anklicken eines Menüpunktes, z.B. Farben, wir der Unterschied der Möglichkeiten sichtbar:

Vom Entwickler von GeneratePress gibt es noch zwei weitere sehr empfehlenswerte Plugins:

• GenerateBlocks
• Lightweight Social Icons

CSS für eine bestimmte Seite

Mit dem Zusatz page-id-XXXX kann für eine bestimmte Seite eine dediziertes CSS angegeben werden um z.B. den Hintergrund zu ändern:

body.page-id-XXXX {
     background-color: #ffffff;
}

Transparente Box

.white {
     background-color: rgba(255, 255, 255, 0.5);
     padding-top: 20px;
     padding-bottom: 20px;
     padding-right: 20px;
     padding-left: 20px;
}

Schatten

.shadow {
     box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);
} 

Google reCaptcha Badge entfernen

.grecaptcha-badge {
     display:none;
}

Box abschrägen

.post, .posts .page {	
     clip-path: polygon(0 25px, 100% 0, 100% 100%, 0% 100%);
}

Logo links vom Titel

.site-logo {
     float: left;
     margin-right: 20px;
}
.site-branding {
     display: inline-block;
}

Sticky Menu transparent

.main-navigation {
     background-color: rgba(66, 66, 66, 0.8);  
}

Nachfolgend einige lose Infos für Webmaster im Zusammenhang mit der Datenschutz-Grundverordnung (DSGVO) der Europäischen Union (EU) die am 25. Mai 2018 in Kraft tritt.

 

Cookies

Neue EU-Vorschriften – Cookies und Datenschutz auf Websites

Datenschutz und ePrivacy 2018 – Änderungen für Onlinemarketing, Tracking und Cookies

Ultimate Guide to EU Cookie Laws

Die Umsetzung der EU-Cookie-Richtlinie in Deutschland

DSGVO für Blogger und Websitebetreiber – das musst Du wissen!

https://www.cookiebot.com/de/

 

Beispiele von Datenschutz-Seiten

http://www.fuender.de/datenschutz/

https://www.webtimiser.de/datenschutz/

https://www.robeco.com/ch/de/richtlinie-zu-datenschutz-und-cookies.html

https://regalmontagen.de/datenschutz/

http://www.mandg.ch/de-de/footer/datenschutz-und-cookies/

 

Cookies mit WordPress

Notwendige Cookies / Session Cookies

Cookie Name	Quelle	Zweck	Ablaufdatum
PHPSESSID	Server	Enthält eine anonyme Nutzer-ID, um mehrere Anfragen eines Nutzers derselben HTTP-Session zuordnen zu können.	Beim Beenden der Browsersitzung
pinpoint_[ID]	WordPress Plug-in Pinpoint Booking System	nicht bekannt	Beim Beenden der Browsersitzung
swpm_session	WordPress Plug-in Simple Membership	nicht bekannt	Beim Beenden der Browsersitzung
woocommerce_cart_hash	WordPress Plug-in WooCommerce	Enthält informationen über den Warenkorb und hilft WooCommerce zu erkennen wenn der Warenkorn ändert.	Beim Beenden der Browsersitzung
woocommerce_items_in_cart	WordPress Plug-in WooCommerce	Enthält informationen über den Warenkorb und hilft WooCommerce zu erkennen wenn der Warenkorb ändert.	Beim Beenden der Browsersitzung
WT_SESSION	webtrees	Enthält eine anonyme Nutzer-ID, um mehrere Anfragen eines Nutzers derselben HTTP-Session zuordnen zu können.	Beim Beenden der Browsersitzung

 

Funktionale Cookies

Cookie Name	Quelle	Zweck	Ablaufdatum
cookie_notice_accepted	WordPress Plug-in Cookie Notice von dFactory	Speichert die Entscheidung des Nutzers ob die Cookie-Nutzung akzeptiert oder abgelehnt wurde.	1 Monat
cf7msm_check	WordPress Plug-in Contact Form 7	nicht bekannt	Beim Beenden der Browsersitzung
qtrans-front-language	WordPress Plug-in qTrans	Mit diesem Cookie speichern wir die Spracheinstellungen unserer Seite für Sie (z.B. Deutsch, Englisch oder Französisch)	1 Jahr

 

Drittanbieter Cookies

Cookie Name	Quelle	Zweck	Ablaufdatum
NID PREF HSID APISID SID	DrittanbieterGoogle reCAPTCHA (z.B. durch das WordPress Plug-in Contact Form 7)	Das Cookie ist in Anfragen enthalten, die von den Browsern an Google-Websites gesendet werden. Das NID-Cookie enthält eine eindeutige ID, über die Google Ihre bevorzugten Einstellungen und andere Informationen speichert, insbesondere Ihre bevorzugte Sprache (z. B. Deutsch).	nicht bekannt

Für den Administratorenbereich (wp-admin) gelten zudem folgende Cookies: wp-settings-time-[UID],wp-settings-[UID], wordpress_test_cookie, qtrans_admin_language (mit WordPress Plug-in qTrans)

 

Seit 2009 ist die Familien- und Stammbaumseiten meiner Familie Schnider aus Grenchen online. Das Kernstück war die Stammbaumverwaltungs-Applikation PhpGedView welche nun erfolgreich durch webtrees abeglöst wurde.

webtrees ist eine freie Webanwendung zur Darstellung von Stammbäumen und Arbeit mit genealogischen Daten im GEDCOM-Format. webtrees wurde Anfang 2010 von PhpGedView abgespalten. webtrees beinhaltet einen einfachen und unkomplizierten Assistent zum transferieren der Daten von PhpGedView nach webtrees.

Die Startseite basierte bisher auf einfachen HTML-Seiten welche nun durch WordPress abgelöst wurden.

Auf der gleichen Plattform läuft auch die Familien- und Stammbaumseite der Familie Bösiger aus Melchnau.

 

 

• Familie Schnider – Stammbaum- und Familienseite
• Familie Bösiger – Stammbaum- und Familienseite

 

Für den Neutralen Quartierverein Niederholz Riehen durfte ich einen neuen Webauftritt erstellen, da das bisherige System nicht den gewünschten Bedienkonfort bot. Das Design wurde der bisherigen Seite angelehnt, aber das Backend komplett auf WordPress aufgebaut.

Bereits bei der Pilot-Seite gab es seitens der für die Homepage zuständigen Personen ein sehr positives Feedback zur Usability von WordPress. Anfang Dezember 2015 wurde die neue Homepage aufgeschaltet und wird seither inhaltlich durch den Verein betreut.

Mit dem neuen Veranstaltungskalender, den überarbeiteten Kontaktformularen und der Tatsache, dass sich die Seite  den verschiedenen Bildschirmgrössen von Smartphones, Tablets und Computern anpasst, ist die neue Homepage gerüstet für die nächsten Jahre.

Seit Mitte Dezember 2015 erscheint die Webseite der Wartenberg-Fahrschule in einem neuen Design. Ich betreue den Webauftritt der Fahrschule seit 2001 und konnte nun die dritte Version der Homepage erfolgreich online bringen. Die neue Seite wurde mit WordPress aufgebaut, sodass die Pflege der Seite direkt online durch den Endkunden erfolgen kann.

Dank einem responsive Design welches sich den verschiedenen Bildschirmgrössen von Smartphones, Tablets und Computern anpasst, kann die junge Zielgruppe besser angesprochen werden.

Der aufgefrischte Internetauftritt ist suchmaschinenoptimiert und mit einer mit symbolen unterlegten Navigation einfach zu bedienen.

Eines meiner Webprojekte, das Tramforum Basel, konnte ich heute erfolgreich auf eine neue Version migrieren. Zudem hat das Forum mit einem neuen Logo auch ein neues Gesicht bekommen. Das bisherige Logo mit  Piktogrammen für Tram, Bus und Bahn ist einem zeitlosen und einfach verwendbaren Signet gewichen. Die drei Kreise symbolisieren zum einen die Hauptthematik des Forums, das Rad. Das Rad an Tram, Bus und Bahn. Zum anderen das Dreiland bestehend aus der Schweiz, Deutschland und Frankreich.

Wenn man das WordPress-Theme GeneratePress aktiviert hat, fehlt beim Widget zum Anzeigen der Beiträge die Hirarchie der Beiträge. Beheben kann man dies relativ einfach, indem man beim CSS des Themes folgende Formate hinzufügt:

/* Categories widget */ 
.widget_categories .children { 
    margin-left: 1.5em; 
} 
.widget_categories .children li:last-child { 
    padding-bottom: 0; 
}

Entweder direkt in der CSS-Datei des Themes oder über das WordPress Custom CSS Plugin.

Beim Einsatz das Plugins External Database Authentication Reloaded kann es sein, dass auf der WordPress-Anmeldeseite folgende Warnung erscheint:

Warning: mysql_fetch_assoc() expects parameter 1 to be resource, boolean given in .. /wp-content/plugins/external-db-auth-reloaded/pp_db_auth.php on line 385

Entfernen lässt sich diese Meldung wie folgt:

Die Datei angegebene Datei mit dem Plugin-Editor öffnen und auf Zeile 385 folgende Befehle einfügen:

if($sql) {
$row = mysql_fetch_assoc( $sql );
}

Danach sollte die Warnung nicht mehr erscheinen.