WordPress a été initialement conçu pour être un simple système de blogging qui facilitait la publication de contenu en ligne. 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, design et fonction ne signifient rien 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 son principal moteur. 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 :

  1. Éditeur visuel
  2. Éditeur de texte (où vous pouvez entrer du code)
  3. 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 nouveau ou Des postes > Ajouter nouveau). Si par hasard il n'est pas actif, cliquez dessus :

pic1

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 d'entrer du texte brut et vous permet également d'entrer 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 :

pic11

Le Media Uploader fait exactement cela : 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 :

pic10

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 un nouveau message 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 :

pic2

Cliquez sur l'icône Kitchen Sink pour afficher d'autres options de formatage dans la barre d'outils :

pic3

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 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 pour en discuter.

Pour ajouter du texte, tapez simplement votre contenu dans la fenêtre de l'éditeur. Cependant, il se peut que votre contenu soit déjà tapé quelque part et dans ce cas, vous pouvez simplement le coller sous forme de texte brut ou formaté à partir de Word à l'aide de ces boutons de la barre d'outils :

pic4

L'utilisation de cet itinéraire est rapide et l'éditeur visuel fait un bon travail en préservant une grande partie de votre mise en forme à partir de 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 parfois vous pouvez vous retrouver avec un texte mutilé. Je trouve qu'il est beaucoup plus facile de coller en texte brut, puis de formater 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 formatage, l'éditeur visuel présente des faiblesses lorsqu'il s'agit de gérer du texte formaté importé d'autres éditeurs de texte. Vous constaterez donc peut-être que travailler avec du texte ancien est la meilleure chose à faire. Voici le bouton que vous devez utiliser pour supprimer la mise en forme du texte importé :

pic5

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 partie 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é :

pic8

Évidemment, vous pouvez formater vos messages comme vous le souhaitez, mais assurez-vous qu'il existe une certaine structure pour la cohérence. Les titres de section, par exemple, doivent avoir le même format de titre, comme Rubrique 2, tandis que l'en-tête principal est généralement Rubrique 1. En outre, le texte de paragraphe standard doit avoir un format par défaut, tout comme 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 des formats.

Utilisez le Paragraphe tapez dans la liste déroulante pour supprimer la mise en forme des en-têtes depuis le Supprimer la mise en forme le bouton ne fonctionne pas pour les titres et les blocs de citations.

Utilisez le Bloc de citation bouton pour formater ou supprimer le formatage des guillemets :

pic9

Édition plein écran

pic13

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 qu'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 de balises

pic12

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 au hasard et cela peut ê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ù l'extrait se terminera. Un lien pointant vers le message complet sera inséré à l'endroit où vous avez spécifié l'extrait à terminer. Il existe de nombreuses façons de formater cette balise mais, rappelez-vous, par défaut, cela ne fonctionne que pour les publications (pas les pages) :

pic14

Remarque : L'utilisation de la Insérer plus s'appuie sur le support du thème que vous avez choisi. La plupart des thèmes développés avec soin le supportent, mais certains ne le font pas.

Ajouter et supprimer des liens

pic15

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 mettiez en surbrillance le texte dont vous voulez faire le lien. Le bouton de gauche ajoute un lien tandis que celui de droite supprime les liens.

Caractères spéciaux

pic6

Si vous avez déjà utilisé le bouton des 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 au survol :

pic7

Si vous êtes un utilisateur régulier de WordPress, il y a de fortes chances que vous connaissiez déjà 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 de 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?

Laisser un commentaire