Come utilizzare un modello di contenuto WordPress per scrivere più velocemente

Gestire un blog può sembrare un'idea piuttosto romantica all'inizio. Immagina di spingere due o tre post sul blog al giorno e centinaia o, si spera, migliaia di fan che controllano cosa hai da dire.

I giorni diventano settimane e poi le settimane diventano mesi. Il blogging diventa un lavoro ingrato. Ti rendi conto che passi la maggior parte del tuo tempo a cercare di formattare i tuoi post in modo che sembrino professionalmente fatti.

Quindi assumi uno scrittore, e poi due. Presto avrai una squadra di scrittori che ti invierà post ogni settimana e ora stai spendendo tutti del tuo tempo modificando e formattando quei post per guardare nel modo in cui vuoi che guardino sul blog che è diventato un lavoro d'amore.

Il problema è che tutto questo editing e formattazione ha portato via tutto il tempo che avevi per ciò che amavi fare di più - scrivi.

WordPress è una geniale invenzione, e ha reso possibile per sempre più persone avere siti Web stupendi, con bellissimi temi Come cambiare il tuo blog Wordpress Theme in 3 semplici passaggi Come cambiare il tuo blog Wordpress Theme in 3 semplici passaggi Leggi di più. Tuttavia, vi è ancora la questione dell'area del contenuto, che deve ancora essere formattata per immagini, annunci e contenuti ben distanziati.

Formattazione del contenuto di WordPress con un modello

Qualche tempo fa, ti ho descritto come inserire automaticamente un annuncio in ogni singolo post utilizzando il componente aggiuntivo In-Post Template per WordPress.

Funziona brillantemente se stai iniziando con un nuovo blog, ma se hai già inserito annunci nei tuoi post, tornerà indietro e reinserirà un nuovo annuncio e rovinerà completamente tutti i tuoi vecchi post.

Non preoccuparti: c'è un'altra soluzione che è ancora meglio. Semplicemente modificando uno dei file PHP standard di WordPress e creando un foglio di stile, è possibile creare il proprio modello di contenuto formattato con cura che apparirà ogni volta che si fa clic “Aggiungere nuova” in WordPress. Tutti i tuoi vecchi contenuti rimarranno intatti.

Ecco un esempio di tutto il lavoro di formattazione che sto svolgendo nel mio blog.

Ho un'immagine di intestazione che deve essere attentamente dimensionata, con imbottitura intorno e sinistra giustificata. Ho il “Di Più” pausa, seguito dal mio annuncio Google in-post. Quindi, in ogni post ho immagini aggiuntive che sono dimensionate per soddisfare e giustificate correttamente. Per la maggior parte, mi vergogno di dire, ho fatto tutto questo manualmente - inclusi tutti gli articoli che i miei scrittori inviano.

Ecco come appare un post di questo tipo quando viene pubblicato.

Come potete vedere, la formattazione è un po 'complicata perché in una zona ho l'immagine a sinistra giustificata, e nella sezione successiva ho l'annuncio giustificato a destra. Quindi tutte le immagini aggiuntive sono giustamente giustificate. Mi piace questa configurazione per il mio blog perché è più facile per gli occhi e scorre bene. Potresti avere le tue preferenze per il tuo particolare blog WordPress.

Il primo passo per creare il tuo modello è quello di eseguire il backup del tuo file functions.php (lo troverai nella directory principale del tuo tema), quindi aprirlo per la modifica.

Vedrai un sacco di codice qui - tutte le funzioni attualmente utilizzate dal tuo attuale tema del blog. Inserirai una nuova sezione tra quelle funzioni. Trova la fine della prima funzione, quindi inserisci il codice che andrò al dettaglio successivo.

Ora, devo dare credito a chi è dovuto il credito - in realtà ho avuto questa idea da David Hansen a Smashing Magazine, che ha scritto un articolo su questo punto in ottobre. In questo caso ho intenzione di espandere la sua idea mostrandoti come modificare quel modello per cose come annunci e immagini.

 add_filter ( 'default_content', 'custom_editor_content'); add_editor_style ( 'editore-style.css'); function custom_editor_content ($ content) $ content = 'Inserisci la tua introduzione qui Inserisci Google Script Here Ecco il contenuto della seconda sezione Ecco il contenuto della terza sezione Ecco il contenuto della terza sezione'; restituire $ content;  

