Articles - de A à Z
Articles - de A à Z

Articles - de A à Z

Le bloc Articles

Les Articles font partie des blocs “dynamiques”, ce qui signifie qu’ils affichent dynamiquement un contenu créé ailleurs. Vous n’aurez pas à les recopier plusieurs fois sur votre site, juste à les appeler quand cela vous semblera opportun !

Un bloc pour afficher - généralement en colonnes - des articles rédigés et publiés au sein de WordPress depuis le module de contenu du même nom. Vous pouvez choisir le nombre d’Articles affichés. Ils apparaissent sous la forme de lignes de trois colonnes.

Le bloc Articles se compose comme suit :

  • un champ Titre
  • un champ Introduction - un éditeur de texte avec les fonctionnalités d'enrichissement typographique de base (liste à puces, gras, italique...)
  • un sélecteur de Posts ou Articles qui permet de contrôler l’affichage des articles de façon automatique ou manuelle
    • automatique : le bloc n’affichera que les articles des catégories ou des tags que vous aurez sélectionnés
    • manuelle : vous sélectionnez un par un les articles que vous souhaitez afficher parmi la liste des existants
  • vous pouvez affiner la sélection en choisissant les témoignages dont les tags sont A, et/ou B, et/ou C, etc.
  • L’affichage des Articles se fait au choix par ordre alphabétique ou de date, croissant ou décroissant. Vous pouvez choisir le nombre d’Articles affichés. Ils apparaissent sous la forme de lignes de trois colonnes.

Créer un Article

image

La première chose à faire est de créer des Articles, afin de pouvoir ensuite les appeler dans des Blocs Minos “Articles”.

Rendez-vous dans le menu à gauche de votre tableau de bord, dans Articles > Ajouter un Article

  1. Commencez par lui donner un titre en cliquant sur cette phrase qui appelle à l’action : “Saisissez le titre”. Ce titre sera celui de l’événement, et celui visible dans le slug (= url).
  2. Cliquez sur le + pour ajouter les blocs souhaités (dans l’exemple, nous avons utilisé le bloc Colonnes)
  3. Cliquez sur le petit crayon en haut à droite du bloc, pour entrer dedans et l’éditer
  4. Disposez les blocs, leurs textes et images selon votre souhait
  5. Indiquez les informations pratiques de l’événement
  6. Associez une ou plusieurs catégories à votre Article (ex : News)
  7. Ajoutez un extrait (”Edit excerpt” en anglais)
  8. Ajoutez une image mise en avant
  9. Publiez !

Une fois cet article créé, et une catégorie lui étant assignée, nous pouvons l’appeler grâce au bloc complexe “Articles” au sein d’une autre page.

Ce bloc “Articles” appellera les articles créés précédemment et les affichera selon les paramètres de configuration dans Minotaure que vous aurez décidé en amont (voir section suivante).

Configuration dans Minotaure

La façon dont les Articles sont rendus visuellement dépendent des paramètres de configuration dans l’espace Minotaure (en bas à gauche de votre dashboard). Vous y retrouverez tous les paramètres d’affichage des blocs complexes : avec une vue en bloc, en Page et en Index.

Vue en bloc de l’élément Articles dans Minos, avec une prévisualisation des modifications apportées dans la partie droite de l’écran
Prévisualisation au centre / paramètres à gauche + croix pour fermer

a - Bloc

Général

  • Sélecteur de variantes → position des texte, image et boutons. Selon l’option choisie, vous définirez l’arrondi du contenant
  • Sélection du type de contenant (de l’ensemble du bloc), et selon, définition de l’épaisseur et de l’arrondi de la bordure du contenant

En-tête

  • Choix de l’alignement du titre
  • Choix de la typographie du titre (parmi celles créées au préalable)
  • Choix de la typographie de la description (parmi celles créées au préalable)

Encadré

  • Choix du type d’encadré (pour chaque article du bloc). Selon, définition de l’arrondi de l’image et/ou de l’épaisseur et de l’arrondi de la bordure de l’encadré
  • Choix du style de typographie du titre et des informations de l’article (auteur, date, etc.)
  • Choix du style de typographie de l’extrait
  • Sélection des informations à afficher dans le bloc (date extrait, catégories)
