{"id":167163,"date":"2025-04-28T09:00:00","date_gmt":"2025-04-28T09:00:00","guid":{"rendered":"https:\/\/gtechgroup.it\/blog\/installare-configurare-acf-advanced-custom-fields\/"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T22:00:00","slug":"installare-configurare-acf-advanced-custom-fields","status":"publish","type":"post","link":"https:\/\/gtechgroup.it\/blog\/installare-configurare-acf-advanced-custom-fields\/","title":{"rendered":"Come Installare e Configurare Advanced Custom Fields su WordPress"},"content":{"rendered":"

Cos’è Advanced Custom Fields e Perché Utilizzarlo<\/h2>\n

Advanced Custom Fields, comunemente abbreviato in ACF, è uno dei plugin più potenti e diffusi nell’ecosistema WordPress. Nato per semplificare la creazione e la gestione dei campi personalizzati, questo strumento ha rivoluzionato il modo in cui sviluppatori e webmaster costruiscono siti web dinamici e ricchi di contenuti strutturati. Se hai mai desiderato andare oltre le limitazioni dell’editor predefinito di WordPress, aggiungendo informazioni specifiche come prezzi, date, gallery fotografiche, mappe o qualsiasi altro dato personalizzato ai tuoi post e alle tue pagine, ACF è la soluzione ideale.<\/p>\n

WordPress offre nativamente la possibilità di utilizzare i campi personalizzati (custom fields), ma l’interfaccia di default è estremamente basilare e poco intuitiva. ACF trasforma completamente questa esperienza, fornendo un’interfaccia grafica elegante, campi di oltre 30 tipologie diverse e una flessibilità che soddisfa sia i principianti sia gli sviluppatori esperti. In questa guida completa vedremo passo dopo passo come installare e configurare ACF sul tuo sito WordPress, partendo da zero fino ad arrivare a una configurazione funzionante.<\/p>\n

Requisiti Preliminari per l’Installazione<\/h2>\n

Prima di procedere con l’installazione di Advanced Custom Fields, è fondamentale verificare che il tuo ambiente WordPress soddisfi alcuni requisiti minimi. ACF richiede WordPress versione 5.0 o superiore e PHP 7.4 o successivo, anche se consigliamo vivamente di utilizzare almeno PHP 8.1 per ottenere le migliori prestazioni e la massima compatibilità. Assicurati inoltre di avere accesso alla dashboard di amministrazione del tuo sito con un account di livello amministratore, poiché l’installazione dei plugin richiede permessi elevati.<\/p>\n

È buona pratica effettuare un backup completo del sito prima di installare qualsiasi nuovo plugin. Anche se ACF è un plugin stabile e ampiamente testato, avere una copia di sicurezza ti garantisce la tranquillità di poter ripristinare tutto in caso di imprevisti. Verifica anche che il tuo hosting offra risorse sufficienti: ACF è leggero, ma se il tuo server ha limiti molto restrittivi di memoria PHP, potresti incontrare problemi durante la configurazione avanzata.<\/p>\n

Installazione di ACF dalla Dashboard di WordPress<\/h2>\n

Il metodo più semplice e consigliato per installare Advanced Custom Fields è attraverso la directory ufficiale dei plugin di WordPress. Accedi alla tua dashboard e naviga su Plugin > Aggiungi Nuovo<\/strong>. Nella barra di ricerca in alto a destra, digita “Advanced Custom Fields” e premi Invio. Il plugin apparirà tra i primi risultati: è sviluppato da WP Engine ed è facilmente riconoscibile dal logo blu con il simbolo dei campi.<\/p>\n

Clicca sul pulsante Installa Ora<\/strong> e attendi qualche secondo affinché WordPress scarichi e installi automaticamente il plugin. Una volta completata l’installazione, il pulsante cambierà in Attiva<\/strong>: cliccalo per attivare il plugin. A questo punto, nel menu laterale della dashboard comparirà una nuova voce chiamata ACF<\/strong>, che rappresenta il punto di accesso a tutte le funzionalità del plugin.<\/p>\n

\"Strumenti<\/p>\n

Se preferisci, puoi anche installare ACF manualmente scaricando il file ZIP dal sito ufficiale advancedcustomfields.com<\/em> o dal repository WordPress.org. Dopo aver scaricato il file, vai su Plugin > Aggiungi Nuovo > Carica Plugin<\/strong>, seleziona il file ZIP e clicca su Installa Ora<\/strong>. Questo metodo è utile soprattutto se stai installando la versione PRO, che non è disponibile nella directory pubblica dei plugin.<\/p>\n

Panoramica dell’Interfaccia di ACF<\/h2>\n

Dopo l’attivazione, cliccando sulla voce ACF<\/strong> nel menu laterale, accederai alla schermata principale del plugin. Questa pagina mostra l’elenco di tutti i Field Group<\/strong> (gruppi di campi) che hai creato. Inizialmente la lista sarà vuota, ma è proprio da qui che inizierà il tuo lavoro di personalizzazione. La struttura dell’interfaccia è intuitiva: nella parte superiore trovi i pulsanti per aggiungere nuovi gruppi e per accedere alle impostazioni, mentre nella tabella centrale vengono elencati i gruppi esistenti con informazioni su posizione, numero di campi e stato.<\/p>\n

\"Schermata<\/p>\n

Nel sottomenu di ACF troverai diverse sezioni importanti. La voce Field Groups<\/strong> è quella principale, dove crei e gestisci i tuoi gruppi di campi. La sezione Tools<\/strong> ti permette di importare ed esportare le configurazioni dei campi, una funzionalità preziosa per trasferire le impostazioni tra siti diversi o per mantenere un backup delle tue configurazioni. Se utilizzi la versione PRO, troverai anche la voce Updates<\/strong> per gestire la licenza e gli aggiornamenti automatici.<\/p>\n

Configurazione Iniziale: Creare il Primo Gruppo di Campi<\/h2>\n

Per iniziare a sfruttare le potenzialità di ACF, devi creare il tuo primo Field Group<\/strong>. Un gruppo di campi è un contenitore logico che raggruppa uno o più campi personalizzati e li associa a specifiche aree del tuo sito. Clicca su Aggiungi Nuovo<\/strong> per aprire l’editor del gruppo di campi. La prima cosa da fare è assegnare un titolo<\/strong> al gruppo: scegli un nome descrittivo che ti aiuti a identificare rapidamente lo scopo del gruppo, ad esempio “Informazioni Prodotto” o “Dati Autore”.<\/p>\n

Nella sezione centrale dell’editor puoi iniziare ad aggiungere i singoli campi. Ogni campo richiede alcune informazioni essenziali: un’etichetta<\/strong> (il nome visibile nell’interfaccia di editing), un nome<\/strong> (l’identificativo tecnico utilizzato nel codice, generato automaticamente dall’etichetta), il tipo di campo<\/strong> (testo, numero, immagine, ecc.) e diverse opzioni specifiche per ogni tipologia. Per un primo test, aggiungi un semplice campo di tipo Testo<\/strong> con etichetta “Sottotitolo”: questo campo apparirà nell’editor dei contenuti e ti permetterà di inserire un sottotitolo personalizzato per ogni articolo.<\/p>\n

\"Creazione<\/p>\n

Impostazioni di Posizione e Regole di Visualizzazione<\/h2>\n

Una delle caratteristiche più potenti di ACF è il sistema di regole di posizionamento<\/strong> (Location Rules). Queste regole determinano dove e quando il tuo gruppo di campi verrà visualizzato nell’interfaccia di amministrazione. Nella sezione Posizione<\/strong>, situata sotto l’area dei campi, puoi specificare condizioni precise: ad esempio, puoi far apparire i campi solo nei post di una determinata categoria, solo nelle pagine con un template specifico, solo per i prodotti WooCommerce o persino solo per determinati ruoli utente.<\/p>\n

Il sistema di regole supporta sia la logica AND<\/strong> sia la logica OR<\/strong>. Puoi combinare più condizioni all’interno dello stesso gruppo (AND) oppure creare gruppi di regole alternative (OR). Ad esempio, potresti configurare un gruppo di campi che appare “se il tipo di post è Pagina AND il template è Homepage” OPPURE “se il tipo di post è Portfolio”. Questa flessibilità ti consente di creare configurazioni estremamente mirate senza dover scrivere una singola riga di codice.<\/p>\n

Tra le opzioni di posizionamento più utilizzate troviamo: Post Type<\/strong> (tipo di contenuto), Post Category<\/strong> (categoria), Post Template<\/strong> (template di pagina), User Role<\/strong> (ruolo utente), Page Type<\/strong> (pagina genitore, pagina figlio, ecc.) e Options Page<\/strong> (pagine di opzioni, disponibile nella versione PRO). Scegliere la regola corretta è fondamentale per garantire che i campi personalizzati appaiano nel contesto giusto e non creino confusione per gli utenti che gestiscono i contenuti.<\/p>\n

Opzioni Avanzate del Gruppo di Campi<\/h2>\n

Nella parte inferiore dell’editor del gruppo di campi, trovi la sezione Impostazioni<\/strong> con diverse opzioni avanzate che controllano il comportamento e l’aspetto del gruppo nell’interfaccia di editing. L’opzione Order No.<\/strong> determina la priorità di visualizzazione quando più gruppi di campi sono associati allo stesso contenuto: un numero più basso significa una posizione più alta nella pagina. L’opzione Position<\/strong> ti permette di scegliere dove posizionare il box dei campi: può essere Normal<\/em> (sotto l’editor principale), Side<\/em> (nella sidebar laterale) o High<\/em> (prima del contenuto).<\/p>\n

L’opzione Style<\/strong> controlla l’aspetto visivo del contenitore: Standard<\/em> mostra il classico box WordPress con bordo, mentre Seamless<\/em> rimuove il bordo e integra i campi direttamente nella pagina, creando un’esperienza più pulita. L’opzione Label Placement<\/strong> definisce la posizione delle etichette rispetto ai campi di input: Top<\/em> posiziona l’etichetta sopra il campo (layout verticale), mentre Left<\/em> la affianca al campo (layout orizzontale, ideale per risparmiare spazio verticale).<\/p>\n

Infine, l’opzione Instruction Placement<\/strong> determina dove vengono visualizzate le istruzioni che puoi aggiungere ai singoli campi. Puoi scegliere di mostrarle sotto l’etichetta (Below labels<\/em>) oppure sotto il campo di input (Below fields<\/em>). Queste istruzioni sono utilissime per guidare gli utenti nella compilazione dei campi, soprattutto quando il sito è gestito da più persone con diversi livelli di competenza tecnica.<\/p>\n

Configurazione della Versione PRO<\/h2>\n

Se decidi di acquistare la licenza ACF PRO, l’installazione segue un percorso leggermente diverso. Dopo l’acquisto dal sito ufficiale, riceverai un file ZIP da caricare manualmente tramite Plugin > Aggiungi Nuovo > Carica Plugin<\/strong>. Una volta attivato, dovrai inserire la tua chiave di licenza<\/strong> nella sezione ACF > Updates<\/strong> per abilitare gli aggiornamenti automatici e le funzionalità premium.<\/p>\n

La versione PRO include funzionalità avanzate che giustificano ampiamente l’investimento: il campo Repeater<\/strong> per creare sezioni ripetibili, il campo Flexible Content<\/strong> per layout dinamici, la Gallery<\/strong> per gallerie di immagini, il Clone Field<\/strong> per riutilizzare configurazioni e le Options Page<\/strong> per impostazioni globali del tema. Questi strumenti saranno approfonditi nei prossimi articoli della serie e rappresentano il vero salto di qualità rispetto alla versione gratuita.<\/p>\n

È importante sapere che, se stai passando dalla versione gratuita alla PRO, non perderai nessun dato: tutte le configurazioni e i valori dei campi esistenti verranno preservati. Basta disattivare e cancellare la versione free, installare la versione PRO e tutti i tuoi gruppi di campi saranno immediatamente disponibili. ACF gestisce internamente la migrazione in modo trasparente.<\/p>\n

Best Practice per la Configurazione Iniziale<\/h2>\n

Per ottenere il massimo da ACF fin dall’inizio, segui alcune best practice consolidate. Prima di tutto, pianifica la struttura dei tuoi campi prima di crearli: disegna uno schema su carta o in un documento con tutti i campi necessari, le loro tipologie e le relazioni tra di essi. Questo ti eviterà di dover riorganizzare tutto in seguito. Usa nomi di campo (field names<\/strong>) coerenti e descrittivi, preferibilmente in inglese e con underscore come separatore (es. product_price<\/code>, author_bio<\/code>). Questo faciliterà enormemente il lavoro di sviluppo frontend.<\/p>\n

Organizza i campi in gruppi logici piuttosto che creare un unico gruppo con decine di campi. Ad esempio, se hai un custom post type “Prodotto”, crea gruppi separati per “Informazioni Base”, “Specifiche Tecniche” e “Gallery”. Questo migliora l’usabilità per chi compila i contenuti e ti permette di gestire più facilmente la visibilità dei campi tramite le regole di posizionamento. Utilizza sempre le istruzioni (instructions<\/strong>) per ogni campo, spiegando chiaramente cosa inserire, in quale formato e se ci sono limiti o vincoli particolari.<\/p>\n

Un’altra pratica fondamentale è attivare la sincronizzazione JSON<\/strong> (Local JSON) fin dall’inizio del progetto. Questa funzionalità salva le configurazioni dei gruppi di campi come file JSON nella cartella del tema, consentendoti di versionare le modifiche con Git e di sincronizzare le configurazioni tra ambiente di sviluppo e produzione. Per attivarla, crea una cartella acf-json<\/code> nella directory del tuo tema attivo: ACF la rileverà automaticamente e inizierà a salvare i file di configurazione al suo interno.<\/p>\n

Verifica dell’Installazione e Primi Test<\/h2>\n

Dopo aver completato l’installazione e la configurazione iniziale, è essenziale verificare che tutto funzioni correttamente. Crea un nuovo post o una nuova pagina (a seconda delle regole di posizionamento che hai impostato) e verifica che i campi personalizzati appaiano nell’editor. Inserisci dei valori di test in ogni campo e salva il contenuto. Controlla poi che i valori siano stati effettivamente salvati riaprendo il post.<\/p>\n

Se i campi non appaiono, controlla le regole di posizionamento del gruppo: è l’errore più comune per chi inizia con ACF. Verifica anche che non ci siano conflitti con altri plugin che gestiscono campi personalizzati. Se utilizzi un page builder come Elementor, assicurati che l’editor classico sia ancora accessibile per le pagine dove hai configurato i campi ACF. In caso di problemi persistenti, consulta la sezione di troubleshooting che tratteremo nell’ultimo articolo di questa serie.<\/p>\n

Con l’installazione completata e il primo gruppo di campi configurato, sei pronto per esplorare le infinite possibilità che ACF offre. Nei prossimi articoli approfondiremo ogni aspetto del plugin, dalle tipologie di campi disponibili alle tecniche avanzate di visualizzazione nel frontend, passando per l’integrazione con page builder e WooCommerce.<\/p>\n

\n

Leggi anche gli altri articoli della serie ACF<\/h3>\n