Merci ACF !*
Faire un site administrable avec WordPress
qui ne finit pas en usine à gaz
* Advanced Custom fields
Maxime BERNARD-JACQUET
Développeur et co-fondateur de
Smoothie Creative
Smoothie Creative
Spécialisé WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/25374/smoothie.png)
@maximebj www.dysign.fr
Sondage
Qui utilise WordPress régulièrement ?
Qui développe des thèmes ?
Qui connait ACF ?
Qui a utilisé ou utilise actuellement ACF ?
WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26064/wordpress-logo-stacked-rgb.png)
21% du Web est fait avec WordPress
devant Drupal et Joomla
initialement une plateforme de Blogging
WordPress Facts
55% de parts CMS 21% du Web global
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26057/partWP.png)
90 Millions de site utilisent WordPress
Meetups, WordCamp organisés dans le monde entier
Avantages
Ergonomique
Facile à installer
Facile à maitriser
Administration facile à comprendre
Communauté très active
peu de vulnérabilités et bugs
Facilité pour trouver des thèmes et plugins tout prêts
Côté public
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26066/front.png)
Côté administration
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/229593/img.png)
Pleins de thèmes !!!
à votre disposition sur themeforest & co
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26163/Capture_d__cran_2013-06-10___16.46.33.png)
Le problème ?
Une seule zone de contenu !
Ne permet pas une mise en page poussée
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26094/editor.jpg)
Comment font les thèmes ?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26199/lalala.jpg)
La Solution ?
Advanced Custom Fields (ACF)
Plugin WordPress gratuit par par Eliot Condon
(http://www.advancedcustomfields.com)
(http://www.advancedcustomfields.com)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26103/acf.png)
Principe
Pouvoir ajouter des champs supplémentaires
en quelques clics
et les assigner à des pages, articles,
types de publication ...
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26115/Capture_d__cran_2013-06-10___16.09.40.png)
Champs texte
texte simple ou avec éditeur visuel WYSIWYG
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26126/Capture_d__cran_2013-06-10___16.20.18.png)
Champs image et fichier
Importer facilement un fichier ou une image depuis
la médiathèque WordPress
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26127/Capture_d__cran_2013-06-10___16.21.18.png)
Galerie
(Addon payant)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26135/Capture_d__cran_2013-06-10___16.26.46.png)
Champ répétable
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26138/citelib.jpg)
Relation
Permet d'afficher des "produits similaires" ou une "sélection" de produits
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26923/Capture_d__cran_2013-06-11___16.50.39.png)
Relation
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26930/Capture_d__cran_2013-06-11___16.50.59.png)
Autres Champs
Couleur, date, mot de passe, champ select, mot de passe, mail
Mais aussi page Options
(pour rendre administrable les zones communes, header & footer, couleurs du site ...)
Côté code
Dans vos templates :
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26171/Capture_d__cran_2013-06-10___17.13.22.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26173/Capture_d__cran_2013-06-10___17.15.18.png)
La documentation ACF est très claire
Résultat
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26452/Capture_d__cran_2013-06-10___23.24.04.png)
Du côté de l'admin WP
![](https://s3.amazonaws.com/media-p.slid.es/uploads/maximebj/images/26453/Capture_d__cran_2013-06-10___23.26.17.png)
En résumé :
Pouvoir faire des mises en page poussées
qui peuvent êtres différentes d'une page à l'autre
sans devoir coder
Composer une page facilement
sans que le rédacteur doive penser à la mise en page
Respect de la logique et de l'ergonomie WordPress
Merci !
@maximebj
www.dysign.fr
Mon blog avec plein d'articles sur WordPress et ACF
Human Talks : WordPress et ACF
By maximebj
Human Talks : WordPress et ACF
Human Talk in Grenoble : Merci ACF !
- 4,798