Crea tipi di post personalizzati WordPress utilizzando un plug-in

Hai mai sentito parlare dei tipi di post personalizzati di WordPress ma non sei sicuro di cosa siano? O forse hai sentito parlare di tipi di post personalizzati ma non sai come usarli in WordPress. In questa serie di articoli rimuoveremo il mistero che circonda i tipi di post personalizzati di WordPress e, così facendo, spiegheremo come sfruttarli in un'ampia varietà di modi sul tuo sito web.

In questo articolo iniziale sui tipi di post personalizzati di WordPress spiegheremo cosa sono e poi passeremo a mostrarti come creare i tuoi tipi di post personalizzati usando un plugin popolare. Muoviamoci!

Cosa sono i tipi di post personalizzati di WordPress?

Se hai mai creato un sito Web utilizzando WordPress, probabilmente saprai che gli elementi principali di qualsiasi sito Web WordPress sono costituiti da contenuti sotto forma di pagine e post. A questi viene assegnata l'etichetta 'posts' e sono archiviati nella tabella wp_posts del tuo database. Inoltre, altri elementi come Allegati, Revisioni e Menu di navigazione sono anche referenziati con l'etichetta 'posts' che è anche memorizzata nella tabella wp_posts del tuo database. Il modo in cui questi elementi si distinguono consiste nel portare un valore di tipo di post diverso nella colonna post_type della tabella wp_posts . Un semplice post ha un valore post_type 'post' , una pagina è un tipo 'pagina', un'immagine è un tipo 'allegato' e così via.

La creazione del tuo tipo di post richiedeva una codifica estesa con una serie di hack necessari per ottenere il risultato desiderato. Tuttavia, le cose hanno fatto molta strada in breve tempo e da WordPress 2.9 è diventato sempre più facile creare tipi di post personalizzati che ti consentono di ottenere il massimo da WordPress come CMS completo.

Quando hai bisogno di un tipo di post personalizzato

Ci sono innumerevoli ragioni per cui potresti voler creare un nuovo tipo di post personalizzato. In poche parole, se non riesci a visualizzare i contenuti nel modo desiderato sul tuo sito Web perché i tipi di post predefiniti (pagine e post) non includono le funzionalità richieste, la risposta potrebbe essere un tipo di post personalizzato.

Ad esempio, potresti gestire un sito Web di recensioni di libri. Sebbene ci sia molto che puoi ottenere con i tipi di post predefiniti (pagine e post), non ti daranno alcun controllo granulare su questo specifico tipo di contenuto. Con i tipi di post personalizzati sei libero di aggiungere funzionalità che possono aiutare gli utenti del tuo sito web a navigare nel contenuto, come aggiungere valutazioni e renderlo ricercabile per autore e così via. Questo è meglio che cercare di "forzare" il post e le pagine standard in WordPress per conformarsi ai tuoi requisiti unici.

Ai fini di questa serie di articoli immaginiamo di voler creare una sezione 'ricetta alimentare' su un sito web. Segregheremo il contenuto della ricetta dal resto del contenuto del nostro sito Web introducendo un tipo di post personalizzato cpt-recipes . I metodi che esamineremo possono essere applicati a un'ampia gamma di altri tipi di post personalizzati e ovviamente sei libero di scegliere gli elementi che funzioneranno per il tipo di post personalizzato del tuo sito Web specifico.

Crea il tipo di post personalizzato utilizzando un plug-in

La codifica manuale di un tipo di post personalizzato è perfettamente possibile (lo esamineremo negli articoli successivi), ma se preferisci non essere coinvolto nel codice, un'ottima soluzione da utilizzare è il plug-in Custom Post Type UI di WebDevStudios.

Questo plug-in ti consente di registrarti rapidamente (ovvero creare) e gestire tipi di post personalizzati e tassonomie per il tuo sito Web con un'interfaccia funzionale di facile utilizzo. Dopo l'installazione e l'attivazione è possibile visualizzare l'elenco completo delle opzioni disponibili nella voce di menu "CPT UI" che apparirà nel menu di amministrazione.

