Der WordPress Customizer - Theme-Einstellungen im Frontend einfach realisieren mit Hilfe des Standards.
Der Customizer ist seit WordPress Version 3.4 im Core und soll Theme Entwickler unterstützen, am Theme diverse Optionen zu ermöglichen. Dabei steht diese Möglichkeit im Standard zur Verfügung, wird von diversen Modulen wie Background und Header-Image unterstützt und kann nach Bedarf erweitert werden.
Das Thema Anpassen des Themes im Frontend von WordPress ist nicht erst seit WordPress 3.4 eine Anforderung, diese Ideen und diverse Lösungen gibt seit ewigen Zeiten. Wobei hier klar die Trennung zu ziehen ist, wer ist die Zielgruppe und wie flexibel möchte man diese Anpassungen gestalten.
Im folgenden kleinem Video zeige ich kurz, wie das ganze aussehen kann. Dabei habe ich diverse Felder eingebaut, die üblicherweise Verwendung finden und diverse Fragen im Coding ergeben. Ebenso ist eine eigene Klasse als Erweiterung des Customizers eingeflossen, zur Nutzung von textareas, um auch dazu ein Beispiel zu sehen.
Zum WordPress Camp in Berlin am letzten Wochenende habe ich dazu auf Anfrage eine Session gehalten und versucht das Thema etwas näher zu bringen. Gefühlt - das Thema scheint recht neu, nur wenige setzen sich damit auseinander. Vermutlich auch dem geschuldet, dass es bestehenden Lösungen gibt und es nun darauf ankommt, ob sich der Standard durchsetzen wird. Vor- und Nachteile gibt es in jedem Umfeld, auch diese habe ich etwas beleuchtet.
Darum verweise ich hier auch auf die Slides zur Session "The Customizer", die mir in erster Linie als Basis für die linke Gehirnhälfte dienen und mein gesprochenes Wort untermauern sollen.
Insofern könnten Fragen entstehen oder offen bleiben. Ich möchte dabei aber ermuntern, schaut euch den Code im Referenzprojekt dazu an und ich denke, dass man damit mehr Lernen kann. Sollte es Fehler, Hinweise und Ideen geben, so nutzt sehr gerne die vielfältigen Möglichkeiten von Github, sei es via Issue oder einem Fork und diversen Änderungen im Code.
Trotzdem können hier gern in den Kommentaren Hinweise und Wünsche hinterlegt werden, so dass ich auf diverse Punkte eingehe und in separate Artikel ablege. Zu Custom Functions könnte ich mir dies bspw. vorstellen; dazu sollten aber die Grundlagen der Nutzung des Customizer bekannt sein und ggf. will man dazu auch mehr wissen.
Schau mal hier "zur Session "The Customizer", die mir in " - die URL stimmt nicht im Link.
Nette Geschichte, merke aber das ich Kunden sowas garnicht in die Hand geben will. Aber für Theme-Entwickler ist das sicher sehr interessant.
@Markus: Danke, gefixt. Es kommt etwas darauf an, was für ein Kunde. Frontend Entwickler wollen immer alles kontrollieren. Ich meine einfach, es gibt Projekte und Kunden die eine Anpassung brauchen wünschen, wie in meinem Beispiel, wo die corporate identity pro unit gesetzt werden muss und ansonsten sehr einfach nur content entsteht.
Ist das Ganze eigentlich mit Ton, ich kann leider nichts hören. So stumm kommt es mir sehr hektisch vor. Aber im Prinzip ist der Customizer ja selbsterklärend. Troztdem danke für die Anleitung.
LG - Mainzauber
@Elke: ja, ist ohne Ton. Konnte keinen Mehrwert im Ton erkennen und die Hektik ist so, da man in wenig Zeit viel erkennen soll, so dass man nicht unnötig Zeit vergeudet.
Moin Frank! Danke für den guten Tipp, haben wir direkt im Blog verbaut. Mein RSS-Abo hast du sicher
Grüße, Marco!
Sehr nettes Feature, wäre schön, wenn es sich durchsetzen würde.
Mal ne Frage nicht direkt zum Customizer: Mit welchem Programm wurden eigentlich die Slides erstellt bzw. so als Website dargestellt (Thumbnails + Fullscreen)?
@Dennis: die Slides erstelle ich mit einem Framework Shower (html+css)
Nettes Tool. Gefällt mir.
Vielen Dank für die Präsentation des Tools. Sieht wirklich nicht schlecht aus. Was mir fehlt, wie es auch schon erwähnt worden ist, ist ein zusätzliche Erklärung (Ton) im Video. Man ist halt irgendwie daran gewöhnt.
@Sven: die Präsentation stammt eben auch von einem Vortrag; und aus meiner Sicht sind Slides nur als Untermalung des Gesagten, was dann im Netz natürlich weniger Wert hat.
Ich möchte meinen Blog redesign, damit er mehr professionell und userfreundlich auf dem Internet erscheint. Dieses kleine Tutorial ist für mich sehr nützlich. Danke!
Hallo Frank,
danke für den Artikel. Neben den Posts zum Thema bei Ottopress, hat mir jetzt vor allem dein Referenzprojekt weitergeholfen, um den Theme Customizer noch besser zu verstehen.
Tolle Erklärung, vorallem im Video! Vielen Dank dafür