Advanced Custom Fields : un incontournable pour la création de votre thème WordPress

  • 24 octobre 2016
  • Hugo Laporte
  • 0

Plusieurs auront leur extension préférée, voici la mienne. 

Advanced Custom Fields est l’extension la plus polyvalente que je connaisse. Elle permet d’attribuer des variables spécifiques pour à peu près tout. Jumelée aux Custom Post Types de WordPress elle permet de répondre à presque tous vos besoins. Pour encore plus de polyvalence, utilisez le add-on Repeater Field.

Création des Posts Types

Voici une mise en situation. Je veux représenter les produits de mon entreprise. Pour chacun de ces produits, j’ai un prix, une image, une description, des produits reliés et des avantages à exposer. Je commence d’abord par créer mon Post Type dans mon fichier functions.php à la racine de mon thème.

function weblounge_custom_post_types() {

	$labels = array(
		'name' => __( 'Produits' , 'weblounge'),
		'singular_name' => __( 'Produit' , 'weblounge'),
		'add_new' => __( 'Ajouter un produit' , 'weblounge'),
		'add_new_item' => __( 'Ajouter un produit' , 'weblounge'),
		'edit_item' => __( 'Modifier le produit' , 'weblounge'),
		'new_item' => __( 'Nouveau produit' , 'weblounge'),
		'all_items' => __( 'Tous les produits' , 'weblounge'),
		'view_item' => __( 'Voir le produit' , 'weblounge'),
		'search_items' => __( 'Rechercher un produit' , 'weblounge'),
		'not_found' => __( 'Aucun produit trouvé' , 'weblounge'),
		'not_found_in_trash' => __( 'Aucun produit trouvé' , 'weblounge'),
		'menu_name' => __( 'Produits' , 'weblounge'),
	);
	$args = array(
		'labels' => $labels,
		'public' => true,
		'show_ui' => true, 
		'show_in_menu' => true, 
		'query_var' => true,
		'rewrite' => array( 'slug' => __( 'produit' , 'weblounge') ),
		'capability_type' => 'post',
		'has_archive' => false,
		'hierarchical' => false,
		'supports' => array( 'title', 'editor', 'thumbnail' )
	);
	register_post_type( 'produits', $args );
 
}
add_action( 'init', 'weblounge_custom_post_types' );

 

J’obtiendrai ainsi ceci :

Custom Post Types pour produits

Configuration de Advanced Custom Fields pour mes produits

Pour ce qui est des variables description et image j’utiliserai les champs de contenu et d’image à la une des « Posts » (ou Produits dans mon cas). Je pourrai donc ensuite créer un groupe de champs dans l’extension ACF que je nommerai « Produits ».

Pour les produits reliés j’utiliserai un champs de type «Relation» que j’attracherai avec les autres produits.

produits reliés dans la création d'un site web wordpress

Pour le prix j’utiliserai un champ «Nombre».

Finalement pour les avantages j’utiliserai un champ «Repeater» ainsi qu’un sous-champ avantage de type texte.

Champ repeater dans advanced custom fields

Il ne me reste qu’à assigner ce groupe de trois champs au post type «produits» pour voir les champs apparaître dans les posts de types produits.

assigner

Finalement…

Voici donc le résultat de mon Post Type «Produits :

post type produit

J’expliquerai dans un autre article comment insérer ces données dans une page de mon thème.

Plus de tutoriels ?

Faire disparaître la mention «Protégé:» pour un article protégé par un mot de passe.

Il est souvent bien dérangeant de voir la mention «Protégé:» sur nos articles lorsque celui-ci est protégé par un mot de passe. Voici un snippet pour faire disparaître la mention : add_filter(‘protected_title_format’, ‘blank’); function blank($title) { return ‘%s’; } Cette fonction doit être insérée à l’intérieur du fichier functions.php à la racine de votre thème.

Lire la suite  

Advanced Custom Fields : un incontournable pour la création de votre thème WordPress

Plusieurs auront leur extension préférée, voici la mienne.  Advanced Custom Fields est l’extension la plus polyvalente que je connaisse. Elle permet d’attribuer des variables spécifiques pour à peu près tout. Jumelée aux Custom Post Types de WordPress elle permet de répondre à presque tous vos besoins. Pour encore plus de polyvalence, utilisez le add-on Repeater Field. Création […]

Lire la suite  

Incapable de vous connecter au Backend de TYPO3 ? Voici une piste de solution

Il peut y avoir bien des scénarios qui peuvent causer ce problème mais voici une piste de solution. Si Open SSL n’est pas installé sur votre serveur. (Dans bien des cas avec un serveur Windows et XAMPP) 1. Ouvrez votre fichier LocalConfiguration.php qui se trouve dans le répertoire /typo3conf/ 2. Changez le niveau de sécurité ‘BE’ […]

Lire la suite