- 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.
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
– 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)
Les options du document et du bloc sélectionné (colonne latérale de droite)
En ligne
Blocs : Rows (Catégorie CoBlocks) – Image. Colonnes où les contenus sont ajustés horizontalement.
Partagez sur vos réseaux