Configurer le thème
Configurer le thème

Configurer le thème

🔥
Pour toutes vos étapes de configuration : n’oubliez pas de sauver ! En bas à droite de l’écran se trouve en permanence un bouton pour enregistrer votre travail. Utilisez-le sans modération.
💡

Pour tous les paramètres, de petites bulles informatives vous indiquent si l’accessibilité est respectée, et vous indiquent un certain nombre de précisions. Exemples :

image
image

1 -Couleurs

image
image

Dans cet onglet, vous pourrez :

  • Ajouter une nouvelle couleur
    • Nom
    • palette, code hexadécimal, RGB ou PSL
    • choix opacité
    • possibilité de copier
    • supprimer
image
  • Editer une couleur existante (inclus les fonctions dupliquer et supprimer)
image
  • Modifier l’ordre des couleurs
image

2 -Typographies

D
Double-cliquer sur l’image pour l’agrandir
D
Double-cliquer sur l’image pour l’agrandir

Dans cet onglet, vous pourrez :

  • Ajouter une nouvelle typographie
    • Nom
    • champ de saisie pour test et prévisualisation
    • taille
      • custom → en pixels ou avec curseur
      • random → S, M, L, XL
    • espacement des lignes → dropdown / warning pour accessibilité
    • espacement des lettres → S, M, L, XL, XXL
    • couleur sélection (issues de la palette préalablement créée)
    • italique
    • transformation → majuscule / minuscules
    • effets → souligné, barré
    • choix de la font → dropdown avec les Google Font
    • choix de la graisse → dropdown
    • delete
D
Double-cliquer sur le GIF pour l’agrandir
  • Editer une typographie existante (inclus les fonctions dupliquer et supprimer)
D
Double-cliquer sur le GIF pour l’agrandir
  • Modifier l’ordre des typographies créées
D
Double-cliquer sur le GIF pour l’agrandir

3 -Boutons

D
Double-cliquer sur le l’image pour l’agrandir
D
Double-cliquer sur le l’image pour l’agrandir

Dans cet onglet, vous pourrez :

  • Ajouter un nouveau style de bouton
    • Nom
    • ajouter un élément décoratif à côté du libellé
    • ajouter un espace autour du bouton choisir la typographie du libellé (attention : la typographie doit avoir été définie préalablement !)
    • couleur du libellé au survol
    • pour la bordure du bouton :
      • taille de l’arrondi
      • épaisseur
      • couleur
      • couleur au survol
    • pour le fond du bouton :
      • couleur
      • couleur au survol
    • choix de l’animation du bouton quand il est survolé
D
Double-cliquer sur le GIF pour l’agrandir
  • Editer un bouton existant (inclus les fonctions dupliquer et supprimer)
D
Double-cliquer sur le GIF pour l’agrandir

  • Modifier l’ordre des boutons créés
D
Double-cliquer sur le GIF pour l’agrandir

4 -Blocs simples

Au nombre de 8, ces blocs “simples” sont les blocs les plus appropriés lorsque que l’on crée du contenu statique sur une page.

Comment configurer tous les blocs simples ? Visitez le lien ci-dessous pour tout connaître des blocs simples.

Blocs simplesBlocs simples

5 -Blocs avancés

Au nombre de 4, ces blocs sont “dynamiques”, ce qui signifie qu’ils affichent dynamiquement un contenu créé ailleurs.

Par exemple pour les articles, vous les créerez dans un onglet spécial appelé “Articles” de votre dashboard, puis vous placerez le bloc dans une page et il affichera automatiquement, selon les paramètres que vous lui aurez indiqués, la sélection d’articles souhaitée.

Vous n’aurez pas à les recopier plusieurs fois !

Comment configurer les blocs avancés ? Visitez le lien ci-dessous pour tout connaître des blocs avancés.

Blocs avancésBlocs avancés

6 -Mise en page

En visitant le lien ci-dessous vous en apprendrez plus sur la page 404, la page de recherche et d’autres fonctionnalités de Minos qui requiert une configuration.

Mise en pageMise en page
  • Une page d’erreur 404
    1. Génératrice de frustration ou alors du statut de votre site à un moment donné, elle est la page sur laquelle sont redirigés les internautes si :

    2. le site web ne se charge pas
    3. ou si une personne tente d’accéder à une page inexistante du site web
    4. Elle est primordiale car elle signale donc aux internautes que l’élément correspondant à ce qui a été saisi n’a pas été trouvé.

      Sa configuration conviviale indiquant la démarche à suivre (incluant d’office une redirection vers la page d’accueil) est vivement recommandée.

  • La page de recherche
  • Vous pouvez ajouter une barre de recherche dans le menu pour une aide à la visite et plus facilement trouver ce que l’on cherche. La page de recherche répertorie les différentes types de pages - un article, un événement, un membre d’équipe, une page, donnant donc la possibilité de filtrer la recherche.

  • Comment changer la couleur du fond de votre site général ? Comment ajouter des scripts pour un tracking par exemple ? Comment ajouter une petite touche de décoration ?
  • C’est sous les divers que vous aurez réponses à ces questions !

