Étiquette : Wordpress

Si vous êtes utilisateur de WordPress, vous avez probablement déjà entendu parler de l’éditeur Gutenberg. Cet éditeur est le nouveau standard de WordPress depuis la version 5.0, offrant une expérience de création de contenu plus avancée que l’ancien éditeur classique.

Dans cet article, nous allons explorer comment utiliser l’éditeur Gutenberg et pourquoi il pourrait être bénéfique pour votre site.

Introduction à l’éditeur Gutenberg

Pour commencer, voyons ce qu’est l’éditeur Gutenberg. Il s’agit d’un éditeur de contenu basé sur des blocs, c’est-à-dire que chaque élément du contenu est placé dans un bloc individuel qui peut être déplacé, modifié ou supprimé individuellement. L’interface de l’éditeur Gutenberg est également plus moderne et plus épurée que celle de l’ancien éditeur classique, offrant une expérience de création de contenu plus intuitive et plus visuelle.

Qu’est-ce que l’éditeur Gutenberg ?

L’éditeur Gutenberg est le nouvel éditeur de contenu de WordPress. Il est basé sur des blocs qui peuvent être déplacés, modifiés ou supprimés individuellement, offrant une expérience de création de contenu plus avancée et plus intuitive. L’interface de l’éditeur Gutenberg est également plus moderne et plus épurée que celle de l’ancien éditeur classique.

Pourquoi utiliser Gutenberg ?

L’utilisation de l’éditeur Gutenberg peut offrir de nombreux avantages. Tout d’abord, il offre une expérience de création de contenu plus avancée et plus intuitive, grâce à l’utilisation de blocs qui peuvent être déplacés, modifiés ou supprimés individuellement. Cela peut aider à rendre la création de contenu plus rapide et plus facile. De plus, l’éditeur Gutenberg offre une meilleure gestion de la mise en page et de la présentation du contenu, car chaque bloc peut être personnalisé individuellement. Enfin, l’utilisation de l’éditeur Gutenberg est essentielle pour bénéficier des dernières fonctionnalités et mises à jour de WordPress.

Les fonctionnalités avancées de l’éditeur Gutenberg

L’éditeur Gutenberg offre de nombreuses fonctionnalités avancées pour la création de contenu en ligne. Par exemple, il offre une fonctionnalité de réutilisation de blocs, qui vous permet de sauvegarder des blocs individuels pour une utilisation ultérieure. Il offre également une fonctionnalité de collaboration, qui vous permet de travailler avec d’autres utilisateurs sur le même contenu en temps réel. Enfin, l’éditeur Gutenberg offre une intégration facile avec d’autres outils et plugins WordPress, ce qui peut vous aider à étendre les fonctionnalités de votre site web.

Premiers pas avec Gutenberg

L’éditeur Gutenberg est l’éditeur par défaut pour la création d’articles. C’est aussi le cas pour les pages sauf si un builder de type Divi, Elementor ou YTP est installé sur votre site. Si vous êtes prêts à essayer l’éditeur Gutenberg, voici quelques étapes pour commencer :

Création d’un nouvel article

Pour créer un nouvel article avec l’éditeur Gutenberg, cliquez sur l’onglet « Ajouter » en haut de votre écran. Vous pouvez alors choisir le type de contenu que vous souhaitez créer (article, page, etc.). Une fois que vous avez sélectionné le type de contenu, vous pouvez commencer à créer votre article en utilisant les blocs disponibles.

Exploration de l’interface de l’éditeur

L’interface de l’éditeur Gutenberg est divisée en plusieurs zones. En haut de l’écran, vous trouverez la barre d’outils qui vous permet de modifier le texte et les blocs. Sur le côté droit de l’écran, vous trouverez les options de blocs, qui vous permettent de choisir les blocs que vous souhaitez ajouter, et de les personnaliser. En bas de l’écran, vous trouverez la zone de contenu, où vous pouvez placer les blocs de votre choix pour créer votre article.

Les avantages de l’éditeur Gutenberg

L’éditeur Gutenberg offre de nombreux avantages pour les utilisateurs de WordPress. Tout d’abord, il permet de créer des articles plus facilement et plus rapidement grâce à l’utilisation de blocs. Ces blocs permettent de structurer le contenu de manière claire et organisée, ce qui facilite la lecture pour les visiteurs de votre site.

En outre, l’éditeur Gutenberg offre une grande flexibilité en termes de personnalisation. Vous pouvez choisir parmi une large gamme de blocs pour ajouter des fonctionnalités à article, telles que des images, des vidéos, des tableaux, des boutons, etc. Vous pouvez également personnaliser chaque bloc en fonction de vos besoins, en modifiant les couleurs, les polices, les marges, etc.

Les inconvénients de l’éditeur Gutenberg

Bien que l’éditeur Gutenberg présente de nombreux avantages, il peut également présenter certains inconvénients pour les utilisateurs de WordPress. Tout d’abord, il peut être difficile à utiliser pour les débutants, car il nécessite une certaine connaissance technique pour comprendre comment fonctionnent les différents blocs et comment les personnaliser.

C’est la raison pour laquelle nous lui préférons l’utilisation du builder YTP.

De plus, l’éditeur Gutenberg peut ne pas être compatible avec certains thèmes et plugins de WordPress. Il est donc important de vérifier que votre thème et vos plugins sont compatibles avec l’éditeur Gutenberg avant de l’utiliser.

Conclusion

L’éditeur Gutenberg est une fonctionnalité intéressante pour les utilisateurs de WordPress qui souhaitent créer des pages et des posts plus facilement et plus rapidement. Bien qu’il puisse présenter certains inconvénients, il offre de nombreux avantages en termes de flexibilité et de personnalisation. N’hésitez pas à l’essayer et à découvrir toutes les fonctionnalités qu’il offre !

Les blocs Gutenberg

Les blocs sont le cœur de l’éditeur Gutenberg. Voici quelques informations sur leur utilisation :

Comprendre les blocs

Les blocs sont les éléments de contenu individuels dans l’éditeur Gutenberg. Chaque bloc peut être déplacé, modifié ou supprimé individuellement, offrant une personnalisation plus avancée du contenu. Les blocs peuvent contenir différents types de contenu, tels que du texte, des images, des vidéos, etc.

Ajout et suppression de blocs

Pour ajouter un bloc, cliquez sur l’icône « Ajouter un bloc » située en haut de la zone de contenu. Vous pouvez alors choisir le type de bloc que vous souhaitez ajouter. Pour supprimer un bloc, cliquez sur le bouton « Supprimer le bloc » situé dans la barre d’outils du bloc en question.

Types de blocs populaires

Il existe une grande variété de blocs disponibles dans l’éditeur Gutenberg, mais voici quelques types de blocs populaires :

• Bloc de paragraphe : pour ajouter du texte
• Bloc d’image : pour ajouter une image
• Bloc de liste : pour ajouter une liste à puces ou numérotée
• Bloc de citation : pour ajouter une citation

Personnalisation des blocs

Chaque bloc peut être personnalisé individuellement en utilisant les options de bloc disponibles dans la barre d’outils du bloc en question. Vous pouvez modifier les couleurs, les polices, les marges, les bordures et plus encore.

Organisation et mise en page

L’éditeur Gutenberg offre de nombreuses options pour organiser et personnaliser la mise en page de votre contenu :

Utilisation des colonnes et des sections

Les colonnes et les sections sont des blocs spéciaux dans l’éditeur Gutenberg qui vous permettent de diviser votre contenu en différentes zones. En utilisant ces blocs, vous pouvez créer des mises en page plus avancées et plus visuelles.

Réorganisation des blocs

Pour réorganiser les blocs dans votre contenu, vous pouvez simplement cliquer sur le bloc que vous souhaitez déplacer, puis le faire glisser vers sa nouvelle position.

Espacement et alignement

L’éditeur Gutenberg offre également des options d’espacement et d’alignement pour aider à améliorer la présentation et la lisibilité de votre contenu. Vous pouvez modifier la distance entre les blocs, ainsi que l’alignement vertical et horizontal du contenu dans les blocs.

Conclusion

L’éditeur Gutenberg est un outil avancé et intuitif pour la création de contenu dans WordPress. En utilisant des blocs pour organiser et personnaliser votre contenu, vous pouvez créer des pages et des posts plus visuels et plus attrayants. Si vous n’avez pas encore essayé l’éditeur Gutenberg, nous vous recommandons de le faire pour tirer parti de toutes ses fonctionnalités.

Les visiteurs de votre site peuvent laisser des commentaires sur vos pages ou sur vos articles. Les commentaires WordPress sont un bon moyen d’encourager les contributions de la part des utilisateurs de votre site et aide à créer un esprit communautaire. Les commentaires peuvent ou non être activés sur votre site internet en fonction de vos besoins. Ils peuvent être activé ou désactivé d’un contenu à l’autre.

Maintenant que vous maitrisez la création d’article, voyons comment se passe la gestion de pages et menu WordPress. Pour rappel ce qui différencie les pages des articles est le classement.

Les articles sont attachés à une ou plusieurs catégories (news – évènements…) ce qui permet un affichage chronologique par catégorie, alors que les pages sont du contenu statique comme une page de contact, la présentation de vos services…

Ajoutez un page

Pour ajoutez une page procédez exactement de la même manière que pour un article depuis le menu à gauche en cliquant sur Page > Ajouter.

L’interface ressemble à s’y méprendre à celle des articles mais vous noterez que vous n’avez plus de catégorie ou de mot clé à renseigner et c’est tout à fait normal vu la vocation des pages. En revanche vous retrouvez les mêmes options de publication.

Par défaut donc, la création de contenu pour une page WordPress se fait depuis l’éditeur Gutenberg. Suivant le thème que vous utilisez il est probable que vous ayez un autre éditeur de contenu comme par exemple WPBakery, Divi, Elementor ou YTP. C’est ce dernier que nous utilisons pour tous les sites de nos clients. En effet YTP est très simple d’utilisation, très puissant, léger, produit un code source très propre ce qui est bénéfique pour le référencement et parfaitement compatible avec les Types de Contenu Personnalisés (CPT) que nous mettons en place pour les besoins de vos sites.

Ajouter un titre

Comme pour les articles, la première chose à faire sera de renseigner un titre. L’URL de votre page ou Permalien sera automatiquement générée à partir du titre que vous avez renseigné mais vous pouvez prendre la main dessus en cliquant dans la colonne de Gauche sur Article > URL

Cliquez sur Enregistrer un brouillon en haut à droit

Ajouter du contenu

Si votre thème utilise l’éditeur de page natif de WordPress Gutenberg, vous pouvez alors commencer à créer votre page simplement de la même manière que vous le feriez avec un article.

Dans le cas contraire, si YTP est installé sur le site que nous vous avons livré, cliquez sur le bouton YOOtheme Builder en haut. Vous accéderez au constructeur de page visuel qui vous permet de créer et de concevoir visuellement votre site Web, sans écrire une seule ligne de code.

Éditer une page

Les pages YOOtheme sont étiquetées avec — YOOtheme dans la liste des pages. La modification d’une page YOOtheme ouvre la vue classique de l’éditeur de page WordPress. L’éditeur est masqué et le bouton YOOtheme Builder s’affiche pour accéder au générateur de pages.

Une fois qu’une page YOOtheme Pro est créée, elle est également accessible Depuis Apparence > Personnaliser. Accédez simplement à la page spécifique dans la prévisualisation dans la fenêtre de droite, puis cliquez sur Builder dans la barre latérale à gauche.

De la même manière lorsque vous êtes connecté à l’interface d’administration de votre site et que vous naviguez en vue normale, c’est à dire comme un visiteur lambda, vous pouvez cliquer sur le bouton Personnaliser dans la barre d’administration qui se trouve en haut de votre site.

Accès aux Pages & Articles

Les articles étant attachés à une ou plusieurs catégories, quand vous ajoutez un article vous n’avez pas à vous soucier de la façon d’y accédez. Des liens vers vos différentes catégories d’articles étant en principe programmées sur votre site, les articles s’afficheront automatiquement dans le flux desdites catégories et ceci automatiquement si vous n’avez pas omis de les cocher dans le panneau catégorie de vos articles. Idem pour les produits de votre boutique e-commerce.

Il n’en est pas de même pour les pages. Lorsque vous créez de nouvelles pages, celle-ci restent invisibles. Il faut donc créer un lien vers celles-ci. Ces liens peuvent être des hyperliens au sein d’un texte, mais vous voudrez certainement ajouter un bouton à votre menu pour y accéder.

Ajouter un élément au menu

Le menu de votre site internet permet d’orienter vos visiteurs. Il est important de bien le structurer, tout comme vos page de façon à offrir à vos internautes une expérience de navigation réussie. C’est un peu comme un menu de restaurant, mal fait, vous ne saurez pas quoi manger ! On accède au gestionnaire de menu depuis le menu à gauche en cliquant sur Apparence > Menu. Le gestionnaire de menu ressemble à ceci.

Sur la partie gauche vous trouverez les types de contenu :

• Pages
• Articles
• Liens
• Catégories

A droite vous voyez la structure de votre menu. Notez que vous pouvez avoir plusieurs menu sur votre site. Il vous faudra alors sélectionner le bon menu avec le sélecteur de menu en haut.

Pour ajouter un élément à votre menu il suffit donc de le ou les sélectionner dans les différents types de contenu à gauche et de cliquer sur le bouton gris Ajouter au Menu.

Une fois les éléments ajoutés au menu vous pouvez les réorganiser et les imbriquer pour créer des sous menu. Pour cela cliquez sur l’élément que vous souhaitez déplacer puis déplacez -le sans relâcher le clic. C’est ce qu’on appel un Glissé/Déposé ou Drag and Drop.

Vous pouvez également Modifier les titres de vos éléments qui reprennent par défaut le nom du contenu. Cliquez sur la petit flèche à droite de l’élément pour l’ouvrir et changer le Titre de la navigation.

Penser à enregistrer vos modifications en cliquant sur Enregistrer le menu en bas à droite.

Nous allons dans l’article suivant aborder rapidement la gestion des commentaires.

Comme nous l’avons déjà vu, une fois que vous êtes connecté à votre interface d’administration, vous accédez à votre tableau de bord. Votre activité principale concernant la gestion de votre site sera consacrée à la gestion des pages, des articles et des produits si vous avez une boutique en ligne. Voyons comment gérer les articles WordPress.

Créer un article

Pour créer un article il suffit de cliquer depuis le tableau de bord sur Article puis Ajouter. La première chose à faire sera de renseigner un titre. L’URL de votre page ou Permalien sera automatiquement générée à partir du titre que vous avez renseigné mais vous pouvez prendre la main dessus en cliquant dans la colonne de Gauche sur Article > URL.

Puis vous pouvez commencer à ajouter des blocs pour mettre en forme votre article grâce à l’éditeur Gutenberg. Pensez lors de la rédaction à structurer votre contenu en utilisant des sous titres, des paragraphes, des listes à puces…

Vous pouvez séparer votre texte en un texte d’introduction visible sur la vue catégories des articles avec un lien Lire la suite vers l’article complet. La séparation entre l’introduction ou extrait et le reste du texte se fait avec le block Lire la suite. Une autre option est de renseigner le champ Extrait dans les options d’article dans la colonne de droite. Dans ce cas il faudra programmer votre thème pour qu’il affiche l’extrait dans la vue catégorie de articles.

Paramètres des articles

Avant de publier votre article, voyons un peu les paramètres qui sont à votre disposition dans le panneau de droite.

Visibilité

Vous pouvez rendre votre article Publique, Privé, ou Protégé par mot de passe. Si vous sélectionnez Protégé par mot de passe, vous serez invité à renseigner un mot de passe. Les internautes qui tenterons d’accéder à ce contenu seront invité à rentrer ce mot de passe. Dans le cas d’un article Public, celui-ci sera accessible par l’ensemble des visiteurs de votre site. Les articles privés sont réservés aux membres enregistrés et connectés de votre site.

Publier

A tout moment vous pouvez Enregistrer un brouillon de votre article.  Une fois le brouillons enregistré, un bouton Prévisualiser les modifications vous permettra de voir à quoi votre article ressemble avant de le publier. Lorsque vous êtes prêt vous pouvez cliquer sur le bouton bleu Publier. Si vous faites une modification à votre article, le bouton Publier sera remplacé par un bouton bleu Mettre à jour. De la même manière, si vous souhaitez valider et publier vos modifications, cliquez sur le bouton Mettre à jour. Vous pouvez modifier la date de publication de votre article à une date antérieure mais surtout, WordPress vous permet de programmer des articles pour qu’ils soient publiés à une date postérieure, idéal si vous avez un article prêt pour une publication mais que vous voulez qu’il soient publier pendant vos vacances ou bien à une date précise correspondant à un évènement.

URL

Comme indiqué plus haut, l’URL de votre page, slug ou Permalien sera automatiquement générée à partir du titre que vous avez renseigné. Par exemple le titre de cet article Les articles WordPress a généré le Permalien les-articles-wordpress. Dans la plupart des cas ce Permalien vous conviendra mais pour des problématiques de référencement vous voudrez peut-être l’optimiser. Dans ce cas vous pouvez prendre la main dessus en cliquant dans la colonne de Gauche sur Article > URL.

Notez que les Permaliens ne peuvent contenir d’espace, de point ou de caractères accentués. Il faut donc remplacer les espaces par des tirets (celui du 6 ou dash en anglais).

Révisison

Un mode révision vous permettra de rétablir une ancienne version le cas échéant. Cliquez sur le bouton Parcourir à droite de Révisions et actionner le curseur pour afficher la version que vous souhaitez rétablir puis cliquez sur le bouton bleu Rétablir cette version en haut à droite.

Catégories

Les catégories permettent de classer les articles de votre site. Vous pouvez par exemple avoir des catégories actualité, évènement… Les articles apparaissent dans la page de la catégorie concerné. Un article peut être présent dans différentes catégories. Une catégorie peut contenir une ou plusieurs sous-catégories et les catégories ne peuvent pas contenir de Page.

Le principe de catégorie fonctionne aussi bien pour les articles que pour les produits d’une boutique en ligne. Nous l’aborderons dans un article dédié au ecommerce.

Cochez les catégories auxquelles vous souhaitez rattacher votre article. Si votre catégorie n’existe pas encore vous pouvez en créer une depuis le même panneau à droite ou depuis le menu à gauche Articles > Catégories.

• Donnez un nom à votre catégorie, par ex. Actualités
• L’identifiant sera automatiquement généré à l’enregistrement depuis le nom (par ex. actualites) et sera utilisé dans l’URL d’accès à la catégorie et aux articles de cette même catégorie.
• Dans la liste déroulante Parent, choisissez si cette catégorie est une catégorie de premier niveau en sélectionnant Aucun ou une sous catégorie en sélectionnant la catégorie parente.
• Le champs Description est facultatif. Si vous le remplissez, celle-ci apparaitra sur la page catégorie correspondante si votre thème prend en charge cette fonctionalité.
• Cliquez sur Ajouter une nouvelle catégorie

Étiquettes

Il ne faut pas confondre les Étiquettes de WordPress avec la balise méta Keyword ou Mot clé (qui d’ailleurs ne sert plus à grand chose), ni avec les expressions sur lesquelles vous souhaitez vous positionner. Les Étiquettes ou Tags de WordPress sont un excellent moyen d’accéder directement à tous les articles traitant d’un même sujet ou possédant ces mêmes étiquettes. Vous pouvez avoir plusieurs tags par article. L’internaute trouve en un clic tous les articles parlant de tel sujet dans votre site en cliquant sur l’étiquette correspondante.

Les tags ou étiquettes sont utiles dans la mesure ou ils amènent un plus en terme de navigation et d’expérience utilisateur, mais il ne faut pas en abuser. Inutile de créer un tag pour un seul article…

Vous pouvez donc ajouter des étiquettes dans le panneau correspondant à droite ou bien cliquer sur Choisir parmi les mots clés les plus utilisés et sélectionner les tags dans la liste existante.

Image à la une

Enfin et pour en finir avec la gestion des articles, vous pouvez paramétré une image à la une. C’est cette image qui illustrera votre article en en-tête. Elle doit représenter votre contenu. Elle sera également utilisée dans la vue catégorie des articles. Bien sûr cette image est nécessaire mais vous pouvez également enrichir votre article avec d’autres images.

Voyons maintenant comment créer une page WordPress et un bouton de menu pour y accéder.

Pour ajouter un média (image – pdf – doc…) à votre contenu, celui-ci doit être présent dans votre bibliothèque média. L’ajout de média à la bibliothèque peut se faire soit directement depuis une page ou un article au moment où vous le rédigez ou bien en l’ajoutant au préalable à la bibliothèque. Le principe reste le même dans les 2 cas. Voyons donc comment se passe la gestion des images dans WordPress.

La bibliothèque média

Vous accédez à votre bibliothèque média depuis le menu à gauche en cliquant sur Média puis Bibliothèque. Voici à quoi ressemble votre bibliothèque média. Elle liste l’ensemble des éléments disponibles et utilisables que ce soit dans une page, un article, un produit de votre boutique…

Le CMS met à votre disposition des outils afin de trier l’ensemble des éléments par type et par date d’ajout. Un moteur de recherche vous permet également de chercher parmi l’ensemble des fichiers.

En haut à gauche vous pouvez choisir le type d’affichage par liste ou en grille. La capture d’image ci-dessous vous montre l’affichage en grille.

Ajouter un média dans la bibliothèque média

Pour ajouter un média à votre bibliothèque, vous pouvez :

Glissez/Déposer votre fichier directement dans la bibliothèque. Pour cela parcourez votre ordinateur à la recherche d’un fichier, sélectionnez-le avec votre souris puis cliquez sans relâcher. Glissez le fichier sur la fenêtre de votre bibliothèque qui devient bleue. relâchez.

Cliquez sur le bouton Ajouter an haut à droite de Bibliothèque de médias. De la même manière vous pourrez déposer un fichier dans votre fenêtre ou bien cliquez sur le bouton Sélectionner des fichiers pour parcourir votre ordinateur à la recherche du fichier à ajouter.

Ajouter un média directement depuis l’éditeur WYSIWYG

Dans l’éditeur WYSIWYG, vous pouvez également ajouter des médias à votre bibliothèque afin de les utiliser instantanément. Cliquez sur le bouton Ajouter un média. Dans la fenêtre popup qui s’ouvre choisissez une des méthode pour uploader votre fichier :

1. Glissez/déposez directement dans l’onglet Bibliothèque de médias
2. En parcourant votre ordinateur depuis l’onglet Envoyer des fichiers
3. En renseignant l’url d’un fichier depuis le bouton Insérer à partir d’une adresse web à droite.

Créer une galerie

Ça ne vous aura pas échapper ! Sur la gauche du popup ci-dessous se trouve un bouton Créer un galerie qui vous permettra d’illustrer vos articles de plusieurs images sous forme de simples galeries images.

• Cliquez sur le bouton Créer une galerie
• Sélectionnez les images à intégrer dans votre galerie
• Cliquez sur le bouton bleu Créer u-e nouvelle galerie en bas à droite
• Sélectionnez les options d’affichage de votre galerie sur la droite
• Cliquez sur le bouton bleu Insérer la galerie en bas à droite

Optimisez vos images pour le référencement

Le référencement de votre site passe aussi par l’optimisation de vos images, à la fois en terme de balisage mais aussi en terme de poids. En effet la vitesse de chargement d’un site est un facteur qui peut pénaliser un site. Plus les pages de votre site sont lourde et plus vous risquez de perdre des visiteurs en augmentant le taux de rebond. Nous verrons cette notion dans la partie Référencement de ce site. Pour optimiser/modifier une image, commencer par cliquez dessus dans la bibliothèque image. Celle ci va s’ouvrir dans un fenêtre popup.

• La première chose à faire est de nommer correctement vos images avant de les ajouter à votre bibliothèque média. Évitez les DSC-315.jpg ou autre qui ne veulent rien dire, ni à vous ni aux moteurs de recherche. Un nom détaillé et informatif donne au moteur de recherche des indications sur le sujet de l’image. Évitez les accents et remplacez les espaces par des tiret (-) ou des underscores (_).
• Renseignez le titre. Cette balise est importante pour l’utilisateur mais n’a aucune influence sur le référencement. Elle permet juste lors du passage de la souris sur l’image d’en connaitre le contenu.
• Si vous ajoutez une légende celle-ci sera affichée juste en dessous de l’image. Cette balise est intéressante en terme de référencement pour identifier le champ sémantique de l’image
• Texte alternatif  doit impérativement être rempli avec une courte description sous la forme d’un mot clé. Cette balise permet de fournir des informations sur le sujet de l’image aux moteurs de recherche.
• La description n’est pas lue par les moteur de recherche et ne s’affiche que sur la page du fichier.
• Enfin si vous n’avez pas optimisez la taille et la résolution de vos images avant de les charger, vous pouvez encore le faire en cliquant sur le bouton gris Modifier l’image qui se trouve juste en dessus de celle-ci. Voyons cela dans le point suivant.

Modifier vos images

Quelques options basiques sont à votre disposition pour modifier vos images directement depuis votre site WordPress. Vous pouvez par exemple à l’aide des icônes en haut à gauche de l’image :

• Recadrer votre image en dessinant une zone sur l’image puis en cliquant sur l’icône Recadrer pour valider.
• Pivotez votre image dans le sens ou dans le sens inverse d’une aiguille d’une montre (icônes 2 et 3)
• Retournez votre image horizontalement ou verticalement (icônes 4 et 5)
• Annuler ou rétablir vos actions
• A droite vous pouvez redimensionner vos images. Il est rarement nécessaire de conserver des images plus grande que 1000 pixel de large et 800 pixel de haut.

