Custom Post Meta, Acf & Cmb2

Introduzione ad i custom post meta, Acf & cmb2 plugins per aiutarci nella gestione e creazione di custom fields.

Autore: Guido Scialfa

Transcript

1. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Custom Post Meta, Acf & Cmb2 Introduzione ad i custom post meta e metabox
2. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Table of content Cosa sono i custom post meta Vantaggi nell'uso dei custom post meta Gestire i custom post meta Lavorare i dati Introduzione a Advanced Custom Fields Introduzione a cmb2 Acf vs Cmb2
3. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Cosa sono i custom post meta Sono dei meta dati aggiuntivi ai posts di wordpress. Vengono definiti come una coppia di chiave/valore. Il valore può essere un qualsiasi dato che sia possibile salvare all'interno di un database come valore serializzato.
4. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa
5. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Vantaggi dei Custom Post Meta • Possibilità di espandere con contenuti custom i posts di WordPress • Separazione del contenuto dalle informazioni secondarie di un post • Completo controllo su ogni tipo di dato • Possibilità di effettuare queries per posts con specifici post meta values.
6. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Gestire i custom post meta WordPress mette a disposizione una serie di funzioni CRUD ( Create, Read, Update, Delete ) per la gestione e manipolazione dei post meta. add_post_meta() get_post_meta() update_post_meta() delete_post_meta()
7. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Create e Update post meta add_post_meta( $post_id, $meta_key, $meta_value, $unique ); update_post_meta( $post_id, $meta_key, $meta_value, $prev_value ); $post_id ID del post contenente il meta richiesto $meta_value Il valore da salvare nel database. Stringa, Intero, Array etc... $meta_key La chiave per poter prelevare il valore del post meta $unique Se il post meta deve essere unico. $prev_value Il valore precedente del post meta, usato in caso il post meta non è unico.
8. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Create e Update post meta add_post_meta( 124, ‘_location’, ‘Catania’, true ); update_post_meta( 124, ‘_location’, ‘Catania’ );
9. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Read e Delete post meta get_post_meta( $post_id, $meta_key, $single ); delete_post_meta( $post_id, $meta_key, $meta_value ); $post_id ID del post contenente il meta richiesto $meta_key La chiave per poter prelevare il valore del post meta $single Se si desidera solo un valore o tutti i valori associati alla key. $meta_value Il valore del post meta. Se omesso elimina tutti.
10. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Meta Box I metabox sono dei contenitori disponibili all’interno dell’interfaccia di editing dei posts.
11. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Aggiungere un Metabox add_meta_box( $id, // Il valore dell’attributo id per il tag html. $title, // Il titolo del meta-box $callback, // Funzione eseguita nel contenuto del metabox $screen, // Dove mostrare il metabox: page, post, etc... $context, // Contesto: normal, side, advanced $priority, // Priorità di visualizzazione: High, low $callback_args // Argomenti aggiuntivi per $callback );
12. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Advanced Custom Fields ACF ( Advanced Custom Fields ) è un plugin che permette di creare dei custom fields senza dover scrivere una riga di codice.
13. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa ACF Tramite un’interfaccia grafica è possibile creare tutta una serie di campi input ed inoltre Gallerie, Editor Wysiwyg, Color picker, Date picker, Google Map etc...
14. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Locations e Options
15. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa ACF (functions) <!-- Mostrare il contenuto di un post meta --> <p><?php the_field( ‘my_meta_key’ ) ?></p> // Assegnare valore ad una variabile $variable = get_field( ‘my_meta_key’ ); <!-- Field Image come url --> <img src="<?php the_field( ‘image_test’ ); ?>" alt="" />
16. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa CMB2 Cmb2 è un plugin simile ad Acf con la differenza che non vi è un’area grafica da cui è possibile creare nuovi custom fields. Tutto invece viene costruito via codice.
17. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa CMB2 Per poter creare un meta-box ed aggiungere i custom fields abbiamo bisogno di creare un oggetto contenente le informazioni del custom meta- box. $metabox = new_cmb2_box( [ 'id' => 'my_metabox', 'title' => __( 'Test Metabox', 'cmb2' ), 'object_types' => [ 'page' ], ] );
18. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa CMB2 Avendo creato l’oggetto metabox, possiamo inserire al suo interno i nostri custom fields, tramite il metodo add_field. $metabox->add_field( [ ‘name’ => __( ‘Test Text’, ‘cmb2’ ), ‘desc’ => __( ‘Field description (optional)’, ‘cmb2’ ), ‘id’ => ‘my_text’, ‘type’ => ‘text’, ] );
19. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa CMB2 Per poter utilizzare i dati dai noi salvati nel front-end, non abbiamo necessità di ulteriori funzioni se non quelle messe a disposizione da WordPress stesso.
20. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa ACF vs CMB2 ACF CMB2 Esportazione Custom Fields? √ X Libreria o Plugin? √ √ Interfaccia Grafica √ X Nascondere i fields X √ Nascondere meta box √ √ Repetable Pro √
21. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa ACF vs CMB2 ACF CMB2 In Front-end √ √ Custom Types √ √ Option Page √ √ User Fields √ √ Addons √ √
22. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Links https://codex.wordpress.org/Custom_Fields https://github.com/WebDevStudios/CMB2 https://www.advancedcustomfields.com/ https://www.advancedcustomfields.com/resources/ https://codex.wordpress.org/Validating_Sanitizing_and_Escaping_User_Data http://pastebin.com/UgMrmaak http://pastebin.com/e4qbvgL5
23. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Me https://github.com/widoz https://codepad.co/guido http://codepen.io/wido/ https://twitter.com/guidoscialfa
24. WordPress Meetup Catania - Custom post fields, acf e cmb2 - Guido Scialfa Thanks To