{"id":27091,"date":"2019-08-28T17:36:57","date_gmt":"2019-08-29T00:36:57","guid":{"rendered":"https:\/\/kinsta.com\/?p=48437"},"modified":"2023-02-03T12:58:47","modified_gmt":"2023-02-03T11:58:47","slug":"advanced-custom-fields","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/","title":{"rendered":"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva"},"content":{"rendered":"<p>I campi personalizzati (custom field) di WordPress sono una parte importante di ci\u00f2 che rende WordPress un <a href=\"https:\/\/kinsta.com\/it\/blog\/content-management-system\/\">sistema di gestione dei contenuti<\/a> flessibile piuttosto che &#8220;una semplice piattaforma per i blog&#8221;.<\/p>\n<p>Quando si tratta di campi personalizzati di WordPress, il plugin freemium <strong>Advanced Custom Fields<\/strong> \u00e8 uno dei nomi pi\u00f9 noti. \u00c8 un plugin che rende pi\u00f9 facile lavorare sotto tutti gli aspetti con i campi personalizzati, ed \u00e8 anche l&#8217;argomento del nostro articolo di oggi.<\/p>\n<p>In particolare, spiegheremo perch\u00e9 Advanced Custom Fields \u00e8 uno strumento prezioso e vi mostreremo passo dopo passo come utilizzarlo sul vostro sito WordPress.<\/p>\n<p>Ecco tutto ci\u00f2 che troverete in questo articolo:<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p>C&#8217;\u00e8 molto di cui parlare, per cui iniziamo subito!<\/p>\n\n<div  class=\"featured-snippet\" id=\"featuredSnippet\">\n    <div class=\"featured-snippet__content\">\n        <h2>Cos\u2019\u00e8 il Plugin Advanced Custom Fields?<\/h2>\n        <div><p class=\"p1\"><span class=\"s1\">Sviluppato da Elliot Condon, Advanced Custom Fields \u2014 spesso abbreviato come ACF \u2014 \u00e8 un plugin di WordPress che consente di aggiungere e gestire i custom field di WordPress a un sito. \u00c8 disponibile sia come plugin gratuito che come plugin premium, chiamato ACF PRO il cui prezzo parte da $25 per ricevere aggiornamenti a vita validi per 1 sito.<\/span><\/p>\n<\/div>\n    <\/div>\n    <div class=\"featured-snippet__footer\">\n        <div class=\"arrow-down\"><\/div>\n        <div class=\"featured-snippet__footer--content row nocol middle-xs between-xs reverse\">\n            <div style=\"margin-left: auto; position: relative; top: -1px\" class=\"row nocol middle-xs\">\n                <div class=\"color--mediumGray\" style=\"font-size: 14px; vertical-align: middle;\">\n                    <svg  class=\"icon icon--logo display--block\" aria-hidden=\"true\" focusable=\"false\"><use xlink:href=\"https:\/\/kinsta.com\/it\/wp-content\/themes\/kinsta\/dist\/sprite.svg?v=e8af2143e3b8bceb5561b327e81ec085#logo\" \/><\/svg>                <\/div>\n                <div class=\"text--bold color--mediumGray\" style=\"padding-left: 3px;\">Support<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<h2 id=\"what\">Cosa Sono i Campi Personalizzati di WordPress? Cosa Vi Permettono di Fare?<\/h2>\n<p>I custom field (o campi personalizzati) di WordPress consentono di aggiungere, archiviare e visualizzare informazioni aggiuntive su un contenuto in WordPress. A livello pi\u00f9 tecnico, i custom field consentono di archiviare metadati.<\/p>\n<p>Anche se non avete familiarit\u00e0 con questo termine, i custom field potenziano gran parte delle funzionalit\u00e0 dei vostri plugin e temi preferiti.<\/p>\n<p>Per esempio, <a href=\"https:\/\/kinsta.com\/it\/blog\/tutorial-woocommerce\/\">WooCommerce<\/a>, il plugin pi\u00f9 popolare per creare un negozio di ecommerce, utilizza i campi personalizzati per memorizzare informazioni aggiuntive su un prodotto come:<\/p>\n<ul>\n<li>Prezzo<\/li>\n<li>Peso<\/li>\n<li>Colore<\/li>\n<\/ul>\n<p>Oppure, se usate <a href=\"https:\/\/kinsta.com\/it\/blog\/plugin-eventi-wordpress\/\">un plugin WordPress per la gestione del calendario eventi<\/a>, questo utilizzer\u00e0 i campi personalizzati per memorizzare informazioni aggiuntive su un evento come:<\/p>\n<ul>\n<li>Posizione<\/li>\n<li>Inizio\/ora di fine<\/li>\n<li>Prezzo<\/li>\n<\/ul>\n<p>Potete anche creare campi personalizzati per memorizzare informazioni in base alle vostre esigenze specifiche, cosa di cui parleremo in questo articolo.<\/p>\n\n<h3>Quando Dovreste Utilizzare i Campi Personalizzati?<\/h3>\n<p>Ora vi starete chiedendo perch\u00e9 dovreste aver bisogno dei campi personalizzati.<\/p>\n<p>Ad esempio, se desiderate pubblicare un evento sul vostro sito, non potreste semplicemente inserire nell&#8217;editor di WordPress tutte queste informazioni come se fossero un normale testo?<\/p>\n<p>Beh, s\u00ec, potreste. Tuttavia, l&#8217;utilizzo di campi personalizzati \u00e8 un approccio migliore per una serie di motivi:<\/p>\n<ul>\n<li><strong>Inserimento pi\u00f9 semplice<\/strong> \u2014 invece che digitare le informazioni da zero, un gruppo di custom field ben strutturato render\u00e0 molto pi\u00f9 semplice l&#8217;inserimento dei dati. Per esempio, invece di digitare una data potrete semplicemente selezionarla da un selettore di date.<\/li>\n<li><strong>Coerenza<\/strong> \u2014 le informazioni inserite nei custom field verranno sempre visualizzate in base alla vostra configurazione, il che significa che rimarranno coerenti in tutto il sito.<\/li>\n<li><strong>Semplicit\u00e0 di aggiornamento e di manutenzione<\/strong> \u2014 se in futuro vorrete cambiare qualcosa relativamente alla visualizzazione di quelle informazioni, potrete semplicemente aggiornare un campo solo invece che modificare ogni post individualmente.<\/li>\n<\/ul>\n<h3>WordPress Include una Funzionalit\u00e0 Integrata per i Campi Personalizzati<\/h3>\n<p>Effettivamente WordPress include gi\u00e0 una funzionalit\u00e0 integrata per aggiungere i campi personalizzati al vostro contenuto. Nell\u2019<a href=\"https:\/\/kinsta.com\/blog\/wordpress-tinymce-editor\/\">editor classico TinyMCE<\/a>, \u00e8 possibile abilitarli dalla sezione <strong>Opzioni schermo<\/strong>. Nel <a href=\"https:\/\/kinsta.com\/it\/blog\/gutenberg-editor-wordpress\/\">nuovo editor a blocchi<\/a>, invece, si possono abilitare dalla sezione <strong>Opzioni<\/strong>:<\/p>\n<figure style=\"width: 2230px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-3.png\" alt=\"Come accedere ai campi personalizzati dall'editor a blocchi\" width=\"2230\" height=\"1391\"><figcaption class=\"wp-caption-text\">Come accedere ai campi personalizzati dall&#8217;editor a blocchi<\/figcaption><\/figure>\n<p>Potete quindi inserire i dati dei campi personalizzati utilizzando delle coppie chiave\/valore:<\/p>\n<figure style=\"width: 2220px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-4.png\" alt=\"La funzionalit\u00e0 integrata in WordPress per i campi personalizzati\" width=\"2220\" height=\"1375\"><figcaption class=\"wp-caption-text\">La funzionalit\u00e0 integrata in WordPress per i campi personalizzati<\/figcaption><\/figure>\n<p>Questa funzionalit\u00e0 nativa per campi personalizzati funziona perfettamente, ma di sicuro non \u00e8 il modo pi\u00f9 user-friendly per usarli, motivo per cui molte persone si affidano invece al plugin Advanced Custom Fields.<\/p>\n<h2 id=\"acf\">Advanced Custom Fields Rende Tutto Pi\u00f9 Facile<\/h2>\n<p>Per farla breve, <a href=\"https:\/\/www.advancedcustomfields.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Custom Fields<\/a> rende molto pi\u00f9 semplice lavorare con i campi personalizzati in WordPress&#8230;praticamente sotto ogni aspetto.<\/p>\n<p>Il plugin semplifica l&#8217;interfaccia per l&#8217;aggiunta e la gestione di campi personalizzati nella dashboard di WordPress, ma anche il processo di visualizzazione delle informazioni dai campi personalizzati nel frontend del vostro sito. Questo fatto da solo gi\u00e0 spiega perch\u00e9 il plugin sia <strong>attivo su oltre 1 milione di siti web<\/strong> con una <strong>valutazione di 4,9 stelle su oltre 1.000 recensioni.<\/strong><\/p>\n<p>Nel backend, invece, vi consentir\u00e0 di creare metabox intuitive che includono tipologie preselezionate di campi. Quindi, invece che la generica interfaccia di coppia chiave-valore (come quelle che abbiamo visto sopra), sarete in grado di utilizzare selettori di date, caselle di spunta e altre cose come queste:<\/p>\n<figure id=\"attachment_27095\" aria-describedby=\"caption-attachment-27095\" style=\"width: 2262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-27095\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13.png\" alt=\"Advanced Custom Fields nell\u2019editor a blocchi\" width=\"2262\" height=\"1388\" srcset=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13.png 2262w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13-300x184.png 300w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13-768x471.png 768w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13-1024x628.png 1024w\" sizes=\"auto, (max-width: 2262px) 100vw, 2262px\" \/><figcaption id=\"caption-attachment-27095\" class=\"wp-caption-text\">Advanced Custom Fields nell\u2019editor a blocchi<\/figcaption><\/figure>\n<p>Nel complesso, Advanced Custom Fields offre oltre 30 tipi di campi diversi che potete aggiungere a qualsiasi area della dashboard, inclusi post, utenti, tassonomie, contenuti multimediali, commenti e persino pagine di opzioni personalizzate.<\/p>\n<p>Trovate <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#field-types\" target=\"_blank\" rel=\"noopener noreferrer\">informazioni dettagliate su ciascuna tipologia di campo qui<\/a>.<\/p>\n<p>Advanced Custom Fields rende anche molto pi\u00f9 semplice la visualizzazione di tali informazioni, grazie a funzioni ben documentate, shortcode, blocchi di Gutenberg e molto altro.<\/p>\n<p>In alternativa, potete trovare integrazioni con altri strumenti, come alcuni <a href=\"https:\/\/kinsta.com\/it\/blog\/page-builder-wordpress\/\">page builder drag-and-drop per WordPress<\/a>.<\/p>\n<h3>Advanced Custom Fields Gratis vs Pro: Quale Vi Serve?<\/h3>\n<p>Advanced Custom Fields \u00e8 disponibile sia in versione gratuita che in versione premium a un prezzo accessibile.<br \/>\nPer la maggior parte dei casi, la versione gratuita va benissimo. Vi d\u00e0 accesso a quasi tutti i tipi di campo, nonch\u00e9 a tutte le funzioni descritte sopra che fanno risparmiare tempo e sono di facile utilizzo.<br \/>\nSe vi interessa solo archiviare alcune informazioni extra sui vostri contenuti, la versione gratuita \u00e8 tutto ci\u00f2 di cui avrete bisogno.<\/p>\n<p>Detto questo, la versione Pro include alcune funzionalit\u00e0 convenienti che aiutano a utilizzare Advanced Custom Fields in modi pi\u00f9 interessanti:<\/p>\n<ul>\n<li><strong>Campi ripetuti<\/strong> \u2014 questi vi consentono di ripetere determinati campi o gruppi di campi post dopo post. Ad esempio, se aveste bisogno di aggiungere informazioni sull\u2019oratore a un evento, un campo ripetuto vi aiuterebbe a gestire il caso in cui fosse presente pi\u00f9 di un oratore (<em>potreste semplicemente &#8220;ripetere&#8221; il campo (o i campi) relativo all\u2019oratore tutte le volte necessarie, cosa che consentirebbe di gestire casi limite in cui sono presenti pi\u00f9 oratori<\/em>).<\/li>\n<li><strong>Blocchi ACF<\/strong> \u2014 mostra i campi come un blocco Gutenberg, invece che come una metabox. Quest\u2019opzione \u00e8 particolarmente utile se state costruendo un sito per un cliente e volete dare loro un modo semplice per inserire e visualizzare dati di campo personalizzati.<\/li>\n<li><strong>Campo dal contenuto flessibile<\/strong> \u2014 consente di creare layout partendo da altri campi. Assomiglia un po\u2019 a un page builder ultraleggero basato sulle informazioni del campo personalizzato.<\/li>\n<li><strong>Campo Galleria<\/strong> \u2014 carica pi\u00f9 immagini in un singolo campo.<\/li>\n<\/ul>\n<p>Ci sono anche alcune altre differenze, come le pagine delle opzioni, la possibilit\u00e0 di clonare campi o di migliorare i campi di relazione e altri piccoli dettagli.<\/p>\n<p>Potete <a href=\"https:\/\/www.advancedcustomfields.com\/pro\/\" target=\"_blank\" rel=\"noopener noreferrer\">vedere tutte le funzionalit\u00e0 di ACF PRO qui<\/a>.<\/p>\n<p>Il prezzo di ACF PRO parte da $25 per una durata d\u2019uso illimitata su un singolo sito. In alternativa, potete pagare $100 per un <strong>uso a vita<\/strong> su siti illimitati.<\/p>\n<p>Se avete dubbi, meglio iniziare con la versione gratuita fino a capire esattamente quali funzionalit\u00e0 vi sono necessarie. Potete sempre fare un upgrade in seguito, se necessario.<\/p>\n<h2 id=\"tutorial\">Tutorial su Advanced Custom Fields: Come Aggiungere i Campi<\/h2>\n<p>Entriamo ora nel vivo del tutorial su Advanced Custom Fields: vi mostrer\u00f2 come creare e visualizzare il vostro primo set di campi personalizzati.<\/p>\n<p>Per questo esempio, diciamo che <a href=\"https:\/\/kinsta.com\/it\/blog\/come-monetizzare-un-blog\/\">avete un blog<\/a> sulla corsa. Vi piace davvero correre e volete condividere i vostri allenamenti quotidiani con i vostri lettori. In particolare, con ogni post del blog, volete condividere questi dati sulla vostra corsa:<\/p>\n<ul>\n<li><strong>Scopo<\/strong> \u2014 supponiamo di avere due diversi tipi di corsa: &#8220;velocit\u00e0&#8221; e &#8220;condizionamento&#8221;.<\/li>\n<li><strong>Distanza <\/strong> \u2014 lunghezza della corsa.<\/li>\n<li><strong>Ora di inizio<\/strong> \u2014 quando avete iniziato la corsa.<\/li>\n<li><strong>Ora di fine<\/strong> \u2014 quando avete terminato la corsa.<\/li>\n<li><strong>Posizione<\/strong> \u2014 dove si \u00e8 svolta la corsa.<\/li>\n<\/ul>\n<p>Per raccogliere queste informazioni, dovrete aggiungere cinque campi personalizzati.<br \/>\n\u00c8 importante notare che le istruzioni che apprenderete durante questo tutorial su Advanced Custom Fields si applicano a qualsiasi caso. Stiamo solo scegliendo un esempio specifico perch\u00e9 aiuta ad avere un caso concreto come punto di riferimento.<\/p>\n<p>Suddivideremo questo tutorial in due parti:<\/p>\n<ol>\n<li>Come aggiungere e gestire i campi personalizzati nel backend.<\/li>\n<li>Come visualizzare le informazioni sul campo personalizzato nel frontend del vostro sito.<\/li>\n<\/ol>\n<h3>1. Creare un Nuovo Gruppo di Campi<\/h3>\n<p>Dopo aver installato e attivato la <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\" target=\"_blank\" rel=\"noopener noreferrer\">versione gratuita di Advanced Custom Fields da WordPress.org<\/a>, andate su <strong>Custom Fields &gt; Add New<\/strong> per creare il vostro primo <strong>Gruppo di Campi<\/strong>.<br \/>\nCome suggerisce il nome stesso, un &#8220;Gruppo di Campi&#8221; \u00e8 un gruppo di uno o pi\u00f9 campi personalizzati che vengono visualizzati insieme nella vostra <a href=\"https:\/\/kinsta.com\/it\/blog\/amministrazione-wordpress\/\">dashboard WordPress<\/a>.<\/p>\n<p>Per questo esempio, creerete un gruppo di campi che contiene cinque campi personalizzati.<br \/>\nDate un nome al vostro gruppo di campi, quindi scegliete la sua <strong>Location<\/strong>. Per questo esempio, vogliamo visualizzare questi campi personalizzati per i normali articoli del blog WordPress, per cui potete lasciare l\u2019opzione predefinita <strong>Post<\/strong>.<br \/>\nTuttavia, se desiderate visualizzare i campi personalizzati altrove, come per esempio accanto a <a href=\"https:\/\/kinsta.com\/it\/blog\/custom-post-type-wordpress\/\">custom post type<\/a> o con una tassonomia, potreste voler cambiare la posizione. Potete anche impostare pi\u00f9 regole per visualizzare i vostri campi in posizioni molteplici:<\/p>\n<figure style=\"width: 1917px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-5.png\" alt=\"Creare un nuovo gruppo di campi ACF\" width=\"1917\" height=\"1262\"><figcaption class=\"wp-caption-text\">Creare un nuovo gruppo di campi ACF<\/figcaption><\/figure>\n<h3>2. Aggiungere i Campi Personalizzati<\/h3>\n<p>Successivamente, fate clic sul pulsante <strong>+ Add Field<\/strong> per aggiungere il vostro primo campo personalizzato:<\/p>\n<figure style=\"width: 1580px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-6.png\" alt=\"Aggiungere un nuovo campo\" width=\"1580\" height=\"557\"><figcaption class=\"wp-caption-text\">Aggiungere un nuovo campo<\/figcaption><\/figure>\n<p>Questa azione aprir\u00e0 diverse opzioni, ma non \u00e8 necessario compilare tutto.<br \/>\nLe due scelte pi\u00f9 importanti sono::<\/p>\n<ul>\n<li><strong>Field Label<\/strong> \u2014 questo \u00e8 ci\u00f2 che apparir\u00e0 nell&#8217;editor. Verr\u00e0 inoltre utilizzato per generare il Nome Campo, che \u00e8 lo stesso che userete nel codice. Non \u00e8 necessario modificare il nome del campo (anche se \u00e8 possibile farlo, se necessario).<\/li>\n<li><strong>Field Type <\/strong> \u2014 questo \u00e8 il tipo di informazioni che desiderate raccogliere. Ad esempio, avreste bisogno di un campo <strong>Number<\/strong> per raccogliere informazioni sul numero o di un campo <strong>Email<\/strong> per raccogliere indirizzi email.<\/li>\n<\/ul>\n<p>Per questo primo campo, scegliamo il Field Type <strong>Radio Button<\/strong>:<\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-7.png\" alt=\"Configurazione di un campo\" width=\"1608\" height=\"1024\"><figcaption class=\"wp-caption-text\">Configurazione di un campo<\/figcaption><\/figure>\n<p>Pi\u00f9 in basso, potrete inserire i valori da selezionare nel Radio Button nella sezione <strong>Choices<\/strong>:<\/p>\n<figure style=\"width: 1610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-8.png\" alt=\"Introdurre i valori per il Radio Button\" width=\"1610\" height=\"784\"><figcaption class=\"wp-caption-text\">Introdurre i valori per il Radio Button<\/figcaption><\/figure>\n<p>Ci sono anche diverse altre opzioni fra cui scegliere, ad esempio se un campo \u00e8 obbligatorio o meno, oppure se inserire un valore predefinito. Avete la libert\u00e0 di configurare tutto in base alle vostre esigenze.<\/p>\n<p>Diamo ora un&#8217;occhiata a un altro esempio: un campo personalizzato per raccogliere informazioni sulla lunghezza della corsa. Questa volta, vogliamo usare il tipo di campo <strong>Number<\/strong>:<\/p>\n<figure style=\"width: 1611px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-9.png\" alt=\"Creare un campo Number\" width=\"1611\" height=\"1127\"><figcaption class=\"wp-caption-text\">Creare un campo Number<\/figcaption><\/figure>\n<p>Potreste anche rendere il tutto pi\u00f9 user-friendly aggiungendo l\u2019unit\u00e0 di distanza nel campo <strong>Append<\/strong>. Se lo desiderate, potete anche aggiungere la convalida con un valore minimo, <strong>Minimum Value<\/strong>, e un valore massimo, <strong>Maximum Value<\/strong>. Per esempio, probabilmente non state affrontando corse da 1600 km (e se lo state facendo&#8230;wow, siete il prossimo Forrest Gump)!<\/p>\n<figure style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-10.png\" alt=\"Altre opzioni per i campi\" width=\"1608\" height=\"958\"><figcaption class=\"wp-caption-text\">Altre opzioni per i campi<\/figcaption><\/figure>\n<p>Ora basta ripetere la procedura per tutti gli altri campi personalizzati che vi servono. Alla fine, dovreste ottenere qualcosa di simile a questo:<\/p>\n<figure style=\"width: 1607px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-11.png\" alt=\"5 diversi campi ACF\" width=\"1607\" height=\"940\"><figcaption class=\"wp-caption-text\">5 diversi campi ACF<\/figcaption><\/figure>\n<h3>3. Configurare le Impostazioni e Pubblicare<\/h3>\n<p>Per finire, scorrete verso il basso fino alla sezione <strong>Settings <\/strong>. Qui potete controllare come vengono visualizzati i vostri campi nell\u2019<a href=\"https:\/\/kinsta.com\/it\/?s=wordpress+editor\">Editor WordPress<\/a>.<\/p>\n<p>La maggior parte delle volte, potete lasciare queste opzioni come predefinite, ma sentitevi liberi di cambiare quello che volete. Ad esempio, potete scegliere di visualizzare i campi personalizzati in cima al normale editor WordPress:<\/p>\n<figure style=\"width: 1616px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-12.png\" alt=\"Configurazione delle impostazioni del gruppo di campi ACF\" width=\"1616\" height=\"1143\"><figcaption class=\"wp-caption-text\">Configurazione delle impostazioni del gruppo di campi ACF<\/figcaption><\/figure>\n<p>Dopo aver fatto le vostre scelte, pubblicate il gruppo di campi per renderlo attivo, facendo clic su <strong>Publish<\/strong>.<\/p>\n<h3>4. Aggiungere Informazioni nell&#8217;Editor WordPress<\/h3>\n<p>Dopo aver pubblicato il vostro gruppo di campi, li vedrete apparire quando andrete a creare un nuovo post.<\/p>\n<p>Per impostazione predefinita, appariranno insieme sotto l&#8217;editor sia nel classico editor TinyMCE che nel nuovo editor a blocchi:<\/p>\n<figure id=\"attachment_27095\" aria-describedby=\"caption-attachment-27095\" style=\"width: 2262px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-27095\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13.png\" alt=\"Advanced Custom Fields nell\u2019editor a blocchi\" width=\"2262\" height=\"1388\" srcset=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13.png 2262w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13-300x184.png 300w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13-768x471.png 768w, https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-13-1024x628.png 1024w\" sizes=\"auto, (max-width: 2262px) 100vw, 2262px\" \/><figcaption id=\"caption-attachment-27095\" class=\"wp-caption-text\">Advanced Custom Fields nell\u2019editor a blocchi<\/figcaption><\/figure>\n<p>Le informazioni che inserite qui verranno archiviate nel <a href=\"https:\/\/kinsta.com\/it\/blog\/database-wordpress\/\">Database WordPress<\/a> del vostro sito, cos\u00ec sar\u00e0 pi\u00f9 facile recuperarle (come vedrete nella prossima parte del nostro tutorial su Advanced Custom Fields).<\/p>\n<h3>Esplorando la Logica Condizionale<\/h3>\n<p>Prima di andare avanti, facciamo una piccola parentesi.<\/p>\n<p>Vedete, fra i motivi per cui Advanced Custom Fields ci sono le interessanti implementazioni che consente di creare.<br \/>\nUn&#8217;opzione potente \u00e8 la possibilit\u00e0 di usare la logica condizionale (<strong>Conditional Logic<\/strong>), che vi consente di mostrare o nascondere i campi in base alla risposta data in un campo precedente.<\/p>\n<p>Vediamo con un rapido esempio come funziona.<\/p>\n<p>Diciamo che ora volete scrivere sul <a href=\"https:\/\/kinsta.com\/blog\/how-to-start-a-food-blog\/\">vostro blog di cibo<\/a>, dei vostri <a href=\"https:\/\/kinsta.com\/blog\/how-to-start-a-travel-blog\/\">viaggi<\/a> o di qualsiasi altro argomento diverso dalla corsa. Quando scrivete di un argomento che non riguarda la corsa, non ha molto senso visualizzare i campi personalizzati con informazioni relative alla corsa, giusto?<\/p>\n<p>E se, invece che visualizzare automaticamente tutti i campi personalizzati appena creati, fosse possibile aggiungere un campo personalizzato che chiede &#8220;Qui si parla di corsa?&#8221;:<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-14.png\" alt=\"Esempio di logica condizionale\" width=\"2260\" height=\"1147\"><figcaption class=\"wp-caption-text\">Esempio di logica condizionale<\/figcaption><\/figure>\n<p>Se selezionate quella casella, verranno visualizzati automaticamente i campi di informazioni relative alle corsa. Se la lasciate deselezionata, i campi rimangono nascosti:<\/p>\n<figure style=\"width: 2260px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-15.png\" alt=\"Gli altri campi appaiono quando la casella \u00e8 spuntata\" width=\"2260\" height=\"1047\"><figcaption class=\"wp-caption-text\">Gli altri campi appaiono quando la casella \u00e8 spuntata<\/figcaption><\/figure>\n<p>Ecco cosa consente di fare la logica condizionale!<\/p>\n<p>Per impostare questa opzione, dovete modificare il gruppo di campi e aggiungere un nuovo campo Vero\/Falso (<strong>True \/ False<\/strong>) per l\u2019etichetta &#8220;Qui si parla di corsa?&#8221;:<\/p>\n<figure style=\"width: 1693px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-16.png\" alt=\"Aggiunta del campo Vero\/Falso\" width=\"1693\" height=\"915\"><figcaption class=\"wp-caption-text\">Aggiunta del campo Vero\/Falso<\/figcaption><\/figure>\n<p>Quindi, dovreste modificare i campi esistenti e attivare la logica condizionale (<strong>Conditional Logic<\/strong>) per visualizzare ciascun campo solo quando \u00e8 selezionato il campo &#8220;Qui si parla di corsa?&#8221;:<\/p>\n<figure style=\"width: 1622px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-17.png\" alt=\"Aggiungere la logica condizionale ad altri campi\" width=\"1622\" height=\"615\"><figcaption class=\"wp-caption-text\">Aggiungere la logica condizionale ad altri campi<\/figcaption><\/figure>\n<h2 id=\"display\">Come Visualizzare Advanced Custom Fields nel Frontend<\/h2>\n<p>Ok, siamo a met\u00e0 del nostro viaggio con Advanced Custom Fields. Ora sapete come aggiungere informazioni ai vostri campi personalizzati, associarli con la tipologia di post pertinente e archiviarli nel vostro database.<\/p>\n<p>Tuttavia, c&#8217;\u00e8 ancora un potenziale problema: le informazioni dei vostri campi personalizzati non appaiono da nessuna parte nel frontend!<\/p>\n<p>Cio\u00e8, anche se avete aggiunto alcuni campi personalizzati all&#8217;editor per i vostri articoli del blog, il vostro articolo appare ancora come un normale post nel frontend:<\/p>\n<figure style=\"width: 1867px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-18.png\" alt=\"Nessun campo personalizzato nel frontend\" width=\"1867\" height=\"1003\"><figcaption class=\"wp-caption-text\">Nessun campo personalizzato nel frontend<\/figcaption><\/figure>\n<p>Risolviamo il problema.<\/p>\n<p>Esistono diversi modi per visualizzare i dati di Advanced Custom Fields nel frontend del vostro sito. Il metodo che sceglierete dipender\u00e0 dalle vostre esigenze e dal vostro livello di conoscenze tecniche. Ecco tre modi diversi per farlo:<\/p>\n<ol>\n<li><a href=\"#theme\">Il file del template del vostro tema<\/a> \u2014 opzione che richiede un po\u2019 di conoscenze tecniche, ma nella maggior parte dei casi \u00e8 l&#8217;approccio migliore, specialmente se vi sentite a vostro agio lavorando coi file del template del vostro tema.<\/li>\n<li><a href=\"#shortcode\">Con uno shortcode<\/a> \u2014 questa \u00e8 un\u2019opzione semplicissima e conveniente se volete semplicemente inserire i dati dei campi personalizzati volta per volta. Tuttavia, richiede molto pi\u00f9 lavoro manuale perch\u00e9 dovrete aggiungere degli <a href=\"https:\/\/kinsta.com\/it\/blog\/shortcode-wordpress\/\">shortcode<\/a> per ogni post.<\/li>\n<li><a href=\"#elementor\">Con Elementor Pro<\/a> \u2014 opzione fantastica perch\u00e9 elimina del tutto la necessit\u00e0 di lavorare con il PHP, ma si tratta anche di un prodotto premium e significa che dovrete usare Elementor Pro anche per il vostro template.<\/li>\n<\/ol>\n<p>Potete ora fare clic nei link sopra per passare direttamente a un metodo specifico, oppure leggerli tutti. A voi la scelta.<\/p>\n<h3 id=\"theme\">Come Aggiungere Advanced Custom Field nei File del Template del Tema<\/h3>\n<p>Il primo metodo per visualizzare le informazioni dei campi personalizzati \u00e8 aggiungere le funzioni PHP di Advanced Custom Fields direttamente nei <a href=\"https:\/\/kinsta.com\/it\/blog\/child-theme-wordpress\/\">file del template del vostro tema figlio<\/a>.<\/p>\n<p>Si tratta di una tecnica un po\u2019 avanzata perch\u00e9 richiede di lavorare nei file del template del tema, ma garantisce che i campi personalizzati vengano automaticamente visualizzati ogni volta nello stesso punto.<\/p>\n<p>In particolare, dovrete modificare il template <strong>single<\/strong> per il tipo di post in questione.<br \/>\nPer un normale articolo del blog, si tratta del file <strong>single.php<\/strong>. Alcuni temi suddividono tutto in porzioni diverse di template. Ad esempio, per il <a href=\"https:\/\/kinsta.com\/it\/blog\/il-tema-twenty-nineteen\/\">Tema Twenty Nineteen<\/a>, dovrete modificare la parte di template chiamata <strong>content-single.php<\/strong>.<\/p>\n<p>Se a questo punto vi sentite gi\u00e0 un po\u2019 persi, sarebbe meglio passare a un altro metodo.<\/p>\n<p>Una volta trovato il file del template del tema per il vostro singolo post, potete usare la funzione <strong>the_field ()<\/strong> di Advanced Custom Fields per visualizzare le informazioni di un campo. Per esempio,<\/p>\n<pre><code class=\"language-php\">&lt;?php the_field('FIELD_NAME'); ?&gt;<\/code><\/pre>\n<p>Per saperne di pi\u00f9 <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/the_field\/\" target=\"_blank\" rel=\"noopener noreferrer\">leggete qui<\/a>.<\/p>\n<p>Ad esempio, per visualizzare il campo &#8220;Purpose&#8221;, dovreste usare<\/p>\n<pre><code class=\"language-php\">&lt;?php the_field('purpose'); ?&gt;<\/code><\/pre>\n<p>Potete trovare il nome del campo quando modificate un gruppo di campi:<\/p>\n<figure style=\"width: 1680px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-19.png\" alt=\"Dove trovare il nome del campo ACF\" width=\"1680\" height=\"774\"><figcaption class=\"wp-caption-text\">Dove trovare il nome del campo ACF<\/figcaption><\/figure>\n<p>Quindi, combinando un po\u2019 di markup HTML con il PHP, potreste ottenere qualcosa del genere per visualizzare tutti i campi:<\/p>\n<pre><code class=\"language-php\">&lt;div class=\"run-information\"&gt;\n&lt;ul&gt;\n&lt;li&gt;&lt;strong&gt;Purpose:&lt;\/strong&gt; &lt;?php the_field('purpose'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Distance:&lt;\/strong&gt; &lt;?php the_field('distance'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Start Time:&lt;\/strong&gt; &lt;?php the_field('start_time'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;End Time:&lt;\/strong&gt; &lt;?php the_field('finish_time'); ?&gt;&lt;\/li&gt;\n&lt;li&gt;&lt;strong&gt;Location:&lt;\/strong&gt; &lt;?php the_field('location'); ?&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>Per aggiungere questo in cima al normale contenuto del post, dovreste aggiungerlo al file del template del tema, sopra <strong>the_content ()<\/strong>:<\/p>\n<figure style=\"width: 1819px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-20.png\" alt=\"Dove aggiungere il codice nel file del template del tema\" width=\"1819\" height=\"1047\"><figcaption class=\"wp-caption-text\">Dove aggiungere il codice nel file del template del tema<\/figcaption><\/figure>\n<p>Ora, dopo aver aggiornato l\u2019articolo del blog, potete vedere i dati dei campi personalizzati in cima al normale contenuto di WordPress:<\/p>\n<figure style=\"width: 1730px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-21.png\" alt=\"Ora potete vedere i campi nel frontend\" width=\"1730\" height=\"861\"><figcaption class=\"wp-caption-text\">Ora potete vedere i campi nel frontend<\/figcaption><\/figure>\n<p>Per saperne di pi\u00f9, <a href=\"https:\/\/www.advancedcustomfields.com\/resources\/#functions\" target=\"_blank\" rel=\"noopener noreferrer\">consultate la documentazione completa di Advanced Custom Fields<\/a>.<\/p>\n<h3 id=\"shortcode\">Come Visualizzare i Dati di Advanced Custom Fields con uno Shortcode<\/h3>\n<p>Un modo molto pi\u00f9 semplice per visualizzare i dati di Advanced Custom Fields \u00e8 attraverso gli shortcode. Il rovescio della medaglia, per\u00f2, \u00e8 che dovrete aggiungere lo shortcode ogni volta che vorrete visualizzare un campo personalizzato. Non esiste un modo semplice per automatizzare questa azione.<\/p>\n<p>Lo shortcode \u00e8 questo:<\/p>\n<pre><code>[acf field=\"FIELD_NAME\"]<\/code><\/pre>\n<p>Ad esempio, se lo avete inserito nell&#8217;editor di WordPress:<\/p>\n<figure style=\"width: 2250px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-22.png\" alt=\"Utilizzo degli shortcode per visualizzare i dati ACF\" width=\"2250\" height=\"1073\"><figcaption class=\"wp-caption-text\">Utilizzo degli shortcode per visualizzare i dati ACF<\/figcaption><\/figure>\n<p>Il frontend del vostro sito si vedrebbe esattamente allo stesso modo che con il metodo del template del tema che abbiamo visto in precedenza:<\/p>\n<figure style=\"width: 1725px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-23.png\" alt=\"Gli shortcode appaiono identici al file del template del tema\" width=\"1725\" height=\"816\"><figcaption class=\"wp-caption-text\">Gli shortcode appaiono identici al file del template del tema<\/figcaption><\/figure>\n<h3 id=\"elementor\">Come Visualizzare Advanced Custom Fields con Elementor Pro<\/h3>\n<p>Elementor \u00e8 uno dei <a href=\"https:\/\/kinsta.com\/it\/blog\/page-builder-wordpress\/#elementor\">page builder per WordPress pi\u00f9 famosi<\/a>. Vi consente di disegnare i vostri progetti web grazie all\u2019editing visivo di tipo drag-and-drop. Oltretutto, <a href=\"https:\/\/kinsta.com\/it\/hosting-wordpress\/elementor\/\">Elementor \u00e8 anche uno dei partner ufficiali di Kinsta<\/a>.<\/p>\n<p>Con Elementor Pro, che \u00e8 un add-on a pagamento, potete anche creare dei file di template per il vostro tema, includendo un&#8217;opzione per inserire dati di campi personalizzati dinamici di Advanced Custom Fields direttamente nei vostri progetti.<\/p>\n<p>Questa \u00e8 un&#8217;ottima opzione se volete la flessibilit\u00e0 di includere automaticamente i dati dei campi personalizzati nei vostri template, ma non vi sentite a vostro agio <a href=\"https:\/\/kinsta.com\/it\/blog\/modificare-codice-wordpress\/\">apportando modifiche dirette al codice<\/a> dei file del template del vostro tema.<\/p>\n<p>Per iniziare, andate su <strong>Templates &gt; Theme Builder<\/strong> e create un nuovo template Single per il vostro post:<\/p>\n<figure style=\"width: 2167px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-24.png\" alt=\"Creare un nuovo template Single con Elementor\" width=\"2167\" height=\"1284\"><figcaption class=\"wp-caption-text\">Creare un nuovo template Single con Elementor<\/figcaption><\/figure>\n<p>Potete aggiungere i normali widget di Elementor per il titolo del post <strong>(Post Title)<\/strong> e per il suo contenuto <strong>(Post Content)<\/strong>. Quindi, per visualizzare i dati dei campi personalizzati, potete aggiungere i normali widget per il <strong>Text Editor<\/strong>. L&#8217;unica differenza qui \u00e8 che, invece di modificare il testo, selezionerete l&#8217;opzione <strong>Dynamic<\/strong>:<\/p>\n<figure style=\"width: 1807px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-25.png\" alt=\"Elementor Pro \" width=\"1807\" height=\"938\"><figcaption class=\"wp-caption-text\">Opzione \u201cDynamic\u201d di Elementor Pro<\/figcaption><\/figure>\n<p>Dopo questo, potete selezionare <strong>ACF Field<\/strong> dal menu a discesa:<\/p>\n<figure style=\"width: 1901px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-26.png\" alt=\"Select \" width=\"1901\" height=\"941\"><figcaption class=\"wp-caption-text\">Selezionare \u201cACF Field&#8221;<\/figcaption><\/figure>\n<p>Da l\u00ec, sar\u00e0 possibile selezionare il campo specifico che avrete aggiunto con Advanced Custom Fields:<\/p>\n<figure style=\"width: 1743px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-27.png\" alt=\"Selezionare il campo specifico da visualizzare\" width=\"1743\" height=\"833\"><figcaption class=\"wp-caption-text\">Selezionare il campo specifico da visualizzare<\/figcaption><\/figure>\n<p>Potete anche utilizzare la scheda <strong>Advanced<\/strong> per anteporre o aggiungere informazioni, cos\u00ec da poter aggiungere etichette e unit\u00e0:<\/p>\n<figure style=\"width: 1816px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/06\/advanced-custom-fields-tutorial-28.png\" alt=\"Anteporre o accodare informazioni\" width=\"1816\" height=\"845\"><figcaption class=\"wp-caption-text\">Anteporre o accodare informazioni<\/figcaption><\/figure>\n<p>Facile, non \u00e8 vero? Ora non vi rimane che ripetere il procedimento per gli altri campi personalizzati!<\/p>\n<h2>Riepilogo<\/h2>\n<p>Con Advanced Custom Fields potete arricchire le vostre pagine e gli articoli del blog con pi\u00f9 dati e informazioni grazie a uno strumento di facile utilizzo. In pi\u00f9 potete iniziare a raccogliere informazioni aggiuntive per qualsiasi contenuto del vostro sito e poi mostrarlo ai vostri utenti nel frontend.<\/p>\n<p>Per farlo, avete 3 opzioni:<\/p>\n<ul>\n<li>Tramite i file del template del vostro tema<\/li>\n<li>Con uno shortcode<\/li>\n<li>Con Elementor Pro<\/li>\n<\/ul>\n<p>Le conoscenze acquisite con questo tutorial vi permetteranno di scoprire le potenzialit\u00e0 pi\u00f9 profonde di WordPress per costruire siti personalizzati al 100% e che vanno ben oltre le sue origini di piattaforma per i blog.<\/p>\n<p>L&#8217;unica domanda che ci rimane \u00e8 questa:<\/p>\n<p>Cosa creerete con Advanced Custom Fields? Condividetelo con noi nei commenti qui sotto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I campi personalizzati (custom field) di WordPress sono una parte importante di ci\u00f2 che rende WordPress un sistema di gestione dei contenuti flessibile piuttosto che &#8220;una &#8230;<\/p>\n","protected":false},"author":103,"featured_media":27128,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[25873],"class_list":["post-27091","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-sviluppo-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva<\/title>\n<meta name=\"description\" content=\"Advanced Custom Fields \u00e8 un plugin eccezionale per gestire i campi personalizzati di WordPress. Tutto quello che devi sapere su ACF lo trovi nella nostra guida dettagliata!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva\" \/>\n<meta property=\"og:description\" content=\"Advanced Custom Fields \u00e8 un plugin eccezionale per gestire i campi personalizzati di WordPress. Tutto quello che devi sapere su ACF lo trovi nella nostra guida dettagliata!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstaitalia\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-08-29T00:36:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-03T11:58:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Advanced Custom Fields \u00e8 un plugin eccezionale per gestire i campi personalizzati di WordPress. Tutto quello che devi sapere su ACF lo trovi nella nostra guida dettagliata!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_IT\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva\",\"datePublished\":\"2019-08-29T00:36:57+00:00\",\"dateModified\":\"2023-02-03T11:58:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/\"},\"wordCount\":3393,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png\",\"articleSection\":[\"I Migliori Tutorial su WordPress\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/\",\"url\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/\",\"name\":\"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png\",\"datePublished\":\"2019-08-29T00:36:57+00:00\",\"dateModified\":\"2023-02-03T11:58:47+00:00\",\"description\":\"Advanced Custom Fields \u00e8 un plugin eccezionale per gestire i campi personalizzati di WordPress. Tutto quello che devi sapere su ACF lo trovi nella nostra guida dettagliata!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sviluppo di WordPress\",\"item\":\"https:\/\/kinsta.com\/it\/argomenti\/sviluppo-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/it\/#website\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluzioni di hosting premium, veloci e sicure\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/it\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstaitalia\/\",\"https:\/\/x.com\/Kinsta_IT\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/it\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva","description":"Advanced Custom Fields \u00e8 un plugin eccezionale per gestire i campi personalizzati di WordPress. Tutto quello che devi sapere su ACF lo trovi nella nostra guida dettagliata!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/","og_locale":"it_IT","og_type":"article","og_title":"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva","og_description":"Advanced Custom Fields \u00e8 un plugin eccezionale per gestire i campi personalizzati di WordPress. Tutto quello che devi sapere su ACF lo trovi nella nostra guida dettagliata!","og_url":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstaitalia\/","article_published_time":"2019-08-29T00:36:57+00:00","article_modified_time":"2023-02-03T11:58:47+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png","type":"image\/png"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Advanced Custom Fields \u00e8 un plugin eccezionale per gestire i campi personalizzati di WordPress. Tutto quello che devi sapere su ACF lo trovi nella nostra guida dettagliata!","twitter_image":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png","twitter_creator":"@matteoduo","twitter_site":"@Kinsta_IT","twitter_misc":{"Scritto da":"Matteo Du\u00f2","Tempo di lettura stimato":"17 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva","datePublished":"2019-08-29T00:36:57+00:00","dateModified":"2023-02-03T11:58:47+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/"},"wordCount":3393,"commentCount":4,"publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png","articleSection":["I Migliori Tutorial su WordPress"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/","url":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/","name":"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva","isPartOf":{"@id":"https:\/\/kinsta.com\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png","datePublished":"2019-08-29T00:36:57+00:00","dateModified":"2023-02-03T11:58:47+00:00","description":"Advanced Custom Fields \u00e8 un plugin eccezionale per gestire i campi personalizzati di WordPress. Tutto quello che devi sapere su ACF lo trovi nella nostra guida dettagliata!","breadcrumb":{"@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#primaryimage","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2019\/08\/advanced-custom-fields.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/it\/blog\/advanced-custom-fields\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/it\/"},{"@type":"ListItem","position":2,"name":"Sviluppo di WordPress","item":"https:\/\/kinsta.com\/it\/argomenti\/sviluppo-wordpress\/"},{"@type":"ListItem","position":3,"name":"Tutorial su Advanced Custom Fields: La Vostra Guida Definitiva"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/it\/#website","url":"https:\/\/kinsta.com\/it\/","name":"Kinsta\u00ae","description":"Soluzioni di hosting premium, veloci e sicure","publisher":{"@id":"https:\/\/kinsta.com\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/it\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/it\/wp-content\/uploads\/sites\/2\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstaitalia\/","https:\/\/x.com\/Kinsta_IT","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/kinsta.com\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/it\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/27091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/comments?post=27091"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/27091\/revisions"}],"predecessor-version":[{"id":28123,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/posts\/27091\/revisions\/28123"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/dk"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/jp"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/translations\/se"},{"href":"https:\/\/kinsta.com\/it\/wp-json\/kinsta\/v1\/posts\/27091\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media\/27128"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/media?parent=27091"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/tags?post=27091"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/it\/wp-json\/wp\/v2\/topic?post=27091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}