En général
Pour ajouter un nouveau block paragraphe: il te suffit de cliquer sur la touche “ENTRER”.
Ajouter un block rapidement: dans un nouveau block paragraphe saisi “/” et sélectionnes parmi tes block les plus utilisés. Si tu ne vois pas le block que tu veux ajouter, tu peux aussi entrer le nom du block après le / pour rechercher parmi les blocks disponibles : “/tableau”.
Saisir “1. ” transformera automatiquement un block paragraphe en block liste numérotée.
- Ton block, clique pour le transformer en un autre block compatible
- Déplace ton block n’importe où dans ton contenu en glisser-déposer
- Déplace ton block d’un block vers le haut ou vers le bas
- Option : dupliquer le block, copier, supprimer le block
Transformer un block Paragraphe en block Titre ou liste :
- Clique sur l’icone paragraphe S
- Sélectionne le nouveau block.
Raccourcis claviers:
- Enregistrer > “CTRL + S”
- Annuler une action > “CTRL + Z”
Prévisualiser l’article avant de publier ( en mode brouillon ): clique sur le bouton tout en haut de la page “Voir l’article”, il ouvrira un nouvel onglet avec le rendu de ton article comme un visiteur.
Blocks de texte
Paragraphe
Le block paragraphe sera celui que tu utiliseras le plus, il permet tout simplement d’ajouter du texte.
Pour accéder aux options d’un block paragraphe il te suffit de cliquer sur le paragraphe que tu souhaites modifier.
Quand tu cliques sur la touche “ENTRER” de ton clavier tu vas à la ligne en créant automatiquement un nouveau block paragraphe.
Pour aller à ligne et rester dans le même block paragraphe il faudra cliquer sur “SHIFT+ENTRER” ( la touche avec la flèche vers le haut ⬆️ qui est sous la touche entrer ).
Il vient avec de nombreuses options de personnalisation que nous allons découvrir en dessous.
Options disponibles:
- Permet d’aligner le texte, à gauche, au centre ou à droite
- Permet de mettre le texte en gras
- Permet de mettre le texte en Italique
- Ajouter un lien vers un autre site ou un autre article
- Options supplémentaires: barrer le texte, couleur du texte, …
Titre
Le titre est important pour que le visiteur ne soit pas perdu dans tes explications et les étapes de ton tutoriel.
Choisi des titre explicites.
Options disponibles:
- Permet de sélectionner le Hx adéquate de ce titre.
Pour savoir quel Hx choisir lis ce tutoriel : Les bonnes pratiques SEO pour tes tutoriels - Tu trouveras les options de style de texte: gras, italique, lien, …
Liste
La liste peut-être très utile pour donner une méthode ou lister des étapes clés.
Tu peux choisir parmi 2 styles, les listes non numérotées et les listes numérotées.
- Choisir le style de liste: numérotée ou par points
- Incrémenté vers la droite un élément pour créer un sous élément. (parent/enfant)
- tu trouveras les options de style de texte: gras, italique, lien, …
Tableau
Tu peux facilement ajouter et personnaliser un tableau pour tes tutoriels.
Vue dans l’éditeur:
Vue sur le site:
Feedback
Le block feedback est très utile pour créer de l’engagement sur ton tutoriel. Tu peux poser une question sur un point précis de ton tutoriel. Il faudra ajouter un nouveau block “Feedback shortcode”. Ensuite ajoute ton texte entre les 2 éléments du code, tu peux personnaliser ta question en modifiant la valeur < question=”ta question” >
Vue dans l’éditeur:
Vue sur le site:
Blocks médias
Image
Les photos sont quand même indispensables dans un tutoriel. Ajoute un block image, et téléverse ton image sur GeniusFactory. Essaie de ne pas envoyer des images trop volumineuses la taille maximale d’envoi est de 2Mo.
Tu peux aussi glisser-déposer ton image depuis ton ordinateur directement à l’emplacement voulu.
- Pour rendre ton image cliquable et l’agrandir clique sur l’icone “lien” puis sur “fichier media”. Sur le site elle s’agrandira quand le visiteur cliquera dessus.
- Penses à ajouter le texte alternatif de ton image dans les paramètres de droite pour améliorer ton SEO. tutoriel en lien à lire: Les bonnes pratiques SEO pour tes tutoriels
Ajoute une légende sous ton image si besoin ex: source
Galerie
Comme pour le block image tu peux aussi ajouter une galerie d’image pour présenter plusieurs images sur une même ligne. Les options seront les mêmes.
Bannière
Permet d’ajouter une bannière avec une image de fond et un texte par dessus. Ce block te permettra de créer un tuto encore plus beau et personnalisé.
- Personnalise l’emplacement du texte
- Personnalise la hauteur de la bannière
- Personnalise le fond du texte et soon opacité pour créer une superposition et améliorer la lisibilité du texte
Fichier
Utile pour certaines situations, tu peux ajouter le block “fichier” pour permettre le téléchargement d’un fichier source.
Par exemple une maquette, un fichier texte, …
Privilégie les fichier .pdf, doc, certains types de fichiers ne sont pas autorisés pour des raisons de sécurité.
Média et texte
Le block media et texte te permet d’ajouter une image et le texte à coté.
Vidéo
Permet d’ajouter une vidéo à ton tutoriel, la vidéo est devenue le type de fichier le plus utilisé dans le monde.
Tu pourras ajouter ta vidéo en 2 cliques et apporter une valeur ajoutée à ton tutoriel.
Il est recommandé d’ajouter une vidéo en fin de tutoriel mais de faire le tutoriel et contenu texte et image.
La vidéo ne sera qu’un plus !
Astuce: Colle l’url YouTube de ta vidéo dans un block paragraphe et le block sera automatiquement converti en block vidéo YouTube.
Blocks Design
Colonnes
Personnalise le design de ton tutoriel en ajoutant jusqu’à 3 colonnes avec des dispositions préconfigurées.
Séparateur
Ajoute un block qui permet de séparer visuellement ton contenu. 2 options s’offrent à toi, la ligne qui prend la totalité de la largeur du contenu ou les 3 points qui sont plus modernes et du plus bel effet.
Tu pourras modifier la couleur de ton séparateur.
Espacement
Un block très sympa si tu souhaites ajouter de l’espace entre des blocks. la valeur recommandée est de 32px.
