Mise en page
Mise en page

Mise en page

1 -Page 404 (= page d’erreur)

Général

  • Choix de l’alignement du texte dans la page
  • Choix du type de contenant → placer ou non un container à la page, et si oui définir l’épaisseur et l’arrondi de la bordure

Contenu

  • choix de la typographie du titre
  • choix de la typographie du texte
  • Choix du style du bouton “retour vers la page d’accueil”

Couleurs

  • Choix de la couleur de fond et de la bordure du contenant s’il y en a un
  • Choix de la couleur de fond de la page

2 -Recherche

a - Mise en page

Général

  • Choix de l’alignement des éléments dans la page
  • Choix du type de contenant, et définition de l’arrondi et de l’épaisseur de la bordure le cas échéant

En-tête

  • Sélecteur de variantes → choix de la position des éléments dans le heading
  • Choix de la typographie du titre du listing
  • Choix de la typographie des résultats de recherche

Couleurs

  • Choix de la couleur de bordure et de fond du contenant s’il y a
  • Choix de la couleur de fond de la page de résultats de recherche
  • Selon la variante, choix de la couleur secondaire

b - Filtres de recherches

Contenu

  • Choix des filtres qui seront activés sur la recherche
    • pour chacun, définition de l’intitulé pour la sélection de l’élément et de l’intitulé si aucun élément n’est trouvé
  • Choix du style de typographie des filtres
  • Définition de l’épaisseur de la bordure et de l’arrondi des cases où seront les filtres
  • Choix du style du bouton de réinitialisation

Couleurs

  • Choix de la couleur du filtre actif
  • Choix de la couleur de la bordure du filtre
  • Choix de la couleur de fond du filtre

c - Pagination

Général

  • Sélecteur de variantes : choix du style de la pagination. Selon le choix, définition de l’épaisseur et de l’arrondi de la bordure des éléments
  • Sélection du style de police de la pagination

Couleurs

  • Choix de la couleur du texte au survol
  • Choix de la couleur de bordure de la pagination, standard et au survol
  • Choix de la couleur de fond de la pagination, standard et au survol
  • Choix de la couleur de la flèche de la pagination, standard et au survol

d - Encadré

Contenu

  • Sélecteur de variantes : choix du style de l’affichage des résultats de recherche : encadré ou non
    • Selon la variante, définition de l’épaisseur et de l’arrondi de la bordure des cadres ou de la bordure
  • Choix des informations qui seront affichées pour chaque résultat de recherche (catégories, dates, …)
    • Choix du style de police des informations affichées
    • Choix du style de police du titre de l’encadré (de l’élément trouvé)
    • Choix des autres informations affichées :
      • Extrait → si coché, choix du style de police de l’extrait
      • Réseaux sociaux → si coché, sélection de la taille de l’icône
      • Image → si coché, choix de la position de l’image et de son arrondi
      • “lire plus” → si coché, choix du style du bouton
      • Elément décoratif avec le bouton → si coché, choix de la décoration qui suit le bouton

Couleurs

  • Choix de la couleur du bouton “lire plus” au survol
  • Choix de la couleur des icônes standard et au survol
  • Choix de la couleur de la bordure de l’encadré du résultat s’il y en a un
  • Choix de la couleur de fond du résultat

Exemples en vidéo

3 -Divers

a - Couleur de fond générale du site

  • choix de la couleur de fond générale du site : tout ce qui est extérieur aux blocs (s’ils n’ont pas de contenant, la couleur de fond sera la couleur de fond du site)

b - Élément décoratif

  • Affichage ou non d’un élément décoratif sur les pages du site (en arrière-plan ou entre les blocs)
  • Si sélectionné, choix du style de la décoration
  • Selon la décoration sélectionnée, choix de sa couleur
💡

Pour la variante bulles, nous vous conseillons de choisir une couleur avec une transparence.

c - Ajouter des scripts

  • Ajouter des scripts dans l’en-tête des pages du site (par exemple, si vous souhaitez ajouter un tracking statistiques, vous aurez un code à ajouter dans l’en-tête des pages de votre site. C’es ici que vous pouvez le positionner)
  • Ajouter des scripts dans le pied de page

← Retour sur Configurer le thème