Campi personalizzati nei post degli ospiti di WordPress

Come visualizzare i campi personalizzati nei post degli ospiti [Tutorial WordPress].

Volete imparare a utilizzare i campi personalizzati nei post degli ospiti?

I campi personalizzati sono una potente funzione di WordPress che consente di memorizzare informazioni aggiuntive relative a specifici post. È possibile visualizzare tali informazioni accanto al contenuto del post.

Create ora il vostro modulo WordPress

Cosa sono i campi personalizzati?

I campi personalizzati sono campi aggiuntivi che si utilizzano per raccogliere e visualizzare informazioni in WordPress. A volte sono chiamati campi "meta post".

È probabile che il vostro sito disponga già di alcuni campi personalizzati. Ad esempio, il plugin All in One SEO utilizza campi personalizzati per la meta descrizione e il meta titolo della pagina.

Esempio di campi personalizzati

È possibile creare campi personalizzati per memorizzare informazioni aggiuntive per qualsiasi post, pagina o tipo di post personalizzato. Ad esempio, se si sta scrivendo una recensione, si può avere un altro campo per la valutazione su dieci. Si può quindi modificare il modello del post per visualizzare la valutazione nello stesso punto ogni volta che si pubblica una recensione.

I campi personalizzati sono utili se lo si desidera:

  • Creare layout personalizzati
  • Aggiungete contenuti al vostro feed RSS, come annunci o loghi del marchio
  • Controllate il funzionamento di WordPress con le automazioni.

Ora che abbiamo capito a cosa servono i campi personalizzati, creiamo un modulo per i post degli ospiti con i campi personalizzati.

Come utilizzare i campi personalizzati nei post ospiti di WordPress

Più avanti nel corso del tutorial modificheremo importanti file di WordPress. Prima di iniziare, vi consiglio di utilizzare un plugin di backup per eseguire il backup del vostro sito WordPress.

1. Installare i plugin

Per questa esercitazione, è necessario installare 3 plugin:

  1. WPForms Pro
  2. Il componente aggiuntivo WPForms per l'invio dei post
  3. La versione gratuita o a pagamento del plugin Advanced Custom Fields (ACF).

Una volta installato e attivato WPForms Pro, andare su WPForms " Addons per installare Post Submissions.

Menu dei componenti aggiuntivi di WPForms

Scorrete verso il basso e fate clic per installarlo.

Aggiunta di contributi per i post

Infine, installiamo il plugin gratuito Advanced Custom Fields. Nella dashboard di WordPress, andate su Plugin " Aggiungi nuovo.

Aggiungere un nuovo plugin

Cercare Advanced Custom Fields e fare clic sul pulsante Installa ora.

Installare il plugin Advanced Custom Fields

Una volta installato il plugin, non dimenticate di fare clic su Attiva.

Ottimo! Ora abbiamo impostato tutto. Passiamo alla creazione del nostro campo personalizzato.

2. Creare un campo personalizzato in ACF

In questo esempio, utilizzeremo un campo personalizzato per raccogliere il nome del sito web del nostro blogger ospite e visualizzarlo sotto il suo nome.

Per iniziare, guardate la barra laterale e fate clic su Campi personalizzati " Aggiungi nuovo".

Aggiungere un nuovo campo personalizzato

In alto, dare un nome al nuovo gruppo di campi. Non importa cosa si digita qui, perché non verrà visualizzato nel frontend. Basta usare un nome che si riconoscerà in seguito.

Aggiungere un nuovo gruppo di campi personalizzati

A questo punto, fare clic su Aggiungi campo per iniziare a creare il campo personalizzato.

Pulsante Aggiungi nuovo campo personalizzato

Si noterà che alcune opzioni vengono visualizzate sotto. Non è necessario riempirle tutte. Ecco le due che utilizzeremo:

  • Etichetta del campo - Assegnare al nuovo campo un nome che abbia senso per l'utente.
  • Tipo di campo - Utilizzeremo un semplice campo di testo, quindi abbiamo lasciato questa opzione impostata su Testo.

