Quadro tematico DIY WordPress Parte 1 Definire i tuoi bisogni

Una delle cose migliori della mia educazione all'Università di Scranton è stata la lezione ricorrente che abbiamo imparato riutilizzo. Il riutilizzo è incredibilmente importante nella programmazione per molte ragioni: test più facili, risparmio di tempo, capacità di concentrarsi su cose più avanzate, ecc. Una volta mi sono laureato ed entrato nel meraviglioso mondo del freelance a tempo pieno, ho deciso se avrei continuato a farlo Lavoro WordPress, avrei bisogno di applicare quelle lezioni di riutilizzo alla mia vita di tutti i giorni. Il numero uno sulla mia lista era un semplice framework per tema WordPress.

Il primo articolo di questa serie sarà un po 'diverso dagli altri su questo sito. In questo articolo voglio comunicarti alcune delle lezioni che ho imparato sul riutilizzo e sulla definizione delle tue esigenze. Ti fornirò la mia struttura nel prossimo articolo, ma è un dato di fatto che tutti codificano in modo diverso e ciò che fornisco potrebbe non essere adatto alle tue esigenze!


Alcuni principi di riutilizzo da tenere a mente

Chiunque abbia una formazione formale in Informatica o Ingegneria del Software può attestare il fatto che ci sono innumerevoli teorie, biblioteche e classi (classi di programmazione, non classi scolastiche) dedicate ad alcune forme molto avanzate di riuso e programmazione generica. Mentre penso che siano eccessivi per un framework tematico, ci sono alcuni principi che ho cercato di seguire durante la creazione del mio:

"I test garantiranno che il codice funzioni prima di implementarlo 5, 10 o 20 volte."

  • Progetta il tuo codice: So che quando parlo di WordPress, il design di solito implica il design del front-end, ma è altrettanto importante progettare il codice. Stabilisci quali saranno le tue funzioni, classi e pagine prima di iniziare a codificarle.
  • Generalizza quando possibile: Forse il principio più importante è riconoscere quando stai riutilizzando i frammenti di codice e generalizzandoli in funzioni. Ciò renderà molto più semplice la gestione e l'aggiornamento del codice.
  • Documenta e prova accuratamente: Questo è qualcosa che dovresti fare con tutto il codice, ma soprattutto il codice che pianifichi di riutilizzare frequentemente. La documentazione ti aiuterà a ricordare cosa stavi pensando a 6 mesi o un anno in linea. I test garantiranno che il codice funzioni prima di implementarlo 5, 10 o 20 volte.

Definisci i tuoi bisogni

Ora che abbiamo delineato alcune cose da tenere a mente, dobbiamo definire ciò che vogliamo che il nostro framework realizzi. Ricorda che ognuno di noi ha i propri bisogni, e mentre parlerò del mio, il tuo potrebbe essere diverso. All'inizio le mie esigenze erano abbastanza semplici: volevo un framework semplice che facesse il mio lavoro iniziale per me.

Durante la creazione di temi WordPress per i miei clienti, ho notato che il mio processo era lo stesso: copia K2 (il tema predefinito al momento), rimuovi le cose che non volevo usare, sostituiscile con il mio codice. Molto del mio codice era simile: lo stesso reset CSS, la stessa struttura CSS, la stessa intestazione stile, navigazione, ecc. Dopo un po ', ho scoperto che era più semplice copiare il tema del mio ultimo cliente e crearlo. È stato allora che ho deciso di costruire il mio framework.

"Dobbiamo definire ciò che vogliamo che il nostro framework realizzi"

