WordPress a été initialement conçu pour être un simple système de blogs qui rendait la publication de contenu en ligne un jeu d’enfant. Avec le temps, il s’est transformé en un système de gestion de contenu (CMS) à part entière. 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 veulent rien dire et à cet égard, WordPress reste fidèle à ses racines : la création et la gestion de contenu.
Bien que de nombreuses fonctionnalités aient été intégrées au logiciel de base WordPress, la création de contenu reste sa principale force motrice. Dans cet esprit, examinons de plus près l’éditeur visuel WordPress dans cet article et comment vous pouvez mieux l’utiliser.
WYSIWYG
WordPress vous permet de créer et de gérer du contenu visuellement plutôt que de le coder directement dans vos fichiers. Ainsi, on l’appelle un éditeur WYSIWYG ou « What You See Is What You Get » pour les non-initiés. L’outil d’édition comporte trois parties :
- Éditeur visuel
- Éditeur de texte (où vous pouvez entrer du code)
- Media Uploader (pour télécharger des fichiers image)
Par défaut, l’éditeur visuel est actif lorsque vous créez une nouvelle publication ou une nouvelle page (Pages > Ajouter un nouveau ou Des postes > 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 la modification 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 le Texte onglet à l’extrême droite de l’éditeur :
C’est exactement ce que fait le téléchargeur de médias : il télécharge des fichiers multimédias dans la médiathèque 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 certains boutons clés pour créer et modifier du contenu. J’utilise le thème Blogger de notre collection de cadeaux pour les illustrations.
Ajout de texte
La première chose à faire est de lancer une nouvelle page ou une nouvelle publication et d’ouvrir l’éditeur visuel : accédez à Des postes > Ajouter 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 conviendront parfaitement. Même si vous êtes nouveau sur WordPress, la plupart des icônes vous seront familières avec d’autres éditeurs de texte tels que 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 choisi les moins familières à discuter.
Pour ajouter du texte, saisissez simplement votre contenu dans la fenêtre de l’éditeur. Cependant, vous pouvez parfois avoir votre contenu déjà tapé quelque part et dans ce cas, vous pouvez simplement le coller sous forme de texte brut ou formaté à partir de Word en utilisant ces boutons sur la barre d’outils :
L’utilisation de cette route est rapide et l’éditeur visuel fait un bon travail en préservant une grande partie de votre mise en forme à partir de Word, au moins mieux que le copier-coller standard. Cependant, comme vous le découvrirez bientôt, ce n’est pas un travail sans faille et parfois vous pouvez vous retrouver avec du texte mutilé. 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 en expérimentant avec 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. Ainsi, vous constaterez peut-être que travailler avec du texte ancien est la meilleure chose à faire. C’est le bouton que vous devriez 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 la mise en forme 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. Il existe d’autres boutons de formatage qui prennent en charge ces types.
Modification du type de texte
Vous allez avoir plusieurs 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 format à 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 pour la cohérence. Les titres de section, par exemple, devraient avoir le même format de titre, comme Rubrique 2, tandis que le titre principal est généralement Titre 1. De plus, le texte de paragraphe standard doit avoir un format par défaut, de même que le texte et les adresses préformatés.
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 Paragraphe tapez dans la liste déroulante pour supprimer la mise en forme des en-têtes car le Supprimer la mise en forme Le bouton ne fonctionne pas pour les titres et les guillemets.
Utilisez le Blockquote bouton pour formater ou supprimer le formatage des guillemets :
É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 ne vous laisse que 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 de balise
Bien qu’il s’agisse d’une fonctionnalité souvent négligée de l’éditeur visuel, elle est très utile lorsqu’il s’agit d’afficher des extraits d’articles sur votre 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 d’archives. Cependant, WordPress tronque les extraits de manière aléatoire et cela pourrait être au milieu d’une phrase.
C’est là que le chouette Insérer plus la fonction de balise est pratique. Il vous permet de spécifier exactement où se terminera l’extrait. Un lien qui pointe vers le message complet sera inséré là où vous avez spécifié l’extrait pour se terminer. Il existe de nombreuses façons de formater cette balise, mais rappelez-vous que par défaut, elle ne fonctionne que pour les articles (pas les pages) :
Remarque : l’utilisation du Insérer plus tag s’appuie sur le support de votre thème choisi. La plupart des thèmes développés avec soin le soutiennent, mais certains ne le font pas.
Ajouter et supprimer des liens
L’insertion et la suppression de liens sont également simples à l’aide de ces boutons. Ils sont inactifs par défaut jusqu’à ce que vous mettez en surbrillance le texte que vous souhaitez faire le lien. Le bouton de gauche ajoute un lien tandis que celui de droite supprime des liens.
Caractères spéciaux
Si vous avez déjà utilisé le bouton de caractères spéciaux dans Word, cela devrait également vous être familier. Cependant, celui-ci est plus intuitif car il affiche les codes HTML et NUM d’un caractère lorsque vous le survolez :
Si vous êtes un utilisateur régulier de WordPress, il y a de fortes chances que vous soyez déjà familiarisé avec la plupart des choses que nous avons examinées ci-dessus, mais pour les nouveaux utilisateurs de WordPress, cela devrait être un guide de démarrage pratique pour l’éditeur visuel dans WordPress ; ses capacités ainsi que ses limites.
J’aimerais également connaître votre opinion sur la façon dont vous utilisez l’éditeur visuel. Avez-vous des trucs ou astuces que vous aimeriez partager?