Modules et profils
Vous pouvez définir les modules à inclure dans les profils afin de personnaliser le comportement et l'apparence de votre page.
Un module encapsule une fonction de sorte que vous puissiez choisir de l'inclure dans votre thème en fonction du profil que vous utilisez. Un profil est un fichier .json qui indique les modules à charger et spécifie s'ils doivent être chargés en même temps (mode non différée) ou après la page (en mode différé). Le modèle de thème simple inclut deux profils : profile_deferred.json et profile_bootstrap.json. Ces profils sont identiques, à ceci près que le profil profile_bootstrap.json charge également le module d'amorçage, ce qui est requis lorsque vous utilisez la navigation par amorçage.
Remarque : Si vous créez un nouveau module, vous devez l'inclure dans votre profil pour pouvoir l'utiliser.
Vous pouvez définir des modules de deux façons différentes :
- En ajoutant des fichiers de support dans le répertoire fs-type1/themes/themename/modules du thème.
- En définissant les fichiers .json dans le répertoire fs-type1/themes/themename/contribution.
Définition de modules en ajoutant des fichiers de support
- Dans le répertoire fs-type1/themes/themename/modules, créez un nouveau répertoire avec le nom de module que vous souhaitez utiliser.
- Dans le nouveau répertoire, créez deux autres répertoires :
- Un répertoire Head pour les fichiers que vous souhaitez charger au début de la page. Il s'agit généralement de fichiers CSS et JavaScript.
- Un répertoire de configuration pour les fichiers que vous souhaitez charger à la fin de la page. Il s'agit généralement de fichiers JavaScript ou HTML.
st_compressed_navbar- Par défaut, la barre de navigation au début de la page se compresse lorsque vous faites défiler la page pour empêcher que la barre de défilement ne disparaisse de la page. Si vous retirez ce module du profil, la barre de navigation disparaît de la page lorsque vous faites défiler celle-ci. Ce module inclut un fichier CSS, qui est chargé dans la section Head de la page, et un fichier JavaScript, qui est chargé dans la section de contenu complémentaire de la page.
st_layout_grid- La présentation du thème simple est fluide. Lorsque vous réduisez la taille de la fenêtre de navigateur, le contenu de la page s'empile au lieu de défiler sur l'écran. Le fichier CSS qui contrôle cette fonction est contenu dans ce module.
st_navigation- Ce module contient la logique qui prend en charge la navigation. Il comprend deux fichiers JavaScript. L'un de ces fichiers contrôle le menu de navigation mobile qui est chargé dans la section Head de la page. L'autre fichier contrôle le contenu qui est chargé dans la section de contenu complémentaire de la page.
st_notice- Vous pouvez ajouter un avis ou un avertissement à la page à l'aide de cette fonction. Cet avis ou cet avertissement inclut un fichier CSS et un fichier JavaScript, qui sont chargés dans la section Head de la page.
st_search- Ce module contient les fichiers CSS et JavaScript qui prennent en charge la barre de recherche coulissante du bouton de recherche. Il charge le fichier CSS dans la section Head de la page et le fichier JavaScript dans la section de contenu complémentaire de la page.
st_svg- Les images SVG de ce thème sont stockées dans un sprite dans fs-type1/themes/themename/css/images/sprite.svg. Ce module contient le fichier JavaScript qui extrait le sprite et le stocke sur la page afin de faciliter l'extraction des images SVG individuelles.
Définition des fichiers .json
Vous pouvez également définir des modules dans les fichiers .json dans le répertoire fs-type1/themes/themename/contribution. Plusieurs de ces modules sont inclus dans le thème.
bootstrap- Ce module contient les fichiers CSS et JavaScript requis pour exécuter la navigation d'amorçage. Il est défini dans bootstrap.json.
wp_theme_simple- Ce module contrôle plusieurs modules prérequis à charger et spécifie l'emplacement des fichiers CSS. Il est défini dans theme.json.
wp_theme_menus- Ce module charge le canevas de menu simple. Il est défini dans theme.json.