WordPress a été initialement conçu pour être un simple système de blogs qui facilitait la publication de contenu en ligne. Au fil du temps, il s’est transformé en un système de gestion de contenu (CMS) complet. Les utilisateurs ont désormais un contrôle total sur la conception et les fonctionnalités de leurs sites Web WordPress. Cependant, sans contenu, le design et la fonction ne signifient rien, et en ce sens, WordPress reste fidèle à ses racines : la création et la gestion de contenu.
Alors que de nombreuses fonctionnalités ont été intégrées au logiciel de base WordPress, la création de contenu reste son principal moteur. Dans cet esprit, examinons de plus près l’éditeur visuel WordPress dans cet article et la meilleure façon de l’utiliser.
WYSIWYG
WordPress vous permet de créer et de gérer du contenu visuellement plutôt que de l’encoder directement dans vos fichiers. Par conséquent, il s’appelle un éditeur WYSIWYG ou “Ce que vous voyez est ce que vous obtenez” pour les non-initiés. L’outil d’édition comporte trois parties :
- Éditeur visuel
- Éditeur de texte (où vous pouvez entrer le code)
- Media Uploader (pour télécharger des fichiers image)
Par défaut, l’éditeur visuel est actif lorsque vous créez un nouvel article ou une nouvelle page (Pages> Ajouter un nouveau ou Articles> Ajouter un nouveau). Si par hasard il n’est pas actif, cliquez dessus :
WYSIWYG signifie que ce que vous voyez dans l’éditeur visuel lors de l’édition de votre message est ce qui apparaîtra dans le message publié. L’éditeur de texte vous permet de saisir du texte brut et vous permet également de saisir du code (balisage HTML) directement comme si vous travailliez avec le fichier HTML réel. Vous l’activez en cliquant sur l’onglet Texte à l’extrême droite de l’éditeur :
Media Uploader fait exactement cela – il télécharge des fichiers multimédias dans la bibliothèque multimédia afin que vous puissiez les insérer dans vos publications comme vous le souhaitez :
Avec cette brève introduction au puissant éditeur visuel WordPress, voyons maintenant comment vous pouvez utiliser quelques boutons clés pour créer et éditer du contenu. J’utilise le thème Blogger de notre collection de cadeaux pour les illustrations.
Ajouter du texte
La première chose à faire est d’ouvrir une nouvelle page ou une nouvelle publication et d’ouvrir l’éditeur visuel : accédez à Publications > Ajouter un nouveau. Par défaut, vous verrez une barre d’outils condensée lors de la création d’un nouveau message :
Cliquez sur l’icône de l’évier de cuisine pour afficher d’autres options de formatage dans la barre d’outils :
Pour la création et la gestion de contenu de base, les options de formatage ci-dessus fonctionneront correctement. Même si vous êtes nouveau sur WordPress, la plupart des icônes seront familières à d’autres éditeurs de texte comme Microsoft Word. En fait, toutes les icônes de la barre d’outils de l’éditeur visuel remplissent la même fonction que les icônes identiques dans Microsoft Word, j’ai donc sélectionné les moins familières pour en discuter.
Pour ajouter du texte, saisissez simplement votre contenu dans la fenêtre de l’éditeur. Cependant, votre contenu peut parfois avoir déjà été tapé quelque part, et dans ce cas, vous pouvez simplement le coller sous forme de texte brut ou au format Word à l’aide de ces boutons sur la barre d’outils :
L’utilisation de ce chemin est rapide et l’éditeur visuel fait un bon travail en préservant une grande partie du formatage Word, mieux que le copier-coller standard, au moins. Cependant, comme vous le découvrirez bientôt, ce n’est pas un travail sans faille et peut parfois se retrouver avec du texte déchiqueté. Je trouve qu’il est beaucoup plus facile de coller du texte brut, puis de faire le formatage dans l’éditeur visuel.
Supprimer la mise en forme de votre texte
Comme nous l’avons vu ou comme vous le verrez lorsque vous expérimenterez ces boutons de mise en forme, l’éditeur visuel présente des faiblesses lorsqu’il s’agit de gérer le texte formaté importé d’autres éditeurs de texte. Par conséquent, il peut être préférable de travailler avec du texte ancien brut. C’est le bouton que vous devez utiliser pour supprimer la mise en forme du texte importé :
Mettez votre texte en surbrillance et cliquez sur ce bouton. Votre texte aura désormais le format par défaut de votre thème. Notez que ce bouton ne fonctionne pas pour certains types de formatage, tels que les guillemets et les en-têtes de blocs. Il existe d’autres boutons de format qui prennent en charge ces types.
Changer le type de texte
Vous aurez différents types de texte dans votre document, y compris des paragraphes et des titres. Pour modifier votre type de texte, mettez en surbrillance la portion de texte que vous souhaitez modifier et cliquez sur le menu déroulant de mise en forme à l’extrême gauche de la barre d’outils de l’éditeur. Sélectionnez le format que vous souhaitez et le tour est joué :
Évidemment, vous pouvez formater vos messages comme vous le souhaitez, mais assurez-vous qu’il existe une structure en place pour la cohérence. Les titres de section, par exemple, doivent avoir le même formatage de titre, tel que Titre 2, tandis que le titre principal est généralement Titre 1. De plus, le texte de paragraphe standard doit être formaté par défaut, de même que le texte et les adresses préformatées.
N’oubliez pas : les formats par défaut des différents types de texte dépendent de votre thème. Chaque thème est livré avec son propre style par défaut pour les types que vous voyez dans la liste déroulante de format.
Utilisez le type de paragraphe dans la liste déroulante pour supprimer la mise en forme des en-têtes, car le bouton Supprimer la mise en forme ne fonctionne pas pour les en-têtes et les guillemets.
Utilisez le bouton Blockquote pour formater ou supprimer le format blockquote :
Édition plein écran
Si vous aimez travailler avec un minimum de distractions, vous trouverez le mode plein écran idéal pour vous et c’est le bouton qui l’active. Il ferme simplement tous les éléments non essentiels à l’écran et vous laisse seul avec la zone de contenu et une barre d’outils condensée qui se cache et apparaît automatiquement lorsque vous survolez la page.
Insérer plus d’étiquette
Bien qu’il s’agisse d’une fonctionnalité d’éditeur visuel souvent négligée, elle est utile lorsqu’il s’agit d’afficher des extraits de vos articles de blog. Comme vous le savez déjà, si vous avez publié des articles sur votre blog, WordPress affiche des extraits de ces articles sur les pages d’accueil et les archives. Cependant, WordPress tronque les extraits au hasard et cela pourrait être au milieu d’une phrase.
C’est là que la fonction astucieuse Insérer plus de balises est utile. Il vous permet de spécifier exactement où la déclaration se terminera. Un lien sera inséré pointant vers le message complet où vous avez spécifié l’extrait pour terminer. Il existe de nombreuses façons de formater cette balise, mais n’oubliez pas que par défaut, elle ne fonctionne que pour les articles (pas les pages) :
Remarque : L’utilisation de la balise Insérer plus dépend du support du thème choisi. La plupart des thèmes soigneusement développés le soutiennent, mais certains ne le font pas.
Ajouter et supprimer des liens
L’insertion et la suppression de liens sont également faciles avec ces boutons. Ils sont inactifs par défaut jusqu’à ce que vous mettiez en surbrillance le texte que vous souhaitez convertir en lien. Le bouton de gauche ajoute un lien tandis que le bouton de droite supprime les liens.
Caractères spéciaux
Si vous avez déjà utilisé le bouton des caractères spéciaux dans Word, cela devrait également vous sembler familier. Cependant, celui-ci est plus intuitif car il affiche les codes HTML et NUM d’un caractère lors du survol :
Si vous êtes un utilisateur régulier de WordPress, vous êtes probablement déjà familiarisé avec la plupart des choses que nous avons vues ci-dessus, mais pour les nouveaux utilisateurs de WordPress, cela devrait être un guide de démarrage utile pour l’éditeur visuel dans WordPress ; ses capacités ainsi que ses limites.
J’aimerais également savoir comment vous utilisez l’éditeur visuel. Avez-vous des trucs ou astuces que vous aimeriez partager?
