Eine Sache, die ich an Themeneinstellungsseiten immer nicht mochte, war, wie sehr sie sich unterscheiden würden. Stellen Sie sich vor, jeder Autohersteller versucht, durch eine einzigartige Radplatzierung seine eigene Note zu verleihen, und Sie werden sehen, warum dies für WordPress-Publisher eine schlechte Sache ist.
Zum Glück seit 3.4 und danke an Theme-Anpasser-API wir brauchen überhaupt keine Einstellungsseiten.
@slobodanmanic der Customizer hat meinen Blog irgendwie unbrauchbar gemacht, was auch gut so ist 🙂
– Konstantin Kovshenin (@kovshenin) 19. Dezember 2012
Der fragliche Blog ist Galerie mit Themenoptionen, Schaufenster der „besten (und schlechtesten) Bildschirme mit Themenoptionen der Stadt“. Meistens das Schlimmste, aber ich denke, das hat es so populär gemacht. Laut Konstantin ist es der Theme Customizer, der es obsolet machen wird.
In dieser Post-Serie werfen wir einen Blick auf die Vorteile der Verwendung von Theme Customizer gegenüber „alten“ Einstellungsseiten, gehen durch die Funktionsweise von Theme Customizer, sehen, wie Sie ihn erweitern können, und erstellen schließlich eine Theme Customizer-Boilerplate, die mit jedem WordPress-Theme verwendet werden kann .
Vorteile des Theme-Customizers
Nun, ich sage nicht, dass Seiten mit Theme-Einstellungen alle schlecht sind (waren?) – wenn sie richtig gemacht werden, fühlen sie sich wie eine natürliche Erweiterung des WordPress-Dashboards an – nur dass es jetzt etwas Besseres gibt. Was Customizer im Vergleich zu einer Einstellungsseite macht, ist, den Einrichtungsprozess des Themes zu vereinfachen, indem dem Benutzer die Augen verbunden werden.
Wenn du es noch nie in Aktion gesehen hast, dieses Video von Otto ist ein Muss:
Also, was genau ist Theme Customizer? Laut Kodex:
Der Bildschirm „Theme-Anpassung“ (dh „Theme-Anpasser“) ermöglicht Site-Administratoren, die Einstellungen eines Themas zu optimieren und eine Vorschau dieser Änderungen in Echtzeit anzuzeigen.
Theme Customizer in Kürze
Theme-Anpasser hat drei Hauptkomponenten – Abschnitte, Einstellungen und Bedienelemente. Wenn Theme Customizer ein Haus wäre, wäre Ihr Wohnzimmer einer der Bereiche, jedes Licht darin eine Einstellung und jeder Lichtschalter eine Steuerung. So einfach ist das.
Um mit dem Theme Customizer zu interagieren, müssen Sie sich in die Aktion customize_register einklinken. Dadurch wirst du geladen $wp_customize Objekt, eine Instanz von WP_Customize_Manager Klasse, die das schwere Heben übernimmt. Mehr dazu in Teil 2 dieser Serie.
Es ist schon da
Wenn Sie nicht mit dem Theme Customizer interagieren möchten und ihn nur in Ihrem Theme machen lassen müssen, wird es noch einfacher. Wenn Sie ein Design von Grund auf neu erstellen, ist der Theme Customizer bereits vorhanden und zeigt die integrierten Abschnitte. Tatsächlich bringen Sie eine leere index.php und eine style.css mit nichts als Kommentarkopfzeilen so weit:
Sicher, in diesem Screenshot gibt es keine Vorschau, da index.php nichts tut, aber das ist der Punkt – wenn Sie ein Theme-Entwickler sind, schreit der Theme Customizer einfach „Whenever you’re ready!“ also kein Grund, es nicht in Ihrem WordPress-Theme zu verwenden.
Es gibt weitere Standardabschnitte, die jedoch nur angezeigt werden, wenn Ihr Design sie unterstützt. Hier ist die vollständige Liste der integrierten Abschnitte:
- Site-Titel und Slogan
- Farben*
- Kopfzeilenbild*
- Hintergrundbild*
- Navigation*
- Statische Startseite
Markiert Abschnitte werden nur angezeigt, wenn Ihr Thema die entsprechenden Funktionen unterstützt. Wenn Sie möchten, dass der Abschnitt Kopfzeilenbild angezeigt wird, brauchen Sie nur add_theme_support( ‚custom-header‘ )
irgendwo in Ihrer Datei functions.php.
Vorhandene Kontrollen
- Bei all diesen eingebauten Abschnitten muss es einige vorhandene Bedienelemente (Lichtschalter, erinnern Sie sich?) geben, um sie zu füllen. Hier ist, was WordPress Ihnen sofort bietet:
- Textfeld
- Kontrollkästchen
- Radio
- Wählen
- Farbwähler
- Datei-Upload
- Bild hochladen
- Hintergrundbild
Kopfzeilenbild
Wahrscheinlich gut genug für die meisten Themes, aber wenn dein Theme etwas Besonderes ist (lass mich raten, es ist, oder?) und einige benutzerdefinierte Steuerelemente benötigt, kannst du das auch tun. Das Erstellen benutzerdefinierter Steuerelemente ist eines der Dinge, die wir in dieser Serie behandeln, also bleiben Sie dran.
Das ist alles, für jetzt WordPress hat derzeit sechzehn APIs
(versuchen Sie, sie alle zu benennen!) und wenn Sie sie danach beurteilen, wie benutzerfreundlich sie sind und wie einfach es ist, einzusteigen und sie zu verwenden, kommt keine an die Theme Customization API heran.
Hast du deinen Usern schon einen Gefallen getan und von den Einstellungsseiten zum Theme Customizer gewechselt? Wenn nicht, würde ich gerne wissen, warum und wenn ja, was denkst du bisher darüber?