1. Acum citesc: Introducere în personalizatorul de temă WordPress
2. Interacționând cu personalizatorul de temă WordPress
3. Boilerplate de personalizare a temei WordPress
4. Extinderea boilerplatei cu tema WordPress
5. Tema Customizer Boilerplate – Opțiuni condiționale, Teme pentru copii și plugin-uri
Un lucru care mi-a plăcut întotdeauna despre paginile cu setări tematice a fost cât de diferit ar avea. Imaginați-vă că fiecare producător de mașini încearcă să adauge propria atingere, având o poziționare unică a roților și veți vedea de ce este un lucru rău pentru editorii WordPress.
Din fericire, de la 3.4 și datorită API-ul personalizator de temă nu avem nevoie deloc de pagini de setări.
@slobodanmanic genul Customizer a făcut blogul meu inutil, ceea ce este, de asemenea, un lucru bun ��
Blogul în cauză este Galerie Opțiuni Tema, vitrina cu „cele mai bune (și cele mai grave) ecrane cu opțiuni tematice din oraș”. Cel mai rău, dar cred că asta l-a făcut popular. Potrivit lui Konstantin, personalizatorul de temă îl va face să fie învechit.
De-a lungul acestei serii de post, vom arunca o privire asupra avantajelor utilizării personalizatorului de teme pe paginile cu setări „vechi”, vom parcurge modul în care funcționează personalizatorul temelor, vom vedea cum îl puteți extinde și în final vom crea un cazan de personalizare a temei care poate fi utilizat cu orice temă WordPress..
Acum, nu spun că paginile cu setări tematice sunt (au fost?) Toate proaste – dacă sunt făcute corect, se simt ca o extensie naturală a tabloului de bord WordPress – doar că acum există ceva mai bun. Ceea ce face Customizer, în comparație cu o pagină de setări, ușurează procesul de configurare a temei prin scoaterea orbului de pe capul utilizatorului.
Dacă nu l-ai văzut niciodată în acțiune, acest videoclip de Otto este obligatoriu să urmărești:
Deci, ce este exact Tema Customizer? Conform Codex:
Ecranul de personalizare a temei (adică „Personalizatorul temei”) permite administratorilor site-ului să modifice setările unei teme și să vadă o previzualizare a acestor modificări în timp real.
Personalizatorul temelor într-o casă de nucă
Personalizator de temă are trei componente principale – secțiuni, setări și comenzi. Dacă personalizatorul temei ar fi o casă, camera de zi ar fi una dintre secțiuni, fiecare lumină din ea ar fi o setare și fiecare lumină ar comuta un control. Este atat de simplu.
Pentru a interacționa cu personalizatorul temelor, trebuie să vă conectați la acțiunea customize_register. Făcând asta, veți încărca $ wp_customize obiect, o instanță de WP_Customize_Manager clasă care face toată ridicarea grea. Mai multe despre asta în partea 2 a acestei serii.
Este deja acolo
Dacă nu doriți să interacționați cu personalizatorul temelor și trebuie doar să îl lăsați să facă asta în tema dvs., devine și mai ușor. Când creați o temă de la zero, personalizatorul temei va fi deja acolo, arătând secțiunile sale încorporate. De fapt, acesta este cât de departe index.php și un style.css fără linii de antet pentru comentarii vă vor obține:
Personalizatorul temei într-o temă goală
Sigur, nu există nimic de previzualizat în acea captură de ecran, deoarece index.php nu face nimic, dar acesta este ideea – dacă ești un dezvoltator de teme, Personalizatorul temelor țipă doar „ori de câte ori ești gata!” deci nici un motiv să nu-l folosești în tema WordPress.
Există mai multe secțiuni implicite, dar se afișează numai dacă tema dvs. le acceptă, iată lista completă a secțiunilor încorporate:
Titlul site-ului și eticheta
culori *
Imagine antet *
Imagine de fundal*
Navigare*
Pagina frontală statică
Secțiunile marcate (*) vor apărea numai dacă tema dvs. acceptă funcțiile respective, dacă doriți să apară secțiunea Imagine antet, tot ce aveți nevoie este add_theme_support („antet personalizat”) undeva în fișierul dvs. funcții.php.
Controale existente
Cu toate aceste secțiuni încorporate, trebuie să existe unele controale existente (întrerupătoare de lumină, vă amintiți?) Pentru a le completa. Iată ce vă oferă WordPress, din cutie:
Câmpul text
Caseta de bifat
Radio
Selectați
Selector de culoare
Fișier încărcat
Încărcare de imagini
Imagine de fundal
Imaginea antetului
Probabil suficient de bun pentru majoritatea temelor, dar dacă tema dvs. este specială (permiteți-mi să ghicesc, nu?) Și are nevoie de unele controale personalizate, puteți face și asta. Crearea controalelor personalizate este unul dintre aspectele pe care le vom acoperi în această serie, deci rămâneți în acord.
Asta este tot pentru acum
WordPress are în prezent șaisprezece API-uri (încercați să le numiți pe toate!) și dacă îi judecați după cât de ușor de utilizat sunt și cât de ușor este să săriți și să începeți să le folosiți, nu se apropie de API-ul de personalizare a temei..
Ai făcut deja utilizatorilor tăi o favoare și ai trecut de la paginile de setări la Tema Personalizator? Dacă nu, mi-ar plăcea să aud de ce și dacă aveți, ce părere aveți despre asta până acum?
07.06.2020
Introducere în personalizatorul de temă WordPress
Jeffrey Wilson Tutoriale
Un lucru care mi-a plăcut întotdeauna despre paginile cu setări tematice a fost cât de diferit ar avea. Imaginați-vă că fiecare producător de mașini încearcă să adauge propria atingere, având o poziționare unică a roților și veți vedea de ce este un lucru rău pentru editorii WordPress.
Din fericire, de la 3.4 și datorită API-ul personalizator de temă nu avem nevoie deloc de pagini de setări.
Blogul în cauză este Galerie Opțiuni Tema, vitrina cu „cele mai bune (și cele mai grave) ecrane cu opțiuni tematice din oraș”. Cel mai rău, dar cred că asta l-a făcut popular. Potrivit lui Konstantin, personalizatorul de temă îl va face să fie învechit.
De-a lungul acestei serii de post, vom arunca o privire asupra avantajelor utilizării personalizatorului de teme pe paginile cu setări „vechi”, vom parcurge modul în care funcționează personalizatorul temelor, vom vedea cum îl puteți extinde și în final vom crea un cazan de personalizare a temei care poate fi utilizat cu orice temă WordPress..
Contents
Beneficiile personalizării de temă
Acum, nu spun că paginile cu setări tematice sunt (au fost?) Toate proaste – dacă sunt făcute corect, se simt ca o extensie naturală a tabloului de bord WordPress – doar că acum există ceva mai bun. Ceea ce face Customizer, în comparație cu o pagină de setări, ușurează procesul de configurare a temei prin scoaterea orbului de pe capul utilizatorului.
Dacă nu l-ai văzut niciodată în acțiune, acest videoclip de Otto este obligatoriu să urmărești:
Deci, ce este exact Tema Customizer? Conform Codex:
Personalizatorul temelor într-o casă de nucă
Personalizator de temă are trei componente principale – secțiuni, setări și comenzi. Dacă personalizatorul temei ar fi o casă, camera de zi ar fi una dintre secțiuni, fiecare lumină din ea ar fi o setare și fiecare lumină ar comuta un control. Este atat de simplu.
Pentru a interacționa cu personalizatorul temelor, trebuie să vă conectați la acțiunea customize_register. Făcând asta, veți încărca $ wp_customize obiect, o instanță de WP_Customize_Manager clasă care face toată ridicarea grea. Mai multe despre asta în partea 2 a acestei serii.
Este deja acolo
Dacă nu doriți să interacționați cu personalizatorul temelor și trebuie doar să îl lăsați să facă asta în tema dvs., devine și mai ușor. Când creați o temă de la zero, personalizatorul temei va fi deja acolo, arătând secțiunile sale încorporate. De fapt, acesta este cât de departe index.php și un style.css fără linii de antet pentru comentarii vă vor obține:
Personalizatorul temei într-o temă goală
Sigur, nu există nimic de previzualizat în acea captură de ecran, deoarece index.php nu face nimic, dar acesta este ideea – dacă ești un dezvoltator de teme, Personalizatorul temelor țipă doar „ori de câte ori ești gata!” deci nici un motiv să nu-l folosești în tema WordPress.
Există mai multe secțiuni implicite, dar se afișează numai dacă tema dvs. le acceptă, iată lista completă a secțiunilor încorporate:
Secțiunile marcate (*) vor apărea numai dacă tema dvs. acceptă funcțiile respective, dacă doriți să apară secțiunea Imagine antet, tot ce aveți nevoie este add_theme_support („antet personalizat”) undeva în fișierul dvs. funcții.php.
Controale existente
Cu toate aceste secțiuni încorporate, trebuie să existe unele controale existente (întrerupătoare de lumină, vă amintiți?) Pentru a le completa. Iată ce vă oferă WordPress, din cutie:
Probabil suficient de bun pentru majoritatea temelor, dar dacă tema dvs. este specială (permiteți-mi să ghicesc, nu?) Și are nevoie de unele controale personalizate, puteți face și asta. Crearea controalelor personalizate este unul dintre aspectele pe care le vom acoperi în această serie, deci rămâneți în acord.
Asta este tot pentru acum
WordPress are în prezent șaisprezece API-uri (încercați să le numiți pe toate!) și dacă îi judecați după cât de ușor de utilizat sunt și cât de ușor este să săriți și să începeți să le folosiți, nu se apropie de API-ul de personalizare a temei..
Ai făcut deja utilizatorilor tăi o favoare și ai trecut de la paginile de setări la Tema Personalizator? Dacă nu, mi-ar plăcea să aud de ce și dacă aveți, ce părere aveți despre asta până acum?