Cosa sono Advanced Custom Fields (ACF) in WordPress e a cosa mi serve?

Michael Hörnlimann Ultimo aggiornamento 21.10.2020
6 Min.
advanced custom fields wordpress
Ultimo aggiornamento 21.10.2020

"Non conosci Advanced Custom Fields ? Senza ACF, sicuramente non userei più WordPress ". Questo è quello che mi ha scritto un collega via Slack qualche settimana fa. Tuttavia, lui è uno sviluppatore, io sono un designer. Al più tardi a questo punto, però, ho capito che dovevo (e volevo) occuparmene.

Cosa sono Advanced Custom Fields?

WordPress offre già una vasta gamma di funzioni. Con Advanced Custom Fields puoi espandere queste funzioni ancora di più - nella versione standard gratuitamente. Ti permettono il pieno controllo del contenuto del tuo sito web.

Per impostazione predefinita, troviamo campi tipici come titolo, contenuto, data e autore nel backend per i post e le pagine. Advanced Custom Fields , o il seguente Plugin, vi danno la possibilità di estendere WordPress e quindi le pagine e i post praticamente in modo arbitrario e individuale.

Quindi con WordPress quasi tutto è possibile - Advanced Custom Fields quasi come tuning per WordPress .

A cosa mi serve Advanced Custom Fields ?

In poche parole: Probabilmente hai bisogno di Advanced Custom Fields quando sei bloccato con gli elementi di bordo nel backend di WordPress . Siete di fronte a una sfida che non può essere realizzata o solo parzialmente con l'aiuto di pagine o post.

A seconda dei desideri del cliente, questo può avvenire in tempi relativamente brevi. Se sei anche tu un web designer, questo ti è certamente familiare.

Nel mio caso, per esempio, mi è stato permesso di costruire una ricerca con criteri di filtro. Non una semplice ricerca testuale, che cerca in tutto il sito web il contenuto adatto, ma una ricerca in cui i dati specifici possono essere inseriti tramite un modulo in anticipo. L'utente ha a disposizione diversi criteri di filtraggio. Tra gli altri, questi sono:

  • Nome (campo di testo)
  • Codice postale (campo di testo)
  • Paese (dropdown)
  • Certificati (casella di controllo)

Ma di questo parleremo più tardi. Questo caso d'uso mi ha dato l'idea di usare Advanced Custom Fields (ACF). Una tale ricerca individuale non è semplicemente possibile con gli elementi di WordPress senza ACF.

Advanced Custom Fields: Il libero Plugin

Quindi stavo cercando una soluzione per implementare questo filtro di ricerca con l'aiuto di Advanced Custom Fields .

L'omonimo Plugin nella directory ufficiale WordPress -Plugin- proviene da Elliot Condon. L'australiano ci lavora molto attivamente e lo sviluppa costantemente, in modo che appaiano sempre nuove funzioni. Se vuoi essere vicino all'azione, puoi seguire ACF su Twitter.

Se siete già stati coraggiosi e vi affidate completamente all'editor di blocchi introdotto da WordPress 5.0 (Gutenberg), ci sono anche blocchi per il nuovo editor su Advanced Custom Fields .

L'ACF Plugin è attualmente attivo su oltre 1 milione di siti web. È testato molto intensamente e funziona perfettamente con l'ultima versione di WordPress . Impressionante è anche il fatto che Plugin ha già ricevuto più di 1.000 valutazioni con 5 stelle. Al contrario, ci sono 16 misere recensioni con una sola stella - molto probabilmente utenti che si sono arresi dopo un tempo (molto) breve.

Con un tale Plugin è chiaro: richiede un po' di tempo e pazienza finché non si capisce l'applicazione. Naturalmente, ho solo graffiato la superficie di Advanced Custom Fields . Voglio solo esprimere che ci sono altri Plugins che si installano e poi lavorano comodamente in background - è diverso con ACF. Dovete progettare attivamente e vedere la connessione complessiva tra database, backend e frontend.

Ciò che è anche indispensabile per questo Plugin, che è abbastanza tecnico: il supporto.

Io stesso non ho ancora dovuto usarlo. La ragione è semplice: la documentazione di prima classe, che copre tipi di campi, funzioni, filtri e FAQ.

Cosa sono i tipi di post personalizzati?

Prima ho detto che il design attivo è necessario. Questo significa anche su Advanced Custom Fields che in certi casi questi da soli non sono di grande utilità per voi. Solo in combinazione con Custom Post Types si ottengono più opzioni.

Prima sorge la domanda: cos'è un (normale) Post Type?

