Instructions articles

Notes

Lors de la rédation, noter qu’un changement de paragraphe [Maj+Enter] force un changement de bloc (Module). Avec un changement de ligne [Enter] on reste dans le même module.
En général, se fier sur le formatage du texte qui est décidé d’avance pour tout le site.
Pour les sous titres, utiliser « Paragraphe » >>> « Heading 3 ».
Si vous voulez mettre de l’emphase sur une Rangée (bloc vert) ou un Module (bloc noir), vous pouvez grossir la police ou mettre une couleur de fond.

Écrans et images

Les images doivent toujours être en PNG, JPG ou GIF et à une résolution de 72 ppp. Les déposer dans la « Médiathèque », qui est accessible par le Tableau de bord de WordPress sous « Médias ». Cliquer sur « Téléverser le fichier ». WordPress s’occupe de faire des copies de chaque image en 7 différentes tailles pour usage dans les différents appareils (cellulaire, tablette, portable…). C’est généralement l’écran du visiteur qui décide de la taille à afficher.

Par défaut, le site utilise une « Image mise en avant » qui prend toute la largeur de l’article et se place entre le titre de l’article et le début du texte. Pour utiliser un autre format d’image, veuillez suivre les instruction de Utiliser un autre format d’image plus bas.

« Image mise en avant » : Privilégier le rapport largeurs / hauteur : [1080 px X 675 px ] soit un rapport [ 100 % X 62,5 % ] ou 8/5. L’image ne dépasse jamais 1080 px et si la hauteur est de plus de 675 px, elle sera coupée. L’image d’aperçu s’affiche dans un écran d’ordinateur au même rapport de 62,5 % soit 400 px c 250 px. Dans une tablette ou un cellulaire, le navigateur du visiteur choisira la taille optimisée pour l’écran en question.

Créer un article

Dans le tableau de bord de WordPress, cliquer sur Articles > Ajouter un article.
Saisir le titre désiré puis ajuster les paramètres de l’articles dans la colonne de droite :

•  La date de création de l’article et le nom de son auteur s’inscrivent automatiquement et peuvent être modifiés maintenant ou plus tard.
• Choisir les catégories selon l’endroit où l’on veut afficher l’article. Il y a 3 cases à cocher :
• Accueil, Accueil actualités, Actualités  OU
• Accueil, Accueil événements, Événements
• Écrire un extrait de l’article qui paraîtra en accueil et dans la page « Évènements » ou « Articles ».
• « Définir l’image mise en avant ». Sinon, utiliser la méthode sans image mise en avant décrite plus bas. Si l’image n’est pas déjà dans la « Bibliothèque », « Téléverser le fichier ». Au besoin, cliquer sur « Modifier l’image ».
• « Rédiger un extrait » de l’article de moins de moins de 20 mots.
• Dans le centre de la page, après « Construisez votre mise en page avec Divi » cliquer sur « Utiliser Divi Builder », patienter une minute.

Choisir « Construire à partir de zéro ».

Choisir le nombre de colonnes pour l’article, habituellement une seule mais libre à vous.

« Insérer un module », habituellement le module « Texte » mais d’autres modules peuvent être utilisés surtout s’il y a plus d’une colonne.

Dans « Texte Paramètres », l’onglet « Contenu », remplacez le texte par défaut en saisissant votre texte. Si vous copiez collez du texte [Ctrl + v] à partir d’une autre application, après collage, surlignez tout ce texte puis cocher le bouton [T] prévu pour déformater le texte et ainsi prendre le ormat par défaut pour les articles.

Cliquer sur le √ vert pour sauvegarder le contenu du module.

Pour sauvegarder l’article : cliquer sur [ … ] au bas de la page puis sur « Enregistrer le brouillon » si l’article n’est pas terminé, sinon « Publier ».

Utiliser un autre format d’image

Dans le tableau de bord, cliquer sur Articles > Ajouter.
Ne pas saisir le titre de l’article maintenant mais ajuster les paramètres dans la colonne de droite :

•  La date de création de l’article et le nom de son auteur s’inscrivent automatiquement et peuvent être modifier plus tard.
• Choisir les catégories selon l’endroit où l’on veut afficher l’article.
• Écrire un extrait de l’article qui paraîtra en accueil et dans la page « Évènements » ou « Articles ».
• Définir l’image mise en avant
• « Rédiger un extrait » de l’article de moins de moins de 20 mots.
• « Titre du Poste : », choisir « Masquer ». *
• « Utiliser Divi Builder », patienter une minute.

* : Ces deux éléments vont ensemble. Si on veut utiliser un autre format que l’image mise en avant, il faut masquer le titre du « Poste » (ici, mauvaise traduction de « Post », on parle du titre de l’article.

« Construire à partir de zéro »

Choisir le nombre de colonnes, ici 2 ou plus car on veut placer une image dans une des colonnes.

« Insérer un module ». Décider si on veut une image à gauche, du texte à droite ou autre configuration des colonnes et choisir les « Modules » en conséquence.

Dans « Texte Paramètres », l’onglet Contenu, changer le texte par défaut en saisissant votre texte. Si vous copiez collez, cocher d’abord le bouton [T] prévu pour déformer le texte et coller votre texte [Ctrl + v].

Cliquer sur le √ vert pour sauvegarder.

Pour sauvegarder l’article : cliquer sur [ … ] puis sur « Enregistrer le brouillon » sinon « Publier »

Page de l’équipe

https://eacat.ca/equipe/
Afin de garder une uniformité j’ai créé un  modèle dans la bibliothèque que j’ai nommé équipe.
Pour raffiner ce modèle, aller dans Tableau de bord/DIVI/Bibliothèque DIVI. Faire les modifications et sauvegarder.

C’est le module « Personne » qui servi à créer ces modèles.
Ça inclus une photo et 2 champs texte.
J’ai fait une mise en page (un bloc) pour facilité l’ajout de membres.

Ajustement à faire pour les photos.

Nom des fichiers photos :
Choisir des noms courts, sans espace, sans accent sans ponctuation. ex. : eqRPiche.jpg
De mettre « eq » comme premières lettres permettra un regroupement naturel des photos d’équipe dans un tri alphabétique.
Dimensions : 200 px X 300 px.

Idéalement, il serait sage d’uniformiser la hauteur de corps des personnes. Parfois un voit un buste jusqu’à la ceinture d’autre fois, c’est jusqu’au 1er bouton de chemise. Parfois on voit les épaules parfois non.
Je te suggère de prendre, pour dénominateur commun, la photo qui a le moins de hauteur de buste et aussi le moins de largeur d’épaule.

Ajouter un document interne

Copier le titre du document que vous voulez afficher dans votre presse papier. Déposer le document dans « Médias », la médiathèque de WordPress. Cliquer sur « Modifier », à droite de l’icône, puis coller le contenu du presse papier dans la 1re ligne de cette page.

Aller dans eacat.ca/docs. Choisir la colonne où l’on veut ajouter le document et cliquer sur le [ + ] noir au bas du premier document de la colonne.