Si noterà che il campo Nome campo verrà compilato automaticamente.

Impostare un campo personalizzato in ACF

Fare clic su Pubblica per salvare il nuovo campo personalizzato.

Si può notare che il nuovo campo è stato salvato. Si noti il nome del campo, che servirà per la fase successiva.

Nome del campo in Campi personalizzati avanzati

Ora possiamo creare il modulo guest post per il frontend del sito.

3. Creare il modulo per i post degli ospiti

In questo passaggio, creeremo un modulo per l'invio di un post di un ospite e vi aggiungeremo il nuovo campo, in modo che il blogger ospite possa compilarlo.

Se non avete già un modulo per i messaggi inviati dagli utenti, iniziate cliccando su WPForms " Aggiungi nuovo nella barra di navigazione di WordPress.

Aggiungere un nuovo modulo per i post inviati dagli utenti in WordPress

A questo punto, fate clic sul modulo di presentazione del post del blog per aprirlo.

Selezionare il modello del modulo post inviato dall'utente

Se avete bisogno di modificare le impostazioni predefinite, consultate questa guida sulla creazione di un modulo di frontend per i messaggi inviati dagli utenti. Quando avrete preparato tutte le basi, tornate a questa guida.

4. Aggiungere un campo personalizzato al modulo per i messaggi degli ospiti

Ora che si dispone di un modulo per i post inviati dall'utente, è necessario aggiungere il campo personalizzato creato al punto 2.

Trasciniamo un campo di testo a riga singola dal pannello di sinistra all'anteprima del modulo sulla destra. Lo chiameremo Nome del sito web.

Aggiungere un campo personalizzato al modulo per i post degli ospiti

Ora siamo pronti a mappare il campo con il campo creato nel plugin Advanced Custom Fields.

Per iniziare, fare clic su Impostazioni sul lato sinistro, quindi su Invii di messaggi.

Impostazioni per l'invio dei post

Questa schermata mostra tutte le funzionalità e le caratteristiche dell'addon Post Submissions. È possibile impostare lo stato dei post e altre impostazioni.

Per aggiungere il campo personalizzato, è necessario scorrere fino alla sezione Meta del post personalizzato.

A sinistra, incollare il nome del campo creato in ACF. A destra, scegliere il campo del modulo Nome del sito web appena creato in WPForms.

Impostare un campo personalizzato nel modulo per i post degli ospiti

È tutto ciò che dovete fare! D'ora in poi, tutto ciò che verrà digitato nel campo Nome del sito web verrà salvato nel campo personalizzato, in modo da poterlo visualizzare nel modello del post.

Fare clic su Salva per salvare il modulo.

Siete pronti a pubblicare dei post per gli ospiti? Se non l'avete ancora fatto, cliccate sul pulsante Incorpora per pubblicare il modulo. È possibile aggiungerlo automaticamente a una pagina o utilizzare uno shortcode.

Incorporare il modulo di frontend per i post degli ospiti in una pagina

Ora, quando si visualizza il modulo di invio del post degli ospiti sul frontend, si vedrà il campo aggiuntivo che abbiamo aggiunto in precedenza.

Campo personalizzato nel modulo post inviato dall'utente

Compilare il modulo con una voce di prova. Una volta inviato, possiamo visualizzare il campo nel frontend del sito.

5. Aggiungere i campi personalizzati al sito web

Esistono molti modi diversi per mostrare i dati dei campi personalizzati in WordPress. Vi mostreremo alcuni semplici esempi.

Questo primo metodo richiede una certa conoscenza dei file dei temi di WordPress. Prima di procedere, create un tema figlio per il vostro sito web. (A questo punto è bene eseguire un nuovo backup del sito).

In tutti questi esempi, si utilizzerà il metodo the_field() in Campi personalizzati avanzati.

Per prima cosa, modifichiamo il nostro modello di post singolo per visualizzare il campo. Andare su Aspetti " Editor del tema.

Editor di temi WordPress

