Aretha (thème graphique personnalisable)

⚙️ Accès dans le backoffice :
Système > Intégration graphique (lien présent dans la colonne de droite)
L'accès à l'onglet « Système » n'est permis qu'aux personnes ayant le rôle interne « Administrateur de Hobo ».

En sélectionnant le thème « Aretha », vous accédez via Edition « Portail usager » > Apparence (lien présent dans la colonne de droite) à l'interface de gestion de l'apparence. A travers cette interface, vous pouvez personnaliser une cinquantaine de paramètres graphiques. Ainsi, vous êtes autonome pour adapter le thème Aretha à votre charte graphique et apporter des modifications graphiques à tout moment.

🔑 Eléments clés du thème Aretha

• La navigation principale s’affiche dans le header sur la même ligne que le logo du site.
• Les titres de page s’affichent sur un bandeau avec aplat coloré.
• Le pied de page comporte comporte 2 zones.

Liste des classes CSS specifiques au thème Aretha

• white-cell : pour appliquer un fond blanc à la cellule.
• colored-cell : pour appliquer la couleur définie dans l'interface de gestion de l'apparence sur le fond de la cellule.
• bordered-cell : pour appliquer une bordure noire à la cellule.

Liste des zones de contenu disponibles dans Aretha

• Haut du contenu
• Barre latérale
• Contenu
• Colonne de droite
• Colonne de gauche
• Bas du contenu
• Haut du pied de page
• Pied de page

Autres fonctionnalités permettant d'aller plus loin dans la personnalisation

• Intégration du logo dans les courriels : le fichier du logo est à renseigner dans Edition  « portail usager »> Ressources (lien présent dans la colonne de droite) > « Emails : logo ».

🔗 Liens utiles pour gérer la mise en forme

• Gestion de l'apparence
• Les cellules
• Classes CSS réutilisables