# Pack Starter Minotaure

# 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.

Wireframe Hero

  • 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.

Hero Widget

# 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.

Wireframe Image Text Widget

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 Text Widget

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 Text Widget

# 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é.

Wireframe Colonnes

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.

Wireframe Image Text Widget

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...

Wireframe Content editor

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.

Wireframe Video

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.

Video

# Image

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

Wireframe 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

Wireframe Form

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 Wireframe

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.

Wireframe Articles

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

Last Updated: 2020-10-16 13:56:49