💡
Le format de la date se définit au niveau du tableau de bord, sous l’onglet Réglages > Général N’oubliez pas d’enregistrer 🙂 Voir plus d’information sur les réglages généraux

Couleurs

  • Choix de la couleur de la bordure et du fond du contenant des informations
  • S’il y a un encadré, choix de la couleur de la bordure et du fond de l’encadré
  • S’il y a un contenant, choix de la couleur de la bordure et du fond du contenant
  • Choix de la couleur de fond du bloc

Boutons

  • Primaire → choix du style du bouton primaire parmi la liste de ceux créés au préalable
  • Secondaire → choix du style du bouton secondaire parmi la liste de ceux créés au préalable
  • Tertiaire → choix du style du bouton tertiaire parmi la liste de ceux créés au préalable
  • Lien basique → choix du style du lien simple parmi la liste de ceux créés au préalable
  • Choix du style de bouton pour le “Lire plus” (qui mènera à la single de l’article)
  • Choix du style de bouton pour le “Voir tous les articles” (= bouton archive, qui mènera à la page index listant tous les articles publiés)

Ajouter une nouvelle composition = refaire le tout pour un nouveau style de bloc, pour avoir un bloc Articles différent à réutiliser à l’envi.

  • Nommez votre nouvelle composition, et reprenez un à un les éléments ci-dessus !
  • Vous pouvez supprimer ou dupliquer ces nouvelles compositions (pratique pour ne faire que de petites variantes rapidement !)
  • À tout moment, vous pouvez réinitialiser chaque groupe d’éléments : le groupe reprend le réglage de celui du bloc par défaut (si vous avez sauvé entretemps).

b - Page

→ ARTICLE

Général

  • Sélecteur de variantes : position des éléments dans la page

Contenu

  • Choix de l’arrondi de l’image
  • Choix de la typographie du titre de l’article
  • Choix de la typographie des informations de l’article (texte, auteur, date, catégories, etc.)
  • Choix des informations à afficher sur la page
💡
Le format de la date se définit au niveau du tableau de bord, sous l’onglet Réglages > Général N’oubliez pas d’enregistrer 🙂 Voir plus d’information sur les réglages généraux

Couleurs

  • Choix de la couleur du fond de la page
  • Selon la variante, choix de la couleur de fond secondaire

→ ARTICLES SIMILAIRES

💡

Le style des encadrés des articles similaires dépend du bloc Article par défaut (s’il y a des compositions, il prend les configurations du bloc par défaut).

Général

  • Sélecteur de variantes, et le cas échéant, définition de l’épaisseur et de l’arrondi de la bordure

Contenu

  • Choix du style de typographie des articles listés
  • Saisie du libellé “lire plus” (qui mène à la single / page de ces articles similaires)

Couleurs

  • Choix de la couleur du fond et de la bordure du contenant des articles similaires
  • Choix de la couleur de fond de la section

c - Index

💡

Le style des encadrés des articles dépend du bloc Articles par défaut (s’il y a des compositions, il prend les configurations du bloc par défaut)

→ MISE EN PAGE GENERALE

Général

  • Sélecteur de variantes → présentation et disposition sur la page listant les articles publiés (index). Selon le choix, définition de l’épaisseur et de l’arrondi de la bordure

En-tête

  • Sélecteur de variantes → choix de la position des éléments dans l’entête
  • Saisie du titre de la page index
  • Choix de la typographie du titre de la page index
  • Choix de la typographie des résultats de recherche
  • Filtres :
    • Choix des filtres de recherche affichés sur la page index. Pour chaque filtre, saisie du nom de l’élément et de l’intitulé si aucun n’est trouvé
    • Choix de la typographie des filtres
    • Définition de l’épaisseur et de l’arrondi de la bordure des filtres
    • Choix du style du bouton de réinitialisation des filtres

Contenu

  • Saisir le texte du bouton “lire plus” des articles

Couleurs

  • Filtres : choix de la couleur de bordure et de fond des filtres et de la couleur des filtres actifs (= cochés)
  • Contenant : choix de la couleur de fond et de bordure du contenant s’il y a
  • Choix de la couleur de fond de la page

→ 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