Abbiamo aperto il file del tema chiamato single.php. Nel vostro tema, il nome di questo file modello potrebbe essere diverso.

Trovare un punto in cui visualizzare il campo, quindi incollare questo codice. Questo è un esempio molto semplice per iniziare:

<?php if( get_field('author_website_name') ): ?>
    <h2>Author's Blog: <?php the_field('author_website_name'); ?></h2> 
<?php endif; ?>

Questo codice significa che WordPress visualizzerà il nome del sito web dell'autore in un H2, se questa informazione esiste. Basta cambiare il nome del campo author_website_name al nome del campo creato.

Quando si salva il file del modello, il campo apparirà nei post del blog dove è stato inserito il codice.

Campo personalizzato nel post degli ospiti

Se questo sembra un po' complicato, vi mostreremo rapidamente un modo più semplice per utilizzare i campi personalizzati con Elementor.

6. Visualizzare i campi personalizzati con Elementor

Prima di concludere il tutorial sull'uso dei campi personalizzati nei post inviati dagli utenti, volevamo mostrarvi rapidamente come visualizzare un campo personalizzato in Elementor.

Questo metodo consente di costruire facilmente modelli avanzati per i contenuti inviati dagli utenti.

In questo esempio, abbiamo un blocco di testo vuoto in Elementor. Fare clic sull'icona in alto, contrassegnata da Tag dinamici in questa schermata:

Tag dinamici di Elementor per campi personalizzati

A questo punto, selezionare Campo ACF e scegliere il campo personalizzato creato al punto 2.

Aggiungere un campo personalizzato avanzato in Elementor

Ora il contenuto del campo personalizzato verrà visualizzato nei post ogni volta che si utilizza questo modello di Elementor. In questo modo è facilissimo visualizzare i dati dei campi personalizzati raccolti in WPForms.

Create ora il vostro modulo WordPress

Il prossimo passo: Ottenere più invii di post ospiti

Ora che avete impostato un modulo per i guest post con campi personalizzati, vorrete ottenere più contenuti inviati dagli utenti per il vostro sito. Per farlo, date un'occhiata a questi consigli su come ottenere più post di ospiti sul vostro blog.

Siete pronti a creare il vostro modulo? Iniziate oggi stesso con il più semplice plugin per la creazione di moduli per WordPress. WPForms Pro include l'addon Post Submissions e offre una garanzia di rimborso di 14 giorni.

Se questo articolo vi ha aiutato, seguiteci su Facebook e Twitter per altre guide e tutorial gratuiti su WordPress.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se fate clic su alcuni dei nostri link, potremmo guadagnare una commissione. Scoprite come WPForms viene finanziato, perché è importante e come potete sostenerci.

Claire Broadley

Claire è il Content Manager del team WPForms. Ha più di 13 anni di esperienza nella scrittura di WordPress e nel web hosting.Per saperne di più

Il miglior plugin per la creazione di moduli di WordPress con trascinamento e rilascio

Facile, veloce e sicuro. Unitevi agli oltre 6 milioni di proprietari di siti web che si fidano di WPForms.

Per completare questo modulo, abilitare JavaScript nel browser.

4 commenti su "Come visualizzare i campi personalizzati nei post degli ospiti [Tutorial WordPress]"

  1. Non sono in grado di mostrare più dei tre campi che già esistevano in Post Submission, nella mia vista finale del blog! Ho provato con i campi personalizzati ma non ci sono riuscito

  2. Ho bisogno di utilizzare un campo personalizzato vero/falso per l'invio dei post. Attualmente il risultato è che il campo è sempre vero, perché invia sempre un valore non booleano al campo. Esiste un modo semplice per far sì che il post invii un valore booleano vero/falso al campo personalizzato?

Aggiungi un commento

Siamo lieti che abbia scelto di lasciare un commento. Tenete presente che tutti i commenti sono moderati in base alla nostra politica sulla privacy e che tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.

Questo modulo è protetto da Cloudflare Turnstile e si applicano l'Informativa sulla privacy e i Termini di servizio di Cloudflare.