advanced custom fields wordpress

Cosa sono Advanced Custom Fields (ACF) in WordPress?

"Non conosci Advanced Custom Fields (ACF)? 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 (ACF)?

WordPress stesso offre già una vasta gamma di funzioni. Con Advanced Custom Fields (ACF) è possibile espandere ulteriormente queste funzioni - gratuitamente nella versione standard. 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.

Questo significa che quasi tutto è possibile con WordPress - Advanced Custom Fields come un tuning per WordPress, per così dire.

A cosa mi serve Advanced Custom Fields?

In poche parole: Probabilmente hai bisogno di Advanced Custom Fields quando non potete più andare avanti con gli elementi di bordo nel backend di WordPress. Vi trovate di fronte a una sfida che non può essere realizzata o può esserlo solo in parte 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 in anticipo tramite un modulo. 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 bordo 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 .

Il plugin con lo stesso nome nella directory ufficiale dei plugin di WordPress proviene da Elliot Condon. L'australiano lavora molto attivamente su di esso e lo sviluppa costantemente, in modo che nuove funzioni appaiano di continuo. Se vuoi essere vicino all'azione, puoi seguire ACF su Twitter.

Se sei già stati abbastanza coraggiosi da usare l'editor di blocchi (Gutenberg) introdotto in WordPress 5.0, ci sono anche blocchi per il nuovo editor su Advanced Custom Fields .

Il plugin ACF è attualmente attivo su oltre 1 milione di siti web. È testato molto intensamente e funziona perfettamente con l'ultima versione di WordPress. Anche impressionante è che il 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.

Non ho ancora dovuto farne uso personalmente. La ragione è semplice: la documentazione di prima classe, che copre tipi di campi, funzioni, filtri e FAQ.

Consenso*
Questo campo è per la convalida e non deve essere modificato.

Cosa sono i tipi di post personalizzati?

Prima ho detto che il design attivo è necessario. Su Advanced Custom Fields , questo significa anche che in certi casi questi da soli non vi saranno molto utili. Solo in combinazione con i Custom Post Types sorgono ulteriori opzioni.

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

I due più noti in WordPress sono Pages e Blog Posts. Per ogni nuovo contenuto da creare per un sito web, si decide quale tipo di post è il più adatto. Questo dipende da diversi fattori, tra cui come vuoi che le informazioni siano visibili e quali campi hai bisogno 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 hai 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: plugin gratuito

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 costruire un filtro di ricerca con diversi campi. Ho dovuto prima 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, hai 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

Non vedo l'ora di vedere cos'altro posso implementare con Advanced Custom Fields in futuro. Hai domande o commenti su questo articolo? Allora non vedo l'ora di ricevere il vostro feedback.

Le tue domande su ACF

Quali domande hai su ACF e WordPress? Sentitevi liberi di usare la funzione di commento. Vuoi essere informato sui nuovi articoli su WordPress e sul web design? Allora seguiteci su Twitter, Facebook, LinkedIn o tramite la nostra newsletter.

Ti è piaciuto l'articolo?

Con la tua valutazione ci aiuti a migliorare ancora di più il nostro contenuto.

Scrivi un commento

Il tuo indirizzo e-mail non sarà pubblicato.