Pack Starter

TABLE DES MATIÈRES

Hero

Le Hero est un module qui permet de communiquer via un grand visuel et un court texte d'accroche . Il est généralement utilisé au début d'une page juste après le menu général.

image
  • Le champ Titre est le titre principal du widget, il est notamment visible quand celui-ci est fermé.
  • Le champ Description est un éditeur de texte qui vous permet de disposer de fonctionnalités d'enrichissement typographique : liste à puces, gras, italique...
  • Le bouton ajouter une image vous permet de téléverser l'image principale du widget généralement diffusée en fond (prévoyez une taille minimum de 1000px de large).
  • Le bouton Call to action vous permet d'ajouter un nombre illimité de boutons au sein du hero.
image

Texte & image

Le Texte & image est un module qui permet de communiquer via un visuel d'un côté et un texte de l'autre. Il permet d'alterner plusieurs blocs avec tantôt l'image à gauche et le texte à droite, tantôt l'image à gauche et le texte à droite.

image

Les blocs s'inversent une fois sur deux automatiquement.

  • Le champ Titre est le titre principal du widget, il est notamment visible quand celui-ci est fermé.
  • Le champ Description est un éditeur de texte qui vous permet de disposer de fonctionnalités d'enrichissement typographique : liste à puce, gras, italique... Il apparaît juste après le titre en introduction des éléments en alternance.
  • Le bouton Ajouter une section vous permet de rajouter un ou plusieurs blocs de texte/image.
image

Chaque bloc de texte/image est constitué :

  • D'un bouton Ajouter une image
  • d'un champs Titre
  • d'un champs de texte enrichi
  • d'un champs Lien ainsi que son Label
image

Multi colonnes

Le Multi colonnes est un module qui permet de répartir son contenu en colonnes. Il n'y a pas de limite aux niveau de l'ajout des colonnes mais la mise en page est généralement limitée à un maximum de 4 colonnes dans un environnement large écran pour une question de lisibilité.

image

Comme les autres modules (voir-ci-dessus), il y a d'abord une série de champs d'introduction ( titre, description, bouton).

Ensuite, il y a le bloc pour ajouter les colonnes.

image

Dans chaque colonne, vous pouvez configurer :

  • Un titre
  • Un texte via un éditeur de texte qui vous permet de disposer de fonctionnalités d'enrichissement typographique : liste à puce, gras, italique...
  • Une image à téléverser ou à récupérer de la médiathèque WordPress.
  • Une URL : celle-ci fera l'objet tantôt d'un lien sur l'image tantôt de l'ajout d'un bouton/lien avec un label type Lire plus selon la configuration de votre site web.

L'affichage du nombre de colonnes par rangée est calculé automatiquement par Minotaure.

Editeur de contenu

L'Editeur de contenu est un simple éditeur de texte qui vous permet de disposer de fonctionnalités d'enrichissement typographique : liste à puce, gras, italique, différents niveaux de titres...

image
💡
Conseil Chaque style de texte a son importance tant pour votre SEO que pour l'accessibilité de l'information. Structurer votre contenu avec des titres et sous-titres améliore également le taux de lecture de vos contenus. Pensez ainsi à la sémantique que vous souhaitez mettre en place en fonction des outils de mise en page disponibles.

Vidéo

Le module Vidéo comme son nom l'indique permet d'ajouter une vidéo au sein de votre page.

image

Les composants de ce modules sont :

  • Un titre principal
  • Un texte introductif
  • Le titre associé à la vidéo
  • Le texte descriptif de la vidéo (dans certains cas, il peut servir de retranscription du contenu sonore ou visuel de la vidéo pour des questions d'accessibilité)
  • Le plus important la vidéo elle-même : il suffit d'ajouter le lien provenant de votre plateforme vidéo préférée : YouTube, DailyMotion, Viméo.
  • L'image permet de définir un visuel personnalisé qui apparait avant que la vidéo ne s'enclenche quand on clique sur l'icône play
📢
Attention Soyez attentif à utiliser le "bon" code pour la vidéo. Il s'agit du code complet (pas de short code) sans paramètre. Exemple pour YouTube : - le bon code est https://www.youtube.com/watch?v=knzsyZWbN7g - le shortcode proposé lors du partage par YouTube est https://youtu.be/knzsyZWbN7g (remarquez comme l'adresse est tronquée, raccourcie). Pas bon! - Ceci est un mauvais code car il y a un paramètre ajouté après l'identifiant de la vidéo (commence par `&`) https://www.youtube.com/watch?v=knzsyZWbN7g&ab_channel=KEXP Conseil : copiez l'url qui s'affiche dans la barre d'adresse de votre navigateur et retirez les éventuels paramètres.
image

Image

Le module Image est très semblable au module Vidéo : il permet d'ajouter une image au sein de votre page.

image

Les composants de ce modules sont :

  • Un titre principal
  • Un texte introductif
  • Le titre associé à l'image'
  • Le texte descriptif de l'image
  • Le plus important l'image elle-même : il suffit d'ajouter l'image depuis la médiathèque de WordPress ou de la téléverser en cliquant sur ajouter une image
image

Formulaire

Le module Formulaire vous permet d'ajouter un formulaire préalablement créé via le module de contenu spécifique installé sur votre WordPress

image

Comme les autres modules (voir-ci-dessus), il y a d'abord une série de champs d'introduction (titre et description).

Ensuite il faut sélectionner le formulaire que vous souhaitez afficher à cet endroit de la page.

image

Les champs titre et description du formulaire permettent d'ajouter un contexte particulier à votre formulaire par exemple un avertissement sur la collecte de données (RGPD).

📢
Attention Il est impératif d'avoir créé au minimum un formulaire depuis le module de contenu spécifique accessible via le menu latéral gauche de WordPress.
image

Liste d'articles

Le module Liste d'articles permet d'afficher le plus 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.

image

Comme les autres modules (voir-ci-dessus), il y a d'abord une série de champs d'introduction (titre et description).

Il y a ensuite une série de paramètres qui permettent de définir quels articles faire apparaître à cet endroit de la page :

  • L'Ordre permet de définir la chronologie d'affichage : du plus récent au plus ancien ou l'inverse
  • En mode automatique, le nombre d'articles (donc de colonnes)
  • En mode automatique, éventuellement une catégorie d'articles si vous avez défini des catégories et que vous avez liés vos articles à celles-ci.
  • En mode automatique, la sélection permet de partir des dernières articles encodés ou de choisir aléatoirement des articles dans la liste complète
  • En mode manuel, vous accédez à un petit moteur de recherche qui vous permet de définir spécifiquement les articles souhaités.
image

Tableau

Le module Tableau vous permet d'ajouter un tableau de données statiques dans votre page

Une fois le titre ajouté, vous pouvez utiliser le formulaire mis à disposition pour ajouter du contenu textuel avec les éléments de mise en page habituel de l'éditeur de contenu Minotaure (gras, italique, lien...).

L'éditeur de contenu Minotaure du module Tableau contient cependant une option supplémentaire qui permet la création d'un tableau. En cliquant sur l'icône "table" en haut à gauche de l'éditeur, on accède à un sous-menu qui permet de définir le nombre de colonnes et de lignes souhaitées. Le tableau apparait alors dans l'éditeur et chaque cellule peut être remplie par du contenu. En cliquant sur ce tableau, il y a un menu contextuel qui apparaît et qui permet d'insérer ou supprimer des colonnes ou lignes.

image