Vuoi visualizzare campi personalizzati al di fuori del ciclo su WordPress?

Normalmente, i campi personalizzati vengono visualizzati nel ciclo di WordPress insieme ad altri contenuti e metadati.

In questo tutorial, ti mostreremo come visualizzare campi personalizzati al di fuori del ciclo su WordPress.

Mostra i campi personalizzati fuori dal loop wordpress 1

Cosa sono i campi personalizzati su WordPress

I campi personalizzati ti consentono di aggiungere ulteriori metadati nei tuoi post di WordPress, al fine di visualizzare con il contenuto della pubblicazione.

Puoi aggiungere campi personalizzati semplicemente attivando le caselle dei metas dei campi personalizzati sul " Opzioni dello schermo ". Puoi anche creare meta box personalizzate su WordPress per dare ai tuoi campi personalizzati una migliore interfaccia utente.

Campo personalizzato di WordpersPoiché i campi personalizzati aggiungono metadati ai post, possono essere facilmente visualizzati nel ciclo di WordPress con altri contenuti. Tuttavia, a volte potresti volerli mostrare al di fuori del ciclo. Ad esempio, in un widget della barra laterale. A questo punto, diventa un po 'complicato.

Vedi anche: 6 plugin di WordPress per aggiungere il completamento automatico ai tuoi moduli

Detto questo, vediamo come visualizzare facilmente i campi personalizzati al di fuori del ciclo su WordPress.

Come visualizzare i dati dei campi personalizzati fuori dal loop su WordPress

Invece di visualizzare i metadati dei campi personalizzati al di fuori del loop, ti mostreremo come utilizzare più loop nel tuo Temi WordPress senza influenzare il ciclo principale.

Questo articolo richiede di aggiungi codice ai file del tuo tema WordPress.

Sarà necessario aggiungere il seguente codice nelle diverse posizioni dei file dei temi di WordPress in cui si desidera visualizzare i metadati.

post->ID; echo get_post_meta($postid, 'Il tuo campo personalizzato', true); wp_reset_query(); ?>

Questo codice utilizza la variabile globale $ wp_query per ottenere l'ID dell'elemento. Quindi utilizza " get_post_meta () Per recuperare e visualizzare i dati dei campi personalizzati.

Non dimenticare di modificare " Il tuo Custom-Champ Con il tuo vero campo personalizzato.

Puoi personalizzare il codice per soddisfare le tue esigenze. Puoi anche utilizzare altri argomenti della query per recuperare e visualizzare i dati dei campi personalizzati per diversi post e pagine.

Diamo un'occhiata a un altro esempio. Questo usa la classe WP_Query, che è molto meglio e più flessibile per l'utilizzo di più loop nei file dei temi di WordPress.

Basta aggiungere questo codice al tema WordPress o al tema figlio in cui si desidera visualizzare il campo personalizzato.

$ args = array (// Post o ID pagina 'p' => 231,); // La query $ the_query = new WP_Query ($ args); // Il ciclo if ($ the_query-> have_posts ()) {while ($ the_query-> have_posts ()) {$ the_query-> the_post (); echo get_post_meta (get_the_ID (), 'Mood', true); } / * Ripristina i dati originali del post * / wp_reset_postdata (); } else {echo 'Nothing found'; }

Non dimenticare di sostituire " Stato d'animo Con il nome proprio del tuo campo personalizzato e il tuo ID con la tua pubblicazione o ID pagina.

Dimostrazione di campi personalizzati su wordpress

Ora puoi visualizzare campi personalizzati da un post/pagina su una sezione diversa dal ciclo di WordPress. Ma, se hai bisogno di una soluzione premium per riuscire a visualizzare i campi personalizzati di un articolo/pagina, ti offriamo di seguito 3 plugin di WordPress premium che ti aiuterà in questo compito.

1. Plugin dei campi di registrazione di WooCommerce

Le WordPress Plugin premium Registrazione WooCommerce, Aggiungi campi di registrazione personalizzati ti consente di aggiungere ulteriori campi personalizzati al modulo di registrazione. Potrai aggiungere una casella di testo, una casella di selezione, una casella di controllo, una casella di opzione, un selettore di data, una password e altri. La registrazione a Woocommerce aggiunge campi personalizzati al wordpess del plug-in del modulo di iscrizione

Ti permetterà anche di abilitare o disabilitare Campi WooCommerce Predefinito. In questo plugin è abilitata anche la funzione di connessione tramite Facebook e Twitter.

Scopri Come ottimizzare le immagini e migliorare la vostra SEO facendo clic su questo link.

Altre caratteristiche includono: supporto per un numero illimitato di campi in un modulo di registrazione, supporto per la funzione Drag and Drop, personalizzazione dei campi per una migliore leggibilità, visualizzazione temporanea o meno. un campo, la possibilità di consentire al cliente di modificare il suo profilo e molti altri.

Download Demo | Web hosting

2. Campi personalizzati avanzati 

Come suggerisce il nome, questo WordPress Plugin premium ti consente di creare un gruppo di campi personalizzato come componente autonomo che puoi riutilizzare in altri gruppi di campi. Wordpess plug-in di componenti aggiuntivi per campi personalizzati avanzati

Successivamente, se si desidera modificare questo componente, è necessario modificarlo solo una volta, si applicherà a tutti i gruppi di campi che utilizzano questo componente.

Leggi anche il nostro articolo su Plugin 8 WordPress per aumentare il coinvolgimento dei tuoi visitatori

È molto facile da usare e puoi prenderlo in mano molto facilmente. Quindi risparmia tempo e produttività semplicemente riutilizzando campi o gruppi di campi che hai già creato.

Download | Demo | Web hosting

3. Campi personalizzati di Bookly

È importante notare che questo WordPress Plugin premium è un componente aggiuntivo che richiede il plug-in WordPress Bookly per funzionare. Per impostazione predefinita, i clienti o i visitatori sono solitamente abituati a compilare diversi campi come nome, numero di telefono e indirizzo e-mail prima di confermare una prenotazione.I campi personalizzati a libro si aggiungono al plugin wordpess

Ma con questo plugin per WordPress, puoi chiedere loro di compilare più campi, finalmente per ottenere maggiori dettagli o qualsiasi altro tipo di informazione. Questi nuovi campi verranno visualizzati nel passaggio Download du processo di prenotazionee i dettagli della prenotazione verranno aggiunti al tuo calendario Bookly.

Vedi anche il nostro articolo su Come nascondere gli elementi non necessari sul cruscotto WordPress

Le sue caratteristiche sono, tra le altre: la possibilità di creare tutti i campi necessari, il supporto per diversi tipi di campi, la possibilità di rendere alcuni campi obbligatori o opzionali per la compilazione, documentazione dettagliata e molto altro ancora.

Download Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial, si spera che ti consenta di visualizzare i campi personalizzati fuori dal giro su WordPress. Se avete suggerimenti o osservazioni, saranno i benvenuti.

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Non dimenticare di farci sapere il tuo commentaires, proposte e suggerimenti su questo articolo. NTi invitiamo anche a condividi questo articolo sui tuoi diversi social network.

...