Aide sur l'éditeur Gutenberg
Johannes Gensfleisch zur Laden zum Gutenberg, dit Gutenberg, né vers 1400 à Mayence
  • Gutenberg est l’inventeur de la presse typographique. Ce n’est donc pas pour rien que votre outil de conception de pages web se nomme l’Éditeur Gutenberg.
  • L’éditeur Gutenberg est très récent, il a été totalement intégré en mars 2019 à la dernière version de WordPress 5.1.1. Sa conception révolutionne les possibilités de l’utilisateur lambda. Gutenberg utilise la technologie des blocs, les blocs sont capables d’une multitude de possibilités : vidéo, image, diaporama, paragraphes, etc..
  • Les blocs ne nécessitent pas de connaissances particulières, ils sont préréglés. L’utilisation de Gutenberg est d’une facilité déconcertante, c’est ce que nous allons étudier ensemble.
Votre lieu de travail
Il est facile de donner du style à votre présentation

Le tutoriel a été réalisé avec l’éditeur Gutenberg

“Il est censé vous inspirer tout en vous libérant des contraintes techniques”

L’éditeur Gutenberg est simple, intuitif et ne présente que les options du bloc en action

Votre site Force-citoyenne.fr et les blocs de l’éditeur Gutenberg sont “RESPONSIVE”, ils s’ajustent automatiquement aux modes de lecture : smartphone, tablette ou PC

Les blocs utilisés dans cette page sont décrits en italique :

Blocs utilisés pour l’en-tête du tutoriel

Blocs : Colonnes (Catégorie : Mise en page) – Image (Catégorie : Les plus utilisés) – Liste (Catégorie : Les plus utilisés) – Image

Table des matières

Bloc : Table of content (Catégorie : Ultimate blocs). Pour ajouter une matière, ajouter un bloc Titre dans votre page.

Introduction

Éditer sur le site
A savoir
Recommandations
Que sont les blocs ?

Pour éditer une page ou un article vous devez être inscrit. Pour vous inscrire : remplir le formulaire d’inscription.

Accéder à vos outils d’édition : Vous devez être connecté(e) à internet comme utilisateur(trice) du site depuis l’adresse : force-citoyenne/wp-admin. Entrez votre nom d’utilisateur(trice) et votre mot de passe pour accéder à votre tableau de bord. Cochez « Se souvenir de moi » pour ne pas avoir à capturer à chaque fois.

 Si vous rencontrez une difficulté avec Gutenberg n’hésitez pas à nous en faire part. Vous nous permettez ainsi de compléter le tutoriel. Envoyer votre question à contact@force-citoyenne.fr.

Concevoir la présentation (design de la page) et préparer le contenu (texte, image) avant de le faire sur internet.

Préparer le sujet sur l’ordinateur est la meilleure alternative, stockez les éléments de votre page (Titre, textes, liens, images, vidéos..). Vous gagnerez en temps et en qualité.

Une déconnexion internet peut vous faire perdre tout votre travail.

Sur le net sauvegardez régulièrement votre travail : Mettre à jour.

Préparez vos images au plus près de ses dimensions définitives dans la page, cela vous évitera les problèmes de sur-dimensionnement ou l’inverse.

Votre photo peut-être horizontale ou verticale, ces mesures sont pour le coté le plus grand et à titre indicatif :

Vignette : 250 pixels

Photo : 450 pixels

Plein écran : 1024 pixels

Nous reviendrons plus en avant sur le travail des images.

Par respect pour l’internaute vous devez veiller à la bonne orthographe de vos textes. Quand l’éditeur Gutenberg souligne un mot de votre texte en pointillés rouges c’est qu’il a repéré une faute, un clic droit dans la zone pour avoir une proposition de correction. Les processeurs de texte actuels ont aussi cette capacité, préparez votre texte avant sa publication sur le net.

Une page internet doit être achevée avant sa publication, une page en construction risque de décevoir l’internaute et cela peut nuire à l’image de marque et à la fréquentation du site.

Une page internet est constituée de blocs empilés, chaque bloc est programmé pour exécuter une action spécifique.

L’éditeur Gutenberg mets à votre disposition une bibliothèque de blocs préréglés que vous disposerez les uns sur les autres, comme un jeu de LEGO, les blocs sont classés par catégories.

Un bloc est figuré à l’écran par une zone rectangulaire dans laquelle sera inséré le média : Texte, images, vidéos, son, etc..

Un bloc ne présente que les options qui lui sont dédiées, ainsi vous ne vous perdez pas.

Pages à onglets

Bloc : Tabbed Content (Catégorie : Ultimate blocs). N’accepte que du texte.

Présentation des outils

Votre ambiance pour la conception de pages et d’articles :

Vos outils (partie supérieure à l’écran)

Réglages des Paramètres de Gutenberg [à droite)
Le très commode : Défaire – Refaire
Barre des options de bloc (exemple : les options du bloc paragraphe)
Prévisualiser – Publier votre page


Les options du document et du bloc sélectionné (colonne latérale de droite)

Les options du document (votre page)
Les options du bloc sélectionné

En ligne

Blocs : Rows (Catégorie CoBlocks) – Image. Colonnes où les contenus sont ajustés horizontalement.


Partagez sur vos réseaux

Cet article vous a-t-il été utile ?

Notez sa pertinence

Moyenne des notes 5 / 5. Vote compteur: 1

Soyez le premier à le noter

Cet article vous a été utile ...

Suivez nous sur les réseaux sociaux

Retour haut de page