04 ‐ Structure du thème

Le dossier assets

Le dossier assets va contenir des fichiers d'exports d'extensions tierces comme ACF (Advanced Custom Fields), Gravity Forms WP Grid Builder afin de versioner, de sauvegarder des données qui serviront sur différents environnements de votre projet.

Le sous-dossier assets/conf-img

Il existe aussi un sous-dossier conf-img qui sont utiles pour l'extension Advanced Responsive Images qui a pour but de cropper des images à la demande et de générer un markup HTML spécifique pour les images en front-office.

Note

Pour plus d'information sur la gestion des dimensions d'image et l'utilisation de l'extension, veuillez vous rendre à la section XX - Utiliser Advanced Responsive Images (WIP)

Le dossier components

Ce dossier contient des parties de template (template parts) catégorisés dans des sous-dossiers.

Le sous-dossier components/gutenberg

Ce sous-dossier contiendra le rendu HTML des blocs dynamiques développés pour l'éditeur Gutenberg.

Note

Pour plus d'information sur la création d'un bloc dynamique Gutenberg avec ACF, veuillez accéder à cette documentation.

Le sous-dossier components/loops

Ce sous-dossier contiendra le rendu HTML template parts qui se répètent à travers une boucle d'une requête WordPress (WP Query).

<?php
if ( have_posts() ) :
	while ( have_posts() ) :
		the_post();
		get_template_part( 'components/loops/card-post' );
	endwhile;
endif;
?>

Le sous-dossier components/parts

Ce sous-dossier contient les rendus HTML qui ne rentrent pas dans les deux premières catégories. Vous êtes libre d'organiser comme vous souhaitez ce dossier. Par défaut, il y a un dossier common contenant un fichier breadcrumb.php; ce dossier a pour principe de contenir les template part qui sont communs à plusieurs modèles de pages.

Le dossier config

Sans rentrer dans les détails, ce dossier contient les fichiers de configuration pour le bon fonctionnement du module bundler Webpack.

Le dossier inc

Ce dossier contient des outils, des helpers et des services dans le but de simplifier le développement.

Note

Pour plus d'information sur la gestion des dimensions d'image et l'utilisation de l'extension, veuillez vous rendre aux sections

• XX - Les helpers (WIP)
• XX - Les services (WIP)
• XX - Les outils (WIP)