Pour diverses raisons, vous pourriez avoir besoin de créer un fichier « config.html » pour votre style afin de définir des paramètres que l'utilisateur pourra choisir d'activer ou non. A l'aide de cette documentation, vous allez pouvoir obtenir le résultat que vous désirez.
/!\ Tout notre code utilisera le système template Twig.
Je vous invite d'ailleurs à lire ce sujet (en anglais) concernant la syntaxe Twig.
» 1. Créer et inclure le fichier config.html
Avant toute chose, il faut que nous créons un fichier que nous appellerons « config.html » et qui sera placé dans le dossier « template » de votre style. Une fois fait, nous allons modifier le fichier template « /styles/{VOTRE_THEME}/template/overall_header.html » et faire appel à notre nouveau fichier.
Cherchez :
Après, ajoutez :
Maintenant, il ne reste plus qu'à vous donner un exemple.
» 2. Exemple
Imaginons que je veuille n'afficher que l'image du rang (et non son texte) via une option du style. Pour ce faire, nous allons définir la variable conditionnelle et nous allons lui donner comme valeur par défaut : 1 (true).
Ouvrez le fichier « config.html » et ajoutez ce code :
Et pour utiliser la variable que nous venons de définir, vous placerez le code ci-dessous dans le fichier template adéquat (ici en l'occurrence viewtopic_body.html) :
Notez bien « definition.S_RANK_IMG_DISPLAY » car la mention « definition » est très importante puisque sans cela le code ne fonctionnera pas.
» 3. Mot de la fin
Une fois que vous avez bien compris le principe, vous pouvez ainsi créer diverses variables/conditions pour vos styles. Comme vous l'avez remarqué, ce n'est pas très compliqué.
Vous pourriez même définir un texte via ce procédé (uniquement si on n'a pas le choix).
Si vous avez des questions et/ou des soucis, n'hésitez pas à demander.
/!\ Tout notre code utilisera le système template Twig.
Je vous invite d'ailleurs à lire ce sujet (en anglais) concernant la syntaxe Twig.
» 1. Créer et inclure le fichier config.html
Avant toute chose, il faut que nous créons un fichier que nous appellerons « config.html » et qui sera placé dans le dossier « template » de votre style. Une fois fait, nous allons modifier le fichier template « /styles/{VOTRE_THEME}/template/overall_header.html » et faire appel à notre nouveau fichier.
Cherchez :
Code : Tout sélectionner
<head>Code : Tout sélectionner
{% include 'config.html' %}» 2. Exemple
Imaginons que je veuille n'afficher que l'image du rang (et non son texte) via une option du style. Pour ce faire, nous allons définir la variable conditionnelle et nous allons lui donner comme valeur par défaut : 1 (true).
Ouvrez le fichier « config.html » et ajoutez ce code :
Code : Tout sélectionner
{% DEFINE S_RANK_IMG_DISPLAY = '1' %}Code : Tout sélectionner
{% if postrow.RANK_TITLE or postrow.RANK_IMG %}<dd class="profile-rank">{% if postrow.RANK_IMG and definition.S_RANK_IMG_DISPLAY %}{postrow.RANK_IMG}{% else %}{postrow.RANK_TITLE}{% endif %}</dd>{% endif %}» 3. Mot de la fin
Une fois que vous avez bien compris le principe, vous pouvez ainsi créer diverses variables/conditions pour vos styles. Comme vous l'avez remarqué, ce n'est pas très compliqué.
Vous pourriez même définir un texte via ce procédé (uniquement si on n'a pas le choix).
Si vous avez des questions et/ou des soucis, n'hésitez pas à demander.