2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l Freies Themes Sind kostenlose Themes Premium Themes Sind kostenpfl ichtige Themes Multipurpose Themes Sind universelle Themes für verschiedenste Branchen und Website-Typen Parent / Child Theme Ist ein „technisch bedingter Zustand“ eines Themes Blank / Starter Themes Sind Framework Themes für Entwickler (Beliebte Vertreter sind Underscores, Bones, FoundationPress, UnderStrap) Die verschiedenen Arten von Themes (2)
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l • • • Das Ziel Deiner WordPress-Webseite Du willst über Dein Hobby schreiben? Oder ausprobieren ob Bloggen was für Dich ist? Oder für Deinen Verein eine kleine Seite erstellen? Ein freies Theme ist die Lösung!
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l • • • • Das Ziel Deiner WordPress-Webseite Du möchtest mit Deiner Webseite Geld verdienen? Deine Webseite ist das Aushängeschild für Deine Selbständigkeit? Du willst eine Magazin-Webseite mit vielen Bilder und Videos und es sollen noch Tickets über die Webseite verkauft werden? Du möchtest Produkte verkaufen oder gar einen Online-Shop betreiben Dann ist ein Premium Theme die Lösung!
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l • • • • Wann wurde es zuletzt upgedated? Wie regelmäßig wird es upgedated? Welche Versionsnummer hat es? Wie oft wurde es bereits installiert? Gibt es Gründe für geringe Installations- zahlen (z.B. es brandneu)? Wie viele unterschiedliche Seiten beinhaltet das Theme? Was Du bei einem freien Theme beachten solltest (1):
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l • • • • Ist das Theme „responsive“? (responsive = für alle Ausgabeformate geeignet) Oder ist es gar „mobile fi rst“? (mobile fi rst = responsives Webdesign, dass zuerst für mobile Endgeräte entwickelt wird) Seit Oktober 2016 rankt Google Webseiten höher, die „responsive“ entwickelt wurden. Testen wie Google Deine Webseite sieht: https://search.google.com/test/mobile-friendly Wie umfangreich ist die Dokumentation? Wie sieht der Support aus? Was Du bei einem freien Theme beachten solltest (2):
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l • • • • • • Alles, was für ein freies Theme gilt, gilt auch hier. Wieviele unterschiedliche Seiten beinhaltet das Theme? Gibt es z.B. mehrere Blog-Layouts, Kontaktformular, Shop, mehrere Grid-Layouts, Child Theme, Pagebuilder, besondere Plugins? Erhälst Du Updates für ein Jahr und musst die Lizenz jedes Jahr erneuern oder gilt die Lizenz lebenslang? Wie ausführlich ist die Dokumentation? Gibt es einen eigenen YouTube-Kanal? Wie lange erhälst Du Support? 3, 6, 12 Monate oder lebenslang? Wie kurz oder lang ist die Reaktionszeit des Support-Teams? In welcher Zeitzone befi ndet sich der Support? Was Du bei einem Premium Theme beachten solltest:
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l • • • • • • Wordpress.org Elmastudio.com Bluchic.com – Spezialisierung auf feminine Themes Competethemes.com – viele minimalistische Themes (kostenlos und Premium) Creativemarket.com Themeforest.com Bezugsquellen für Themes:
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l • • • • BuiltWith Technology Profi ler (Erweiterung für Firefox und Chrome) oder als Webseite https://builtwith.com/ https://www.wpthemedetector.com/ https://whatwpthemeisthat.com/ WhatFont (Erweiterung für Firefox und Chrome) Hilfreiche Tools um andere Webseiten zu erkunden:
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l style.css function.php screenshot.png (optional) • • • Das Parent Theme und das Child Theme Das Parent Theme wird erst durch das Vorhandensein eines Child Themes zum Parent Theme. Es ist das ursprüngliche Theme, das durch ein Child Theme ergänzt wird. Ein Parent Theme ohne Child Theme ist einfach ein Theme. Ein Child Theme besteht mindestens aus folgenden Dateien:
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l Das style.css nach Deinen Wünschen anpassen, z.B. Schriften, Farben, etc. Page Templates hinzufügen und ändern Funktionen hinzufügen, die das ursprüngliche Theme nicht besitzt • • • Warum brauche ich ein Child Theme? Du erhälst Updatesicherheit. Deine im Child Theme vorgenommenen Änderun- gen werden bei Updates beibehalten. Wenn du ein Parent-Theme nach deinen Vorstellungen veränderst und der Entwickler ein Update herausgibt – was oft auto- matisch geladen wird – dann gehen alle deine Änderungen verloren und du musst erneut beginnen. Du kannst ganz unterschiedliche Veränderungen vornehmen:
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l 1. Ordner für ein Child Theme anlegen: Benutzt ein FTP-Programm (z.B. FileZilla) oder das WordPress Plugin „File Manager“. Gehe in Dein Theme Verzeichnis und lege einen Ordner „mein-child-theme“ an. Der Pfad des Theme-Verzeichnisses lautet „dein-domain/wp-content/themes/“. Eigenes Child Theme erstellen (1)
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l 2. Erstelle die Dateien „style.css“ und „functions.php“: Lade Dir Notepad++ oder Brackets herunter und installiere es. Erstelle eine neue Datei, benenne sie „style.css“ und füge folgendes ein und sichere sie danach: Eigenes Child Theme erstellen (2) Wichtig: Bei „Template“ muss der Name des Parent-Themes eingetragen werden. Sonst wird das zugehörige Theme nicht gefunden
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l Erstelle eine zweite Datei, benenne sie “functions.php“, speicher sie. Hier wird nun festgelegt, dass zunächst das Stylesheet des Parent-Themes geladen wird. Erst da- nach wird das Stylesheet des Child-Themes geladen. Nun füge folgendes ein: Eigenes Child Theme erstellen (3) Sichere diese Datei und füge beide Dateien in den Ordner „mein-child-theme“ ein Quelle: https://codex.wordpress.org/Child_Themes
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l 3. Screenshot erstellen (optional) Wer möchte, kann noch eine Screenshot-Datei (screenshot.png) erstellen und im Ordner ablegen. Dadurch ist das Child Theme in der Theme-Verwaltung eindeutig zu erkennen. 4. WordPress Child Theme aktivieren Nachdem der Ordern für das Child Theme angelegt ist und sich alle benötigten Da- teien darin befi nden, kann Du nun das Theme aktivieren. Dies funktioniert wie bei allen anderen WordPress Themes: Unter Design > Themes kannst Du nun Dein neu- es Child Theme aktivieren. Tipp: Falls Du bereits schon Anpassungen im Customizer am Parent Theme vorgenommen hast, kannst Du sie mit dem WordPress Plugin „Customizer Export/Import“ in Dein Child Theme importieren. Eigenes Child Theme erstellen (4)
2018 l l lWordPress – Themes lWordPress – Themes l l l l l l l l l l l l l Lade im Backend das Plugin „Child Theme Confi gurator“ oder „Child Theme Generator“ herunter und installiere es. Nun kannst Du unter dem Menü- punkt Werkzeuge alle nötigen Einstellungen bequem per Formularfelder ausfüllen und Dir das Child Theme erstellen lassen (Sobald Du es nicht mehr brauchst, kannst Du es wieder entfernen). Eigenes Child Theme erstellen: 2. Möglichkeit
owly
mineo_matsuya
tetsuyaooooo
signer
martine
nro2daisuke
jamashita
uchinomasahiro
matleenalaakso
irocho
cbtlibrary
jponch
andyhume
pauljervisheath
jonrohan
tammyeverts
eileencodes
jcasabona
colly
tammielis
gr2m
garrettdimon