Per iniziare a creare il tuo tipo di post personalizzato, fai clic sulla scheda "Aggiungi nuovo tipo di post". Ora, compila il tipo di post Slug, l'etichetta plurale e l'etichetta singolare (come mostrato sopra). Fai clic su "Aggiungi tipo di post e il gioco è fatto!

Dopo averlo fatto, trova il tuo nuovo post personalizzato facendo clic sulla scheda "Modifica tipi di post". Nella sezione Impostazioni di base vedrai una sezione "Etichette aggiuntive" in cui puoi aggiungere una gamma di etichette aggiuntive per il tuo tipo di post personalizzato. Ci sono MOLTI campi da compilare ma fortunatamente il plug-in ha una pratica funzione di "compilazione automatica" (di nuovo, mostrata sopra). Fai clic su questo e un'enorme quantità di lavoro verrà eseguita per te. Ovviamente sei libero di modificarli se necessario.

Il plug-in Custom Post Type UI contiene tutti i parametri della funzione register_post_type() descritti nella documentazione ufficiale di WordPress. Questi sono necessari per il corretto funzionamento del tuo tipo di post personalizzato. Etichette utili sotto ogni campo spiegano a cosa serve ogni articolo.

Nota: se desideri creare post con una struttura gerarchica, devi trasformare l'opzione "Gerarchico" su "true". Questo da solo però non basta. Dovrai andare alla sezione "Supporti" (scorri verso il basso fino alla fine della pagina di configurazione del tipo di post in cui ti trovi) e selezionare la casella di controllo "Attributi della pagina". Ciò significa che l'opzione 'Genitore' verrà ereditata dalla struttura della pagina.

Dopo aver apportato aggiornamenti alle etichette e alle impostazioni per il tuo nuovo posto doganale, assicurati di premere "Salva tipo di post" per salvare le modifiche. Ora sei pronto per aggiungere contenuti al tuo nuovo tipo di post. Puoi restituire e modificare il tipo di post creato in qualsiasi momento nella scheda "Modifica tipi di post", se necessario.

Opzioni aggiuntive

Ci sono alcune opzioni con cui puoi giocare, incluse cose come la personalizzazione della posizione del menu dei nuovi tipi di post personalizzati e l'icona associata. Ad esempio, per modificare la posizione del menu, è necessario inserire un numero nel campo "Posizione del menu". Dai un'occhiata alle possibili opzioni di seguito:

0 : in cima
5: sotto Messaggi
10 : sotto Media
15 : sotto Link
20 : sotto Pagine
25 : sotto i commenti
60 : sotto la prima lacuna nel menu
65 : sotto Plugin
70 : di seguito Utenti
75 : sotto Strumenti
80 : sotto Impostazioni
100 : sotto la seconda lacuna nel menu

Puoi anche cambiare l'icona del menu caricando la tua nella Libreria multimediale o aggiungendo il nome della classe di un'icona Dashicon ufficiale fornita da WordPress. Puoi vedere le icone disponibili qui

Aggiunta di tassonomie

Uno dei principali vantaggi dell'utilizzo di un tipo di post personalizzato è la possibilità di controllare meglio il modo in cui i dati vengono ordinati. Un buon punto di partenza per questo è aggiungere tassonomie personalizzate. Diamo un'occhiata a come possiamo aggiungere tassonomie personalizzate che ci consentiranno di raggruppare le ricette in categorie di nostra scelta.

Per iniziare, fai clic su "Aggiungi/Modifica tassonomie" nel sottomenu dell'interfaccia utente CPT. Quindi, aggiungi un nuovo Slug di tassonomia, un'etichetta plurale e un'etichetta singolare e (importante) seleziona il tipo di post a cui desideri associare questa nuova tassonomia. Nel nostro caso questo sarà il nostro tipo di post cpt-recipes .

Fai clic sul pulsante "Aggiungi tassonomia" e il gioco è fatto. Vai al tuo tipo di post personalizzato e vedrai un nuovo elemento (nel nostro caso "Cuisines") elencato nel sottomenu. Fai clic su questo e ora puoi aggiungere le tue categorie "Cucina".