7 -En-tête et navigations (Header)

Placer tout en haut de votre site se trouve l’en-tête (header an anglais). Elle se compose d’un menu (la barre de navigation) et d’autres éléments (un CTA et/ou un champ recherche), aidant ainsi les internautes à naviguer.

L’en-tête se doit être bien structurée car en un coup d’oeil, les personnes peuvent avoir un aperçu du contenu du site et facilement trouver ce qu’ils ou elles cherchent.

En visitant le lien ci-dessous, vous découvrirez comment la configurer.

Configuration de l’en-têteConfiguration de l’en-tête

8 -Pied de page (Footer)

Placer tout en bas de votre site se trouve le pied de page (footer an anglais). Il se compose généralement des informations de contact, de vos réseaux sociaux, d’un ou plusieurs menus mais on peut aussi y retrouver des logos, notamment ceux de vos partenaires.

En visitant le lien ci-dessous, vous découvrirez comment le configurer.

Configurer le pied de pageConfigurer le pied de page

9 -Révisions

Ici vous retrouverez toutes les versions et mises à jour de la configuration “stylistique” de votre site, depuis la première fois que vous l’avez configuré.

💡
Les révisions à cet endroit concernent exclusivement les éléments configurés dans l’onglet Minotaure : couleurs, typographies, compositions des blocs, paramètres d’affichage, position des éléments, etc. Elles ne prennent pas en compte la modification du contenu ni l’application d’une composition à un bloc dans l’édition d’une page. Si vous avez “perdu” du contenu ou qu’une page contient un bloc dont l’apparence n’est pas celle configurée, c’est directement dans la page en question qu’il faut vous rendre pour effectuer la correction.

Pour chacune de ces révisions, vous pouvez

  • en consulter le détail
    • copier les valeurs
    • les exporter
  • la supprimer
  • la sélectionner, c’est-à-dire qu’elle sera celle restaurée sur le site (si vous sélectionnez une révision d’il y a 3 semaines, vous aurez votre site d’il y a 3 semaines sous les yeux)
  • importer de nouvelles révisions en saisissant du code directement dans la boîte “Import”
🔥
Attention, on peut facilement se perdre dans l’utilisation des révisions, et notamment lorsque l’on commence à importer du code. Une erreur de manipulation peut en effet rendre votre site inaccessible. Si vous avez le moindre doute ou souhaitez effectuer une révision spécifique, contactez le service support de Spade avant d’effectuer toute manipulation.

10 - Identité de votre site : logo, favicon et slogan

Par “identité du site”, au-delà de son nom de domaine, il s’agit de son image et des quelques mots qui l’accompagneront partout où il sera mentionné (dans les onglets d’un navigateur, le résultat d’une recherche, …)

💡

La configuration de l’identité du site se fait dans l’onglet Apparence → Personnaliser → Identité du site depuis le tableau de bord

image
image
image

a - Logos

  • Cliquer sur “Changer le logo” et sélectionner dans la médiathèque de votre site qui s’ouvre, le nouveau logo souhaité
  • Logo secondaire (facultatif)→ vous pouvez sélectionner une deuxième version du logo, pour l’afficher dans le pied de page (footer) par exemple

b - Titre du site et slogan

  • Saisissez le titre de votre site (par exemple : Minos)
  • Saisissez le slogan de votre site (par exemple : un thème Minotaure)
💡
La gestion de 2 logos, un dans l’entête/barre de navigation et un autre dans le pied de page (footer), vous permet une plus grande adaptabilité en fonction des dispositions des couleurs dans le thème et celles de votre logo. Selon la couleur de fond des barres de navigations et du pied de page, vous pouvez ainsi avoir un logo en négatif si besoin. Les couleurs des éléments du footer (titres, listes et arrière-plan) sont également configurables. Lire plus sur la configuration des couleurs dans le footer.

c - Icône du site ou favicon

L’icône du site, c’est aussi ce que l’on appelle le favicon : cette petite icône qui symbolise votre site web dans l'onglet du navigateur et vient compléter votre identité visuelle. Elle est visible tout à gauche de la barre d'adresse et sur les onglets de votre navigateur

image
💡
Avant de sélectionner la favicon, travaillez cette image, pour l'avoir en bonne définition (on conseille un PNG transparent de 512x512 pixels) et avec le bon visuel. C'est généralement une version réduite du logo au format carré, qui doit être reconnue au premier coup d'oeil et rester visible / lisible en tout petit !

Une fois ces éléments spécifiés, cliquez sur “Publier” en haut à droite pour sauvegarder et voir les éléments apparaître sur votre site où ils sont configurés !

Aller sur Les Réglages généraux du site →