WordPress a été initialement conçu pour être un simple système de blogging qui simplifiait 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 complet sur la conception et les fonctionnalités de leurs sites Web WordPress. Cependant, sans contenu, conception 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 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 le contenu visuellement plutôt que de le coder directement dans vos fichiers. Ainsi, il est appelé un éditeur WYSIWYG ou «Ce que vous voyez est ce que vous obtenez» pour les non-initiés. L’outil d’édition comprend trois parties:

  1. Éditeur visuel
  2. Éditeur de texte (où vous pouvez entrer le code)
  3. Media Uploader (pour télécharger des fichiers image)

Par défaut, l’éditeur visuel est actif lorsque vous créez un nouveau message ou une nouvelle page (Des pages > Ajouter nouveau ou Des postes > Ajouter 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 directement du code (balisage HTML) 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 de 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 publication et d’ouvrir l’éditeur visuel: Allez à 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 Évier de cuisine 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 feront très bien l’affaire. 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 à discuter.

Pour ajouter du texte, saisissez simplement votre contenu dans la fenêtre de l’éditeur. Cependant, parfois, votre contenu peut déjà être 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 réussit bien à préserver une grande partie de votre mise en forme de Word – mieux que le copier-coller standard, au moins. Cependant, comme vous le découvrirez bientôt, ce n’est pas un travail parfait et vous pouvez parfois vous retrouver avec du texte mutilé. Je trouve qu’il est beaucoup plus facile de coller en 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 a des faiblesses lorsqu’il s’agit de gérer le texte formaté importé d’autres éditeurs de texte. Vous constaterez peut-être que travailler avec du texte ancien brut est la meilleure chose à faire. C’est 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 mise en forme tels que les blockquotes et les en-têtes. Il existe d’autres boutons de formatage qui prennent en charge ces types.

Changer le type de texte

Vous allez avoir plusieurs types de texte dans votre document, y compris des paragraphes et des en-têtes. Pour modifier votre type de texte, mettez en surbrillance la partie de texte que vous souhaitez modifier et cliquez sur le menu déroulant Format à l’extrême gauche de la barre d’outils de l’éditeur. Sélectionnez le format souhaité et vous avez terminé:

pic8

De toute évidence, vous pouvez mettre en forme vos messages comme vous le souhaitez, mais assurez-vous qu’il existe une structure de cohérence. Les en-têtes de section, par exemple, doivent avoir le même format d’en-tête, tel que Titre 2, tandis que le titre principal est généralement Titre 1. En outre, 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 Format.

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

Utilisez le Blockquote bouton pour formater ou supprimer le formatage de blockquote:

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 balise

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 pourrait être au milieu d’une phrase.

C’est là que le chic Insérer plus la fonction de balise est pratique. Il vous permet de spécifier exactement où l’extrait se terminera. Un lien qui pointe vers l’article complet sera inséré là où vous avez spécifié l’extrait à la fin. Il existe de nombreuses façons de formater cette balise mais, rappelez-vous, par défaut, cela ne fonctionne que pour les articles (pas les pages):

pic14

Remarque: l’utilisation du Insérer plus La balise dépend de la prise en charge du 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

pic15

L’insertion et la suppression de liens est également simple à l’aide de ces boutons. Ils sont inactifs par défaut jusqu’à ce que vous mettiez en surbrillance le texte que vous souhaitez créer 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 personnage lorsque vous le survolez:

pic7

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 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?

Share: