Présentation des différents blocks de l’éditeur d’article

Présentation des différents blocks de l'éditeur d'article

cover
La nouvelle version de GeniusFactory vous propose un éditeur d'article tout neuf. Découvrez les options disponibles pour utiliser tout son potentiel.

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.

  1. Ton block, clique pour le transformer en un autre block compatible
  2. Déplace ton block n’importe où dans ton contenu en glisser-déposer
  3. Déplace ton block d’un block vers le haut ou vers le bas
  4. Option : dupliquer le block, copier, supprimer le block

options générales des blocks
transformer un block en un autre block compatible

Transformer un block Paragraphe en block Titre ou liste :

  1. Clique sur l’icone paragraphe S
  2. 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:

options block texte
  1. Permet d’aligner le texte, à gauche, au centre ou à droite
  2. Permet de mettre le texte en gras
  3. Permet de mettre le texte en Italique
  4. Ajouter un lien vers un autre site ou un autre article
  5. 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:

options titres

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.

options listes
  1. Choisir le style de liste: numérotée ou par points
  2. Incrémenté vers la droite un élément pour créer un sous élément. (parent/enfant)
  3. 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:

options tableaux

Vue sur le site:

tableau en front-end

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:

block feedback

Vue sur le site:

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

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

texte alternatif des images

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

options bannières
  1. Personnalise l’emplacement du texte
  2. Personnalise la hauteur de la bannière
  3. 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.

personnalisations des colones

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.

Ces articles devrais te plaire :

Laisser un commentaire

S’abonner
Notifier de
guest
0 Commentaires
Inline Feedbacks
View all comments

GeniusFactory | Développé par Jérémy Leroy – Création de site Web professionnel.

© 2017 – 2024 geniusfatory.fr | Mentions-légales