Aggiunta di una casella Informazioni sull'autore ai tuoi post WordPress

Le riviste digitali sono diventate una risorsa popolare per gli utenti di oggi. Con WordPress che alimenta milioni di blog sul web oggi, è giusto presumere che gestiscano un software stabile. Alcune delle migliori funzionalità sono tutte interne poiché il team WP pubblica documentazione aggiornata e aggiornata con ogni versione.

Non solo il software è molto potente, ma le classi e le funzioni sottostanti offrono agli sviluppatori un accesso illimitato. È estremamente semplice sviluppare app e moduli all'interno di WordPress. Oggi esamineremo le funzioni dei metadati dell'autore per la creazione di un? Informazioni sull'autore? scatola.

Verso la fine delle singole pagine di post potresti vedere spesso una casella che spiega un po 'lo scrittore. Questo generalmente includerà il loro Gravatar o una sorta di foto, una descrizione su di loro e possibilmente collegamenti ai loro profili o al sito web personale.

Se le cose sembrano difficili, dai un'occhiata ad alcuni documenti di WordPress sui tag dei modelli. Questi includono gran parte di ciò che può essere coperto in questo progetto e molto altro ancora. La community WP gestisce anche un forum molto piacevole per domande di sistema approfondite.

L'architettura di WordPress

C'è qualcosa di cui si fa riferimento nel codice WordPress intitolato The Loop. Questa è una sezione in cui le meta funzioni possono essere chiamate sulla base di un singolo articolo per estrarre informazioni specifiche dal database. Come nel nostro esempio, possiamo chiamare le funzioni per estrarre i dati dell'autore da qualsiasi singolo post all'interno di The Loop.

In particolare questo dovrebbe essere fatto all'interno della cartella dei modelli. Per i più pigri, potrebbe essere più semplice modificare singoli file aggiungendo il codice necessario. Ad esempio, il tema WP single.php il file in genere contiene tutto il codice da analizzare sulla pagina di un singolo post. Potresti trovare più facile caricare i dati all'interno di The Loop e aggiungere qui il codice HTML.

In alternativa, un metodo più sicuro sarebbe quello di aggiungere un nuovo file alla directory del tema e includerlo ogni volta che si desidera che venga visualizzata la finestra dell'autore. Ciò consente un maggiore controllo sui termini variabili e sui file modello. Ciò consente anche di risparmiare tempo ed energia per non tornare indietro e reinventare la ruota.

Codice modello WP

Non ci sono molte funzioni che useremo, anche se molti potrebbero essere nuovi per i dilettanti di WP. Di seguito sono riportati alcuni esempi con i quali dovresti familiarizzare. Gran parte di ciò che tratteremo funziona all'interno della libreria di WordPress con solo poche idee chiave: nulla che non possa essere appreso con poche ore di studio.

La funzione autore estrae i dati dall'interno del loop per visualizzare il nome dell'autore. Questo può essere modificato nel backend di WordPress nella pagina delle impostazioni del profilo di chiunque. Puoi impostare questo valore su Nome / Cognome, nome utente o anche su un set personalizzato.

Per rendere questo processo più semplice, WordPress ha rilasciato un'intera libreria di funzioni per the_author_meta (). Questa sostituzione accetta argomenti che possono estrarre i dati dell'autore dal database su richiesta. Puoi consultare la documentazione della pagina se desideri approfondire l'argomento.

La cosa affascinante di questa funzione è la quantità di informazioni che possono essere effettivamente ottenute. Di default la funzione accetta due argomenti: il tipo di dati necessari e l'ID utente da estrarre. L'ID è un parametro opzionale che è richiesto solo nei casi al di fuori di The Loop. I possibili valori da includere includono user_login, user_email, user_url, nickname, description (bio), jabber / aim / yim e molto altro ancora!

Quello che molti non considerano qui è solo la quantità di informazioni potenziali che possono essere condivise. WordPress consente agli amministratori di modificare le pagine del profilo dell'autore per aggiungerle in avatar, biografie e persino collegamenti home page personalizzati. Questi possono quindi essere estratti dal database e utilizzati come informazioni di marketing per ciascun autore.

