Vai al contenuto principale

Come visualizzare i campi personalizzati fuori dal giro su WordPress

Divi: il tema WordPress più semplice da usare

Divi: il miglior tema WordPress di tutti i tempi!

più Download di 901.000, Divi è il tema WordPress più popolare al mondo. È completo, facile da usare e viene fornito con oltre i modelli gratuiti 62. [Consigliato]

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 mostrare i metadati dei campi personalizzati al di fuori del ciclo, ti mostreremo come utilizzare più cicli nei tuoi temi WordPress senza influire sul 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.

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.

Crea facilmente il tuo sito Web con Elementor

Elementor ti consente di creare facilmente qualsiasi design di sito Web con un aspetto professionale. Smetti di pagare caro per quello che puoi fare da solo. [Free]

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 i campi personalizzati di un articolo / pagina su una sezione diversa dal ciclo di WordPress. Ma, se hai bisogno di una soluzione premium per visualizzare i campi personalizzati di un articolo / pagina, di seguito offriamo 3 plugin WordPress premium che ti aiuteranno in questo compito.

1. Plugin dei campi di registrazione di WooCommerce

Il plug-in di registrazione WooCommerce premium di WordPress, Aggiungi campi di registrazione personalizzati ti consente di aggiungere ulteriori campi personalizzati al modulo di registrazione. Sarai in grado di aggiungere una casella di testo, una casella di selezione, una casella di controllo, un pulsante 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.

Stai cercando i migliori temi e plugin per WordPress?

Scarica i migliori plugin e temi WordPress su Envato e crea facilmente il tuo sito web. Già più di 49.720.000 download. [ESCLUSIVO]

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 plugin WordPress premium ti consente di creare un gruppo di campi personalizzati come componente completo e 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 plug-in WordPress premium è un componente aggiuntivo che richiede il plug-in WordPress Bookly per funzionare. Per impostazione predefinita, i clienti o i visitatori vengono generalmente utilizzati per 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.

Crea facilmente il tuo negozio online

Scarica gratuitamente WooCommerce, i migliori plug-in di e-commerce per vendere i tuoi prodotti fisici e digitali su WordPress. [Consigliato]

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.

...  

Questo articolo contiene i commenti 0

Lascia un commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

Questo sito utilizza Akismet per ridurre indesiderati. Ulteriori informazioni su come vengono utilizzati i dati dei commenti.

Torna in alto
31 azioni
quota26
Tweet2
Enregistrer3