NOTE : lorsque vous dessinez le cadre pour recadrer votre image, les dimensions s’affichent en temps réel dans le panneau à droite.

ASTUCE : vous pouvez forcer une proportion. Par ex 1:1 pour un carré

Il est temps de créer votre première articlee WordPress.

Avant de vous lancer dans la création ou la modifications de votre contenu, il est important de maitriser l’ensemble des outils mis à votre disposition pour mettre en forme votre contenu. Pour tous les contenus (ex : pages, articles, descriptions de produit,…) WordPress met à votre disposition un éditeur de mise en page.

Jusqu’à la sortie de WordPress 5.0 en décembre 2018, l’éditeur de texte était un éditeur TinyMCE dit Classique ressemblant fortement à ceux que vous utilisez déjà dans l’éditeur de texte le plus connu ! Qui n’a jamais ouvert un document Word sur un ordinateur ? Puis est arrivé l’éditeur de bloc Gutenberg qui est donc désormais l’éditeur WordPress par défaut. Gutenberg offre une manière différente de créer des publications et des pages interactives.

Après la mise à jour de WordPress 5.9, Gutenberg est devenu plus qu’un simple éditeur de contenu. Il englobe tous les aspects de la personnalisation pour fournir une expérience complète d’édition de site ou Full Site Editing (FSE). Cela signifie que dans la pratique vous pourrez créer et concevoir l’intégralité de votre site WordPress à l’aide de l’éditeur. En ce qui nous concerne nous ne l’utilisons que pour les types de contenu Article si ceux ci ne font pas l’objet d’un template géré par le builder que nous utilisons pas défaut sur tous les sites que nous livrons à nos clients.

Pour tout ce qui est Pages (gérées par le builder) et pour certains CPTs comme Woocommerce, c’est l’éditeur TinyMCE qui est toujours utilisé. Nous allons donc évoqué ici TinyMCE et Gutenberg fera l’objet d’un autre article.

L’Éditeur classique TinyMCE

L’éditeur WYSIWYG dit Classique de WordPress ressemble à cela.

Lors de vos modifications, vous travaillerez en version Visuel en sélectionnant l’onglet du même nom en haut de la barre d’outil à droite. Le mode texte est réservé aux développeurs avertis utilisant le langage HTML entre autre.

Les outils de l’éditeur

Sélectionnez avec votre curseur tout ou partie de votre contenu et cliquez sur les boutons pour appliquer une des actions suivantes :

Plus en détails

Créer un lien

Il est  très simple d’ajouter un lien sur un mot ou un groupe de mot avec WordPress. Ce lien peut-être un lien vers une page interne de votre site, ce qui est recommandé pour un meilleurs référencement (c’est le maillage interne), vers une page externe, mais encore un lien email ou téléphone. Voici comment procéder :

• Sélectionner avec votre curseur le mot ou groupe de mot que vous voulez transformer en lien
• Cliquez sur le bouton Insérer un lien

Lien interne

Si vous tapez le titre d’une page ou d’un article de votre site, le système va vous suggérer des liens. Validez en sélectionnant le lien a appliquer.

Lien externe

Renseigner l’adresse de la page externe commençant par https://

Lien mail

Renseigner simplement une adresse email comme suit : mailto:email-du-destinataire

Lien téléphone

Renseigner simplement un numéro de téléphone comme suit : tel:tel-du-destinataire

Si vous avez besoin de plus d’option comme par exemple choisir la cible de votre lien, cliquez sur l’icône de roue crantés, et cochez la case correspondante. Il est fortement conseillé dans le cas de lien externe d’ouvrir les liens dans une nouvelle fenêtre.

Ajouter un média

L’ajout de médias pour illustrer vos articles est un jeu d’enfant.

• Placez votre curseur à l’endroit où vous souhaitez ajouter votre image, doc, pdf, vidéo…
• Cliquez sur le bouton Ajouter un Média juste au dessus de la barre d’outil
• Dans la fenêtre popup qui s’ouvre sélectionnez votre fichier
• Cliquez sur le bouton bleu insérer dans l’article en bas à droite

NOTE : Pour modifier ou supprimer un média, survolez-le et cliquez sur une des 2 icônes qui apparaissent en haut du média à gauche.

Nous verrons dans un prochain article comment ajouter et modifier des images dans la bibliothèque média. Voyons maintenant l’éditeur Gutenberg.