Cas concrets d’utilisation d’ACF dans des projets de toute envergure
SMOOTHIE CREATIVE
@maximebj
WP-SPREAD.COM
Blog WordPress, Formation WP pro en entreprise
Back to 2011
Les webdesigners se lâchent, construisent des modèles de pages plus complexes, le responsive web design pointe le bout de son nez, le CSS3 est de plus en plus utilisé, les typos web améliorent la lisibilité
Quelle solution ?
Solution 1
Utiliser les Custom fields
SOLUTION 2
Développer autour des Custom fields
SOLUTION 3
Page Builders ?
SOLUTION 4
Utiliser un plugin comme Advanced Custom Fields ?
Les Custom fields
Technologie native de WordPress
Principe de Clé / Valeur
Pas très Sexy
Affichage dans le thème
Très simple mais très limité
impossible d'avoir l'éditeur visuel (WYSIWYG)
Impossible d'ajouter une image ...
Exemple d'utilisation
Pochette, genre, date de sortie, éditeur, + et -, appréciation, note globale ...
Notre philosophie
Concevoir des thèmes sur mesure
désignés et développés par nos soins
Proposer une interface admin claire et intuitive à nos clients
Ce qui exclue donc l'utilisation de thèmes premium
Le client ne dois pas avoir à penser à la mise en page
nous l'avons pensée, réfléchie et optimisée pour lui
Le client doit pouvoir créer son contenu rapidement
sans réfléchir, juste en remplissant
Themes premium
Pratiques pour les petits budgets, mais avec des concessions
Et parfois ...
Aller à plusieurs endroit pour modifier le contenu de la home
Page builders ?
Fausse bonne idée (pour un client lambda)
Ne jamais laisser trop de marge de manoeuvre au client !
s'improvisant designer, il va laisser parler son "art"
Advanced Custom Fields
Plugin (version gratuite / payante)
Pour les développeurs de thème
Permet de créer des champs additionnels
Grande variété de champs
Simple à prendre en main et ergonomique
Le Principe
1. Depuis l'admin, créer ses champs
Le Principe
2. Assigner le groupe à un post type, page, taxo...
Système de conditions simple mais efficace
Possibilité de définir plusieurs règles
d'exclure / inclure certains types de publication
(Drupal possède un module qui ressemble à ACF, il s'appelle Views)
Le Principe
3. Afficher le contenu dans votre thème
ACF ajoute 2 fonctions : get_field() et the_field()
Documentation ACF
Documentation exemplaire - Forum efficace
Très simple à comprendre même pour un débutant en thèmes WP
Types de champs simples
Texte, Zone de texte, Éditeur visuel WYSIWYG,
Nombre, URL, Mail, couleur, cases à cocher, liste...
Champs d'images
Image, Galerie
(pour afficher une galerie ou un slider par ex)
Champs Elaborés
Répéteur, Relationnel, contenu flexible, Google Maps
Sur des sites clients
Cas d'utilisation concrets
Le champ relationnel
Avec ModulHabitat - Immobilier
Ici le client ne souhaite pas afficher les 4 derniers biens, mais choisir ceux qu'il veut afficher
Le champ relationnel
côté admin
à droite : liste des biens + recherche
à gauche : biens choisis
La liste est limitée au custom post type Biens
Ce champ est configuré pour n'apparaitre que pour la page d'accueil
Le champ Répéteur
Cité Lib - Auto Partage Grenoblois
Le client souhaite saisir chaque marqueur, décider de sa couleur
Le champ Répéteur
Côté admin
Le client souhaite saisir chaque marqueur, décider de sa couleur
Répéteur vs Custom Type ?
Si vous souhaitez présenter une liste de choses, qui seront cliquables et auront leur propre page (single) alors préférez un Custom Post Type.
Pour des cas simples, comme par exemple présenter une liste de technologies, utilisez le répéteur
Le champ flexible
Avec Cours Informatique Gratuit
Réaliser des cours "riches" sans faire appel à des shortcodes
Le champ flexible
Côté admin
Réaliser des cours "riches" sans faire appel à des shortcodes
Le champ flexible
Un autre exemple : Devis Smoothie
Cette fois on utilise WordPress comme base applicative
Les pages d'options
Clique.tv - News
Des options, réunies dans des sous pages
L'ergonomie de l'admin
Objectif :
Une interface claire, qui reste simple, légère, respectueuse de la logique de WordPress
Une saisie des données intuitive, adaptée
ACF s'intègre parfaitement à l'admin WordPress et ne donne pas l'impression qu'un plugin est utilisé
L'ergonomie de l'admin
Onglets lorsqu'il y a trop de champs
Différents choix de mise en page des champs
Sans bordures, labels à gauche
Dans un bloc, labels dessus
+ possibilité d'ajouter des messages d'aide
conclusion
Utilisez ACF pour créer des admin sur mesure, s'adaptant à tous cas de figure en un temps record
L'intégralité de notre clientèle est entièrement satisfaite de ce fonctionnement
Merci !
@maximebj
Mon blog : wp-spread.com
Notre agence web : smoothie-creative.com
Conférence WordCamp 2015 Paris
By maximebj
Conférence WordCamp 2015 Paris
- 10,931