Una guida alla personalizzazione del tema WordPress che cos'è, perché ci avvantaggia

Circa un anno fa, abbiamo realizzato una breve serie di articoli su Theme Themeizer di WordPress. Ora che il Theme Customizer è disponibile in WordPress da un po 'di tempo e ora che gli sviluppatori hanno avuto l'opportunità di implementarlo in alcuni dei loro lavori, abbiamo pensato che sarebbe stato utile rivisitare l'argomento.

Nello specifico, l'obiettivo di questa serie di articoli è di prendere qualcuno che lo sappia Niente riguardo al Customizer del tema e fornisci informazioni sufficienti che non solo saprai che cosa il Customizer tema è, ma come funziona, e come implementare le nostre impostazioni nelle sezioni esistenti e per introdurre le proprie sezioni con il proprio gruppo di impostazioni.

Prima di iniziare a scrivere codice per implementare le nostre funzionalità nel customizer, esaminiamo cos'è il Customizer tema, cosa fa e perché è vantaggioso per noi.


Qual è il Customizer Tema?

Direttamente dall'articolo di WordPress Codex:

L'API di personalizzazione del tema, aggiunta in WordPress 3.4, consente agli sviluppatori di personalizzare la schermata di amministrazione di Personalizzazione del tema di WordPress. La schermata di personalizzazione del tema (ad esempio "Theme Customizer") consente agli amministratori del sito di modificare le impostazioni di un tema e vedere un'anteprima di tali modifiche in tempo reale.

Sembra abbastanza facile, giusto?


Il personalizzatore del tema WordPress funziona con Twenty Thirteen

Senza dubbio hai visto questo. Forse una definizione più semplice è che il Theme Customizer è un modo per gli utenti di apportare modifiche all'aspetto del proprio blog mentre in realtà è in grado di visualizzare le modifiche in tempo reale.

Ma questo solleva la domanda: perché questo importa anche se ci sono modi per personalizzare il tema all'interno del pannello di WordPress esistente? Per rispondere a questa domanda, dobbiamo capire che cosa offre il Customizer di temi per gli utenti finali e gli sviluppatori.


Cosa fa il personalizzatore del tema?

In breve, il Theme Customizer ti dà - e l'utente finale di un tema - un'anteprima di come è il tema e la capacità di modificare alcune funzionalità del blog per tutto il tempo vedendo un aggiornamento in tempo reale di quali cambiamenti saranno introdotto dovrebbe essere salvato le opzioni.

Per gli utenti finali

Per quanto riguarda gli utenti finali, non devono più scambiarsi tra la dashboard amministrativa e il lato pubblico del blog per vedere i risultati delle modifiche che stanno apportando.

Ad esempio, prima del Customizer tema, gli utenti dovrebbero fare qualcosa del genere:

  • Accedi alla dashboard
  • Clicca su "Aspetto"
  • clicca su 'Intestazione'
  • Seleziona un'immagine di intestazione
  • Salva le modifiche
  • Guarda il blog
  • Ritornare al cruscotto e ripetere fino al termine

Yikes - non è esattamente il modo più semplice per fare modifiche al tuo blog, vero??

Ora, con Custom Theme, gli utenti possono:

  • Accedi alla dashboard
  • Clicca su "Aspetto"
  • Clicca su 'Personalizza'
  • Visualizza la personalizzazione del tema e il blog
  • Carica un'immagine di intestazione e guardala in tempo reale mentre lavori sul blog
  • Fai clic su "Salva" quando hai finito

Molto più facile, no??

Ciò ovviamente contribuisce notevolmente a migliorare l'esperienza dell'utente, ma gli utenti non sono gli unici a trarne beneficio.

Per gli sviluppatori

Innanzitutto, per quanto riguarda gli sviluppatori e i progettisti, il nostro lavoro non consiste solo nel fornire agli utenti presentazioni e funzionalità, ma nel fare ciò che possiamo per assicurarci che abbiano la migliore esperienza possibile con un prodotto. In altre parole, dobbiamo fare il possibile per colmare il divario tra ciò che l'utente pensa sta per accadere e cosa sarà in realtà accadere.

Sfruttando il Customizer dei temi, possiamo fare proprio questo principalmente perché gli utenti sono in grado di vedere - in tempo reale - quali effetti avranno i loro cambiamenti sul loro blog.

Pertanto, con ciò detto, si integra perfettamente con l'API Settings ed è anche facile da utilizzare una volta implementato il codice iniziale per introdurlo in un tema. Ciò significa che possiamo implementare il Customizer di temi con il nostro tema esistente che consente di utilizzare l'API Settings.

Inoltre, è davvero facile introdurre nuove opzioni esistente sezioni fornite da, ad esempio, un altro tema (se si sta lavorando con un tema figlio), e semplifica l'introduzione di nuove sezioni se si desidera aggiungere la possibilità per gli utenti di modificare il proprio blog all'interno del Customizer tema..

In definitiva, questo ci dà la possibilità di rendere il nostro lavoro più facile da usare, offrendo ai nostri clienti e ai nostri utenti un modo più semplice per personalizzare, personalizzare e lavorare con il nostro tema piuttosto che passare avanti e indietro tra la dashboard e il blog stesso.


Come ci avvantaggia?

Poiché questo sito (e quindi questa serie) è rivolto a coloro che stanno cercando di migliorare le loro capacità di sviluppo di WordPress, dobbiamo comprendere i vantaggi del Customizer del tema prima di passare effettivamente all'attuazione.

In breve, credo che il Theme Customizer migliori l'esperienza dell'utente. Come tale, abbiamo la responsabilità di implementarlo nel nostro lavoro al fine di assicurarci che stiamo costruendo i migliori prodotti possibili, così come quelli che avvantaggiano i nostri utenti il ​​più possibile.

Quando i nostri utenti ne traggono beneficio, noi beneficiare.

Ma ancor più, ci viene data la possibilità di promuovere lo sviluppo del tema:

  • Migliorare il modo in cui gli utenti lavorano con i temi
  • Migliorare il modo in cui i temi sono personalizzati e ottimizzati all'interno di WordPress stesso
  • In definitiva, spingere avanti con un nuovo modo di modificare temi che non ci richiede di cambiare il modo in cui interagiamo con l'API Settings

Nel frattempo è più facile per gli altri interagire con il nostro lavoro.


Avanti il ​​prossimo…

Detto questo, siamo pronti a scrivere del codice. Quindi, a partire dal prossimo articolo, vedremo come possiamo lavorare con un tema che include già il Customizer tema per introdurre nuove opzioni.

In seguito, daremo un'occhiata a come implementare il Customizer di temi da zero, e poi come legarlo all'API di impostazioni di WordPress in modo che gli utenti possano iniziare a lavorare con i temi non dovendo più saltare tra la dashboard e il blog, ma essendo in grado di apportare modifiche e visualizzarle in anteprima in tempo reale.