Personnalisation du site web
EnaCast permet de personnaliser l’apparence visuelle du site de votre station pour qu’il corresponde à l’image de votre marque. Vous pouvez changer les couleurs, activer le mode sombre, ajouter du CSS personnalisé et configurer l’image de couverture.
Configuration du thème
Section titled “Configuration du thème”La configuration visuelle de votre site se gère depuis la section design du panneau d’administration. Chaque station peut avoir plusieurs configurations de thème enregistrées, bien qu’une seule puisse être active à la fois.
Couleur principale
Section titled “Couleur principale”La couleur principale définit la teinte des boutons, liens, barres de navigation et autres éléments interactifs du site. Elle est configurée à l’aide d’un code couleur hexadécimal (par exemple, #247f00).
Vous pouvez également définir une couleur principale pour le mode sombre, qui sera utilisée quand le mode sombre est activé.
Mode sombre
Section titled “Mode sombre”Le mode sombre change le fond du site en tons sombres et adapte les textes et éléments pour améliorer la lecture dans les environnements peu éclairés.
Vous pouvez activer ou désactiver le mode sombre depuis la configuration du thème. Quand il est activé, tout le site s’affiche avec le schéma de couleurs sombre, y compris l’en-tête, le lecteur et les modules de contenu.
Image de couverture
Section titled “Image de couverture”L’image de couverture apparaît comme fond de l’en-tête de votre site. Vous pouvez contrôler comment l’image est positionnée avec les options d’alignement :
Position horizontale :
| Option | Résultat |
|---|---|
| Centre | L’image est centrée horizontalement |
| Gauche | L’image est alignée au bord gauche |
| Droite | L’image est alignée au bord droit |
| Automatique | Le système choisit la meilleure position |
Position verticale :
| Option | Résultat |
|---|---|
| Centre | L’image est centrée verticalement |
| Haut | L’image est alignée au bord supérieur |
| Bas | L’image est alignée au bord inférieur |
| Automatique | Le système choisit la meilleure position |
CSS personnalisé
Section titled “CSS personnalisé”Pour des personnalisations plus avancées, vous pouvez ajouter du code CSS personnalisé qui sera appliqué par-dessus le style de base du thème. Cela vous permet de :
- Changer les polices de caractères
- Ajuster les marges et les espacements
- Masquer ou modifier des éléments spécifiques
- Ajouter des styles propres pour des sections particulières
Le CSS personnalisé peut être défini à deux niveaux :
- Au niveau du thème : appliqué uniquement quand ce thème est actif
- Au niveau de la station : appliqué toujours, quel que soit le thème actif
Si du CSS est défini aux deux niveaux, ils sont combinés : le CSS du thème est appliqué en premier, puis le CSS de la station.
Aperçu
Section titled “Aperçu”Avant d’activer un thème, vous pouvez voir comment votre site apparaîtra avec l’option d’aperçu. L’aperçu vous permet de naviguer sur le site avec la nouvelle configuration sans que les visiteurs voient les changements.
- Configurez le thème avec les couleurs, le mode et l’image souhaités
- Enregistrez les changements
- Cliquez sur le lien d’aperçu
- Naviguez sur le site pour vérifier que tout s’affiche correctement
- Si vous êtes satisfait, activez le thème pour le rendre visible à tous
Design de l’en-tête et du pied de page
Section titled “Design de l’en-tête et du pied de page”Le site de votre station utilise un modèle d’en-tête et un modèle de pied de page qui déterminent la structure visuelle de ces zones. Ces modèles sont gérés par l’équipe EnaCast et sont sélectionnés lors de la configuration initiale de votre station.
Conseils
Section titled “Conseils”- Maintenez la cohérence : utilisez la même couleur principale sur le site, les réseaux sociaux et les supports imprimés
- Testez sur mobile : vérifiez toujours que le site s’affiche correctement sur les appareils mobiles après avoir fait des changements de style
- Moins c’est plus : un design propre et simple fonctionne généralement mieux qu’un design surchargé de personnalisations
Si vous avez des questions, contactez le support technique à support@enacast.com