I due più popolari in WordPress sono le pagine e i post del blog. Così, per ogni nuovo contenuto da creare per un sito web, si decide quale tipo di post è il più appropriato. Questo dipende da diversi fattori, compreso il modo in cui vuoi che le informazioni siano visibili e quali campi hai bisogno per esse nel backend.

Ma che dire di quando si vuole fornire un contenuto che non può essere coperto da una pagina o un post normale?

Potresti averlo già indovinato: hai bisogno di un nuovo modo per inserire il contenuto nel backend. Quasi una maschera di input con esattamente i campi di cui avete bisogno. Questo è ciò che Advanced Custom Fields può offrirvi. Il suddetto Plugin permette di definire e creare questi campi comodamente nel backend. Una volta che questa struttura è in atto, arriva il passo successivo.

advanced custom fields propri campi
Nel backend di ACF Plugins si possono definire facilmente i campi.

Questo è il momento in cui entrano in gioco i Custom Post Types. È molto importante sapere che ha senso creare un post type personalizzato per l'uso di Advanced Custom Fields . Nel mio caso, chiamo il Custom Post Type (CPT) semplicemente terapeuta.

Naturalmente, puoi anche programmare il Custom Post Type da solo. Tuttavia, ho usato il Plugin "Custom Post Type UI" per questo, che spiegherò più in dettaglio nella prossima sezione.

creazione di un tipo di post personalizzato
Questo è l'aspetto del backend di Plugins "Custom Post Type UI".

Custom Post Type UI: Free Plugin, il secondo

Se questo è stato troppo poco magico per voi finora con il solo Advanced Custom Fields (ACF), ecco che arriva il meglio: ACF in combinazione con Custom Post Type UI, in breve CPT UI.

Questo permette di visualizzare il contenuto del database direttamente nel frontend come desiderato. Nel mio caso, ho dovuto affrontare la sfida di voler costruire un filtro di ricerca con diversi campi. Quindi prima ho dovuto caricare tutti i dati nel backend usando un'importazione CSV.

Dopo di che, ho costruito la base per il filtro di ricerca nel frontend con l'aiuto del Custom Post Type e di Advanced Custom Fields . Più su questo nella prossima sezione.

combinazione di tipo di post personalizzato acf
Per esempio, il tuo nuovo Custom Post Type potrebbe assomigliare a questo.

Esempio pratico: costruire una ricerca con criteri di filtro

Così tanto per il momento al backend. Ora è il momento del frontend. In modo da poter applicare il tutto e utilizzare il singolo Advanced Custom Fields per il vostro caso.

Ho usato l'ACF per costruire una ricerca personalizzata con criteri di filtro. Tuttavia, come è possibile presentare il contenuto del backend in modo elegante nel frontend in modo che l'interazione dell'utente sia possibile?

Di nuovo, avete la scelta tra svilupparlo voi stessi e usare Plugin. Ho cercato ancora per molto tempo un buon piccolo aiutante e finalmente ho trovato "Search & Filter Pro" (è collegato alla fine del testo).

Questo mi dà un modo ingegnoso per utilizzare i dati disponibili nel backend per la visualizzazione nel frontend. Nel mio esempio questi sono:

  • Ricerca (campo di ricerca normale)
  • Post Meta (accesso e ricerca del relativo campo personalizzato avanzato nel database)
  • Pulsante di invio (pulsante per inviare la query di ricerca o il modulo)

Nel backend questo può apparire così:

ricerca e filtro pro backend
Con Plugin "Search & Filter Pro" puoi creare una ricerca individuale con criteri di filtro.

In seguito puoi inserire il filtro di ricerca che hai appena creato ovunque nel backend (per esempio in una pagina) usando uno shortcode.

Tuttavia, vedrete che questo avrà ancora un aspetto poco attraente. Ho migliorato questo con alcune maniglie CSS e trovo che il risultato nel frontend è abbastanza rispettabile:

esempio pratico acf

Link supplementari

Sono entusiasta di vedere cos'altro posso implementare con Advanced Custom Fields in futuro. Hai domande o commenti su questo articolo? Se è così, sono felice di ricevere molti feedback.

Immagine: Shane Aldendorff | Unsplash

Michael Hörnlimannnato nel 1991 a Zurigo, ama la natura e la buona cucina. Da aprile 2018 lavora esclusivamente in modo indipendente e crea siti WordPress web per conto dei clienti. Da allora ha unito il lavoro alla sua grande passione, viaggiando in paesi e culture straniere. Vive e lavora indipendentemente dalla posizione, a volte in montagna, a volte al mare.

Commenti su questo articolo

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato. I campi obbligatori sono contrassegnati con *.