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.
In questo articolo
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.
È 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:
- WPForms Pro
- Il componente aggiuntivo WPForms per l'invio dei post
- 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.
Scorrete verso il basso e fate clic per installarlo.
Infine, installiamo il plugin gratuito Advanced Custom Fields. Nella dashboard di WordPress, andate su Plugin " Aggiungi nuovo.
Cercare Advanced Custom Fields e fare clic sul pulsante Installa ora.
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".
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.
A questo punto, fare clic su Aggiungi campo per iniziare a creare il 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.
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.
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.
A questo punto, fate clic sul modulo di presentazione del post del blog per aprirlo.
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.
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.
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.
È 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.
Ora, quando si visualizza il modulo di invio del post degli ospiti sul frontend, si vedrà il campo aggiuntivo che abbiamo aggiunto in precedenza.
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.
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.
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:
A questo punto, selezionare Campo ACF e scegliere il campo personalizzato creato al punto 2.
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.
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
Ciao Maryam,
Per aiutarti a capire meglio questo aspetto, potresti contattarci tramite il supporto con ulteriori dettagli e il nostro team sarà lieto di aiutarti!
Grazie 🙂
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?
Ciao Sondre,
Grazie per averci contattato! Per poterti aiutare con una risposta esaustiva, contattaci tramite l'Assistenza e saremo lieti di aiutarti 🙂