Solo con queste sole funzioni siamo in grado di visualizzare tutti i dati impostati di cui avremo bisogno. L'unica cosa che resta da fare è aggiungere il nostro codice HTML e CSS di esempio e pubblicare il file!

Stili di scatola d'autore cordiali

Il CSS è una lingua importante nell'ambito del nostro progetto, essendo un'applicazione web. Dobbiamo definire insiemi specifici di stili e vetrine da incorporare per tutti i principali browser, monitorare le risoluzioni e altre variabili nascoste. Come sviluppatori web è nostro compito studiare e lavorare su questi climi.

La classe semplice .aboutauthor dovrebbe essere applicato alla tua scatola di copertura. Abbiamo aggiunto un colore di sfondo chiaro con un bordo solido e imbottitura extra. Anche il nostro tag img viene visualizzato a sinistra con imbottitura extra. Ciò manterrà l'avatar del nostro autore in linea con il contenuto della scatola.

Inoltre, abbiamo due classi che dimostrano come abbiamo bisogno dei nostri dati interiori per eseguire. .span-2 è una lezione tenuta dentro la quale verrà trovato il nostro contenuto principale. Dentro qui abbiamo rimosso tutti i margini extra / padding per mantenere la spaziatura neutrale, insieme a riorganizzare il modello box per l'allineamento a sinistra. Questo codice farebbe meglio nel file style.css del tuo modello, anche se potrebbe essere aggiunto in linea con il tuo elemento di blocco.

Il codice HTML è molto breve e simile come visto di seguito. Qui abbiamo aggiunto alcune funzioni extra che possono essere spiegate molto rapidamente.

Stiamo chiamando una funzione get_avatar () che prende una serie di parametri. I due che abbiamo passato sopra sono l'indirizzo e-mail dell'autore corrente che è l'identificatore univoco per una query del database. Questo potrebbe essere equivalente anche all'ID di un utente.Passiamo anche in 64 come valore di stringa - questo rappresenta la dimensione dell'immagine che vogliamo restituita al quadrato in larghezza e altezza.

the_author_posts () è un'altra funzione abbastanza semplice che estrae il numero totale di articoli pubblicati da uno scrittore. Questa è più di una funzionalità aggiunta in quanto non vedo molti blog che eseguono queste informazioni. Comunemente, tuttavia, ciò è utile dal punto di vista degli utenti poiché fornisce maggiori informazioni sull'autore corrente e approfondimenti più approfonditi sulla loro interazione con il blog stesso.

Queste sono solo alcune delle tecniche di base per la creazione di un semplice blocco autore di WordPress. Da qui è molto semplice salvare un nuovo file, diciamo author-box.php nella cartella dei temi e caricarlo nella directory principale. Da lì una semplice inclusione di PHP può aggiungere automaticamente tutto il codice a qualsiasi fonte.

Se questo è ancora un po 'confuso, controlla il codice di esempio qui sopra. Questo sarebbe il modo più diretto per includere il tuo file e sostenere la sicurezza nelle tue azioni. Qui stiamo chiamando il get_bloginfo () funzione per estrarre la nostra intera struttura di directory template prima, seguita dal nostro singolo file di dati. Assicurati di rinominare questo file con qualsiasi cosa si adatti al tuo tema e non confonderlo tra le chiamate di funzione!

Conclusione

Speriamo che questo tutorial ti abbia dato un punto di riferimento per lo sviluppo di WordPress. I blog sono fin troppo comuni nel web di oggi, ma l'aggiunta di una finestra di authoring dà ai tuoi articoli online dei bagliori. Offrono anche incentivi per gli autori a postare più frequentemente e costruiscono un piccolo portfolio della loro scrittura. Molte delle riviste più popolari online ora contengono informazioni dettagliate e link ai profili dei loro scrittori di articoli.

Se desideri sperimentare queste funzionalità senza fare confusione in PHP o HTML / CSS, ci sono alcune alternative. Il sistema di plugin WordPress è uno di questi scenari che funziona perfettamente. Raccomando il plugin Cool Author Box che aggiungerà automaticamente le informazioni dell'autore e supporta le icone gravatar. Hai suggerimenti o suggerimenti per creare box autore unici in WordPress? Condividi le tue idee nella discussione qui sotto.