Nous utilisons le thème <strong>*Mint*</strong> qui reprend les composants <strong>*discourse-search-banner*</strong> et <strong>*Showcased Categories*</strong>.
Nous avons apporté quelques modifications au thème <strong>*Mint*</strong>, afin d'en retirer des formes de décoration et le <strong>*discourse-search-banner*</strong>, ainsi qu'y mettre nos tons colorimétriques et certaines modifications liées aux composants.
<strong>Trois composants sont utilisés dans notre thème principal :</strong>
Nous utilisons le thème **_Mint_** qui reprend les composants **_discourse-search-banner_** et **_Showcased Categories_**.
Nous avons apporté quelques modifications au thème **_Mint_**, afin d'en retirer des formes de décoration et le **_discourse-search-banner_**, ainsi qu'y mettre nos tons colorimétriques et certaines modifications liées aux composants.
**Trois composants sont utilisés dans notre thème principal :**
- _Versatile Banner_
- _Categories boxes_
- _Showcased Categories_
#### Bannière "How to begin ?"
#### Bannière _How to begin ?_
D'après le composant <strong>*Versatile Banner*</strong>, nous récupérons les images d'après un url dans un groupe privée, accessible uniquement par l'admin *(pour plus d'info., voir ce lien https://meta.discourse.org/t/upload-image-in-discourse/141504/4)*.
D'après le composant **_Versatile Banner_**, nous récupérons les images d'après un url dans un groupe privée, accessible uniquement par l'admin ([plus d'info. ici](https://meta.discourse.org/t/upload-image-in-discourse/141504/4)).
- Possibilité d'afficher cette fonctionnalité à tout le monde ou à un type d'utilisateur : membres, inconnus.
- Possibilité d'afficher cette fonctionnalité à tout le monde ou à un type d'utilisateur : membres, inconnus.
- Afficher la bannière sur les appareils mobiles, ordinateurs.
- Afficher la bannière sur les appareils mobiles, ordinateurs.
- Afficher la bannière sur la page d'accueil.
- Afficher la bannière sur la page d'accueil.
- Modification des images, des titres, sous-titres et textes, ainsi que du nombre de boxe (4 max).
- Modification des images, des titres, sous-titres et textes, ainsi que du nombre de boxe (4 max).
- Choix des pages où apparaîtra la bannière.
- Choix des pages où apparaîtra la bannière.
- Autoriser les utilisateurs à masquer la bannière.
- Autoriser les utilisateurs à masquer la bannière.
- Mettre un fond derrière les images.
- Mettre un fond derrière les images.
- Changer les couleurs du texte.
- Changer les couleurs du texte.
##### Notre configuration de base
##### Notre configuration de base :
La bannière est inclue dans le thème.
La bannière est inclue dans le thème.
La bannière s'affiche pour tout le monde et il est possible de la masquer mais pas de l'enlever.
La bannière s'affiche pour tout le monde et il est possible de la masquer mais pas de l'enlever.
Elle apparaît sur les pages :
Elle apparaît sur les pages :
/latest
/categories
-`/latest`
/new
-`/categories`
/unread
-`/new`
/top*
-`/unread`
/tag/*
-`/top*`
/tags/*
-`/tag/*`
/c/*
-`/tags/*`
/t/*
-`/c/*`
-`/t/*`
Il n'y a pas de fond ni d'image de fond, il est néanmoins possible d'en ajouter.
Il n'y a pas de fond ni d'image de fond, il est néanmoins possible d'en ajouter.
Ensuite on ajoute le contenu de la bannière : texte, images dans chaque colonnes.
Ensuite on ajoute le contenu de la bannière : texte, images dans chaque colonnes.
Afin d'ajouter une image dans la bannière, il faut récupérer son lien URL. Pour se faire, on créer un post avec une image dans la catégorie staff (privée). Le post ainsi créée, on affiche l'image et on y fait un clic droit pour "copier le lien de l'image". Puis, coller ce lien dans la page configuration du composant, section <strong>*Column Icons*</strong>.
Afin d'ajouter une image dans la bannière, il faut récupérer son lien URL. Pour se faire, on créer un post avec une image dans la catégorie staff (privée). Le post ainsi créée, on affiche l'image et on y fait un clic droit pour "copier le lien de l'image". Puis, coller ce lien dans la page configuration du composant, section `Column Icons`.
Voir la page suivante : https://meta.discourse.org/t/upload-image-in-discourse/141504
Voir la page suivante : https://meta.discourse.org/t/upload-image-in-discourse/141504
---
---
#### Categories boxes
#### Categories boxes
Nous partons du html du composant <strong>*Categories Layout Override*</strong>, et utilisons le scss d'un autre lien.
Nous partons du html du composant **_Categories Layout Override_**, et utilisons le scss d'un autre lien.
Définir le thème de ce que constitura les deux boîtes. On défini la taille maximum du contenu des boîtes et de son contenu : Latest et Top.
Définir le thème de ce que constitura les deux boîtes. On défini la taille maximum du contenu des boîtes et de son contenu : _Latest_ et _Top_.
---
---
#### Configuration générale après installation du thème
#### Configuration générale après installation du thème
Par défaut, des couleurs ont été appliqué mais vous pouvez les modifier votre palette de couleurs dans <strong>Customize / Colors.</strong> Pour faire valider le thème, celui-ci doit être votre <strong>thème par défaut.</strong> Dans la section <strong>*Included Components*</strong>, vous pouvez cliquer sur <strong>*Add all*</strong> ou bien n'en mettre que certains.
Par défaut, des couleurs ont été appliqué mais vous pouvez les modifier votre palette de couleurs dans `Customize / Colors`. Pour faire valider le thème, celui-ci doit être votre **thème par défaut.** Dans la section `Included Components`, vous pouvez cliquer sur `Add all` ou bien n'en mettre que certains.