Con quello deciso, avevo bisogno di definire i miei bisogni: cosa stavo facendo più e più volte e cosa potevo generalizzare. Il mio elenco di requisiti era come tale:

  • CSS plug-in: Ci sono diverse parti del mio CSS che raramente cambiano. Ciò include le definizioni delle classi di WordPress, il mio reset CSS, alcune classi generali che uso (.hide, .left, .right, .clear, ecc.) E (di solito) le mie correzioni IE. Se potessi astrarre tutto ciò, tutto ciò che dovrei fare è scaricare un file CSS specifico per il sito (chiamato master.css dopo il semplice framework CSS di Dan Cederholm) e so che tutto il resto funzionerebbe correttamente.
  • Costanti per l'URL del tema e i percorsi delle immagini: Queste sono 2 variabili che mi servono per ogni tema. Se potessi facilmente definirli da qualche parte, non dovrei preoccuparmi di sostituire gli URL per ogni sito che creo.
  • Funzionalità comuni di WordPress: Questo è il menu, le definizioni della barra laterale e qualsiasi altra cosa potrei pensare che digiterò ancora e ancora.
  • Pagine modello generalmente definite: Le pagine a tema comune (intestazione, piè di pagina, indice) con abbastanza su di esse per renderle utili, ma non così tanto su di esse che dovrei davvero cambiare tema ogni volta che ho sviluppato un nuovo tema.
  • Cartelle comuni: Ho sempre una cartella di immagini, una cartella css e una cartella css / img. Dovevo includere anche questi.
  • leggero: Deve essere leggero. Non voglio dover setacciare pagine e pagine di codice per trovare quello che voglio. Il mio pensiero è che WordPress stesso è un framework complesso; perché costruire una seconda struttura complessa in cima?

Volevo anche creare una funzione per le funzionalità di diverse pagine, come il "messaggio non trovato nella pagina" e la navigazione della pagina dei post. Ciò risale alla mentalità che una singola funzione mi aiuterà a cambiare più rapidamente le funzionalità di più pagine.


Guarda cosa c'è già là fuori

Il bello del software open source è che se hai bisogno di qualcosa, probabilmente è già fatto. La stessa cosa va dai Framework. Ci sono dozzine di quadri là fuori, quindi prima di iniziare a sviluppare il tuo, sarebbe sicuramente utile verificare cosa c'è già. Lo scopo è quello di risparmiare tempo, giusto? Non c'è modo migliore di risparmiare tempo che non dover sviluppare affatto!


Thematic di ThemeShaper è un framework molto popolare

Per aiutarti, ho compilato una breve lista di framework che ho visto almeno (anche se la maggior parte li ho effettivamente usati):

  • Tematico
  • Tesi
  • Carrington
  • Genesi
  • Atahualpa
  • Dal codice WordPress

Durante l'esplorazione di questi framework, tieni a mente le tue esigenze. Provali correttamente: scarica, installa, attiva. Quindi prova a creare un tema figlio e a giocare con le impostazioni. Guarda cosa trovi. Quindi prendi la tua decisione.

Per me, ho sentito che quelli che ho provato erano troppo complessi e non leggeri. Sono ottimi per le persone che hanno bisogno di un tema in fretta, ma per quanto riguarda la personalizzazione, ho dovuto imparare un nuovo sistema per creare temi. Come ho detto in precedenza: conosco già il framework / API complesso di WordPress. Dovrei sostituire quella conoscenza con l'altro framework / API di un tema. Ho deciso di creare il mio, che userebbe comunque le funzioni di WordPress, non li sostituirò.


Conclusione

Sono sicuro che all'inizio di questo articolo si potrebbe intuire che l'inevitabile conclusione sarebbe quella di costruire il nostro framework. Abbiamo i nostri principi e requisiti e abbiamo fatto la nostra ricerca. Siamo pronti a costruire un framework, che faremo la prossima volta!

L'ultima cosa che ti invito a fare è interloquire su ciò che ho detto qui: quali sono i tuoi principi e requisiti. Usi uno dei quadri che ho menzionato qui o hai già sviluppato il tuo? Facci sapere!

Nella prossima sessione di questa serie, applicheremo questi principi al primo giorno di lavoro sul nostro nuovo framework!