Hero Image
Personnalisation de la disposition

Si vous personnalisez la mise en page d’un composant existant, vous ne recevrez plus les futures mises à jour de ce composant lorsque le thème sera mis à jour. Vous devrez mettre à jour manuellement le composant dans votre dépôt. Dans ce tutoriel, je vais vous guider sur la manière de personnaliser la mise en page d’un thème. J’ai personnellement suivi le processus et je partagerai mes expériences afin de vous faciliter la tâche.

mercredi 9 octobre 2024 | 2 minutes Lire
Hero Image
Ajouter une nouvelle section

Si les sections par défaut, modèles, et composants ne satisfont pas vos besoins, vous pouvez facilemement ajouter de nouvelles sections, modèles, et composants à votre site. Ce guide montrera comment ajouter une nouvelle section à votre site. Etape 1 : Ajouter du fichier de mise en page Pour ajouter une nouvelle section à votre site, vous devez créer un fichier de mise en page dans le répertoire layout/partials/sections. Le fichier doit être nommé d’après le nom de la section. Par exemple, si vous voulez ajouter une section contact avec le formulaire de contact, créez un fichier nommé contact.html. Utilisez le modèle suivants pour le fichier contact.html.

samedi 13 janvier 2024 | 2 minutes Lire
Hero Image
Personnalisation CSS

Ce thème vous permet de personnaliser l’apparence de votre site et ses composants par une surcharge du CSS par defaut. Ce guide vous montrera comment surcharger le schéma de couleurs et personnaliser les CSS des composants individuels. Le thème utilise Sass pour générer du CSS. Si vous n’êtes pas familier avec Sass, vous pouvez en apprendre plus à son sujet ici. Surcharger les variables des couleurs du thème Si vous voulez changer le schéma de couleurs par défaut de votre thème, vous pouvez surcharger les variables de couleur du thème. Pour surcharger les variables de couleur du thème, vous devrez créer un fichier nommé variables.scss dans le répertoire assets/styles de votre site. Puis copiez le contenu du fichier variables.scss par défaut et collez le dans votre fichier de personnalisation variables.scss. Ici, seule la section $theme du fichier variables.scss par defaut est montré ci-dessous:

samedi 13 janvier 2024 | 2 minutes Lire
Hero Image
Activer le mode sombre

Activation du mode sombre Toha v3.6.0 a introduit un thème sombre. Un grand merci à @donfiguerres. Ce guide vous montrera comment l’activer. Tout d’abord, assurez-vous d’avoir mis à jour la version du thème en v3.6.0 ou plus. Ensuite, ajoutez la section suivante sous la section params de votre fichier hugo.yaml. darkMode: enable: true provider: darkreader default: system Ici, enable: Spécifie ou non l’activation du mode sombre. provider: Spécifie le fournisseur sous-jacent qui sera utilisé pour fournir la fonctionnalité du mode sombre. Actuellement, il ne supporte que darkreader. Nous pourrions soutenir d’autres fournisseurs dans le futur. default: Spécifie quel thème utiliser par défaut. Ca supporte les valeurs system, light et dark.

dimanche 12 juin 2022 | 1 minute Lire