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