Nota come l'allineamento funzioni effettivamente meglio usando l'allineamento dell'immagine integrato nello stile del tuo tema e, nel caso dell'annuncio Google, dovresti usare il secondo div con l'attributo style per allineare dove vuoi che vada. Funziona meglio. Tuttavia, per quanto riguarda dimensionamento, riempimento e posizionamento, è necessario creare il file css.

Ecco lo stile per ogni sezione definita sopra.

body background: # f5f5f5;  .content-col-main float: right; width: 70%; padding: 1%; border: 1px punteggiato #ccc; sfondo: #fff;  .content-col-side float: left; larghezza: 210px; padding: 1%; border: 1px punteggiato #ccc; sfondo: #fff;  .content-google-ad float: right; width: 20%; padding: 1%; border: 1px punteggiato #ccc; sfondo: #fff;  .content-section-two float: left; width: 70%; padding: 1%; border: 1px punteggiato #ccc; sfondo: #fff;  .content-image-three float: right; larghezza: 210px; padding: 1%; border: 1px punteggiato #ccc; sfondo: #fff;  .content-section-three float: left; width: 70%; padding: 1%; border: 1px punteggiato #ccc; sfondo: #fff;  img / * Fa in modo che le immagini rimangano all'interno delle colonne * / larghezza massima: 100%; larghezza: auto; altezza: auto; 

È possibile utilizzare le percentuali oi pixel per il dimensionamento. Preferisco i pixel per le immagini, ma in realtà dipende dalle preferenze. Se c'è troppo spazio tra le immagini e il testo, basta modificare leggermente le percentuali del contenuto finché non appare bello.

Dopo aver salvato il file .css, apri un nuovo post e vedrai che il tuo modello di contenuto perfettamente formattato è già pronto per te.

Tutto quello che devi fare è cliccare sull'immagine e caricare quella che vuoi usare, e quindi compilare tutte le aree di contenuto. È davvero così facile. Tutto è automaticamente allineato e posizionato dove devono andare.

Tutto il codice Google o le immagini giusti sono già lì: tutto ciò che devi fare è aggiornare il contenuto. Il tempo che ti ci vorrà per mettere insieme un post con tutto ciò già fatto per te scenderà di un fattore enorme, garantito.

L'aggiornamento di tutte le immagini sul modello è semplice come caricare le foto che si desidera utilizzare sul proprio blog utilizzando lo strumento di caricamento multimediale, quindi fare clic sull'immagine e incollare l'URL a quelle immagini nel “fonte” campo.

Ovviamente vorrai aggiornare anche il titolo e i tag alt. Come puoi vedere qui nel mio articolo di test, scrivere un articolo è solo una questione di riempire ciascuna delle aree di contenuto. Non posso dirvi quanto sia dolce essere in grado di concentrarmi solo sulla scrittura, sapendo che tutta la formattazione corretta è già in atto per rendere l'articolo un aspetto assolutamente migliore.

Il risultato finale? Ecco il mio primo articolo di test che utilizza il nuovo modello di contenuto di WordPress. Tutte le immagini e il codice dell'annuncio sono inseriti, allineati e distanziati perfettamente.

Se non lo sapessi meglio, penseresti che nulla è cambiato sul blog. La formattazione sembra identica a come appariva quando li ho asserviti per un'ora o più. Ora, tutto questo sforzo e la formattazione di tentativi ed errori sono già stati inseriti direttamente nel modello di contenuto di WordPress.
Quindi ora tutto ciò che rimane è starsene seduto e fare ciò che hai sempre amato fare: scrivere.
Questo modello di contenuto di WordPress riduce il carico sul tuo blog? Hai altri suggerimenti per la formattazione che le persone possono utilizzare nei propri modelli? Condividi i tuoi pensieri e approfondimenti nella sezione commenti qui sotto.
Immagine di credito: Shutterstock

Scopri di più su: blog, Wordpress, suggerimenti per la scrittura.