A volte può essere difficile tenere traccia di ciò che è cosa quando si imposta un nuovo (o più) tipi di post personalizzati. Fortunatamente il plug-in CPT UI fornisce una tabella riassuntiva molto utile che può essere trovata andando su CPT UI > Registered Types/Taxes dove puoi visualizzare tutti i tipi di post personalizzati che hai creato insieme alle tassonomie associate e altre informazioni utili.

Visualizzazione del contenuto del tipo di post personalizzato sul frontend

Prima di testare il tuo nuovo tipo di post personalizzato, è meglio aggiungere del contenuto (altrimenti sarà molto più difficile vedere cosa sta succedendo!). Nel nostro caso questo significa aggiungere alcune categorie relative alla cucina e alcuni post di ricette.

Se vai al menu "Menu" dalla tua area di amministrazione, vedrai che il tuo nuovo tipo di post personalizzato è elencato insieme alla tua nuova categoria.

In altre parole, siamo già pronti per mostrare una singola pagina di ricetta o una vista di tutte le ricette sotto la stessa tassonomia della cucina.

Che ne dici di mostrare un archivio con tutte le ricette? Per fare ciò, torna alle impostazioni del tipo di post personalizzato e assicurati che le relative opzioni siano impostate correttamente come mostrato nell'immagine qui sotto.

Ora sei pronto per aggiungere la voce di menu per la vista archivio. Vai alla struttura del menu e crea un collegamento personalizzato:

Il testo del link potrebbe essere "Ricette". Per l'URL, se i tuoi permalink sono impostati su "Semplice", dovresti usare "/?post_type=YOURPOSTTYPENAME" che nel nostro caso è "cpt-recipes". Se impostato su "Nome del post", l'URL del tuo link dovrebbe essere "/cpt-recipes".

Aggiungi la voce di menu e vai al tuo sito Web e fai clic sul collegamento del menu "Ricette" (nel nostro esempio). Ora dovresti vedere tutti i post delle ricette in una vista archivio.

Ci sono tutti i modi in cui puoi visualizzare i tuoi nuovi tipi di post personalizzati. Ogni tipo di post personalizzato è completamente integrato nel tuo sito Web WordPress nello stesso modo in cui lo sono i "post" e le "pagine" predefiniti. In quanto tale, puoi trattare qualsiasi tipo di post personalizzato nello stesso modo in cui tratteresti un post o una pagina.

Tipi di post personalizzati e widget

Purtroppo, i tipi di post personalizzati non vengono aggiunti ai widget di WordPress. Un buon modo per superare questo problema è utilizzare un plug-in per widget post come Ultimate Posts Widget.

Una volta installato e attivato il plugin, nell'area Aspetto > Widget sarà disponibile un nuovo widget chiamato 'Ultimate Posts'. Se lo aggiungi a una posizione (es. l'area del piè di pagina) sarai in grado di configurarlo tramite una serie di opzioni fornite dal plugin.

Per visualizzare i tuoi post personalizzati, vai alla scheda Filtro dove potrai scegliere il tipo di post che hai creato. Puoi quindi modificare il modo in cui viene visualizzato nella scheda Visualizza come faresti per qualsiasi altro tipo di post.

Salva le tue impostazioni e poi vai al front-end del tuo sito web per vedere come appaiono le cose.

Ulteriori letture

Crea manualmente tipi di post personalizzati per WordPress
Tipi di post personalizzati di WordPress: andare oltre
Crea tipi di post personalizzati per WordPress usando il tuo plugin!

Conclusione

I tipi di post personalizzati sono una delle principali caratteristiche che hanno contribuito a spingere WordPress a diventare il sistema di gestione dei contenuti più popolare disponibile oggi. La possibilità di visualizzare diversi tipi di contenuto è di grande aiuto e ti consente di creare un sito Web davvero su misura per le tue esigenze. Il plug-in CPT UI offre un modo incredibilmente semplice per creare tipi di post personalizzati. È davvero un processo rapido, quindi se hai sempre desiderato creare un tipo di post personalizzato ma non sai come, speriamo che questo articolo abbia fornito le informazioni necessarie per provarlo.

E se ti senti avventuroso e desideri codificare manualmente i tuoi tipi di post personalizzati, consulta il nostro articolo "Crea manualmente tipi di post personalizzati WordPress" per scoprire come!