L’éditeur visuel WordPress: trucs et astuces pour les débutants

WordPress a été initialement conçu pour être un simple système de blogging qui a rendu 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, design et fonction ne veulent rien dire et à cet égard, WordPress reste fidèle à ses racines: création et 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 sa principale force motrice. Dans cet esprit, examinons de plus près l’éditeur visuel WordPress dans cet article et comment mieux l’utiliser..

WYSIWYG

WordPress vous permet de créer et de gérer visuellement du contenu 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. Visual Editor
  2. Éditeur de texte (où vous pouvez saisir du code)
  3. Media Uploader (pour télécharger des fichiers image)

Par défaut, Visual Editor est actif lorsque vous créez une nouvelle publication ou page (Pages > Ajouter un nouveau ou Des postes > Ajouter un nouveau). Si par hasard il n’est pas actif, cliquez dessus:

pic1

WYSIWYG signifie que ce que vous voyez dans Visual Editor lors de la modification de votre publication est ce qui apparaîtra dans la publication publiée. 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:

pic11

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

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 nouvel article et d’ouvrir l’éditeur visuel: Des postes > Ajouter un 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 l’affaire. Même si vous êtes nouveau sur WordPress, la plupart des icônes seront familières à 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 de Microsoft Word, j’ai donc choisi les moins connues pour en discuter.

Pour ajouter du texte, tapez 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 à l’aide de ces boutons dans la barre d’outils:

pic4

L’utilisation de cette route est rapide et l’éditeur visuel fait un bon travail pour préserver 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 du texte mutilé. Je trouve qu’il est beaucoup plus facile de coller en texte brut, puis de mettre en forme l’intérieur de 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 en ce qui concerne la gestion du texte mis en forme importé d’autres éditeurs de texte. Donc, vous pourriez trouver que travailler avec du vieux texte brut est la meilleure chose à faire. Voici le bouton que vous devez utiliser pour supprimer la mise en forme du texte importé:

pic5

Mettez en surbrillance votre texte 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 citations 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, notamment des paragraphes et des en-têtes. Pour changer 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 vous avez terminé:

pic8

De toute évidence, vous pouvez formater vos publications comme vous le souhaitez, mais assurez-vous qu’il existe une structure de cohérence. Les titres de section, par exemple, doivent avoir le même format de titre, tel que Rubrique 2, tandis que le titre 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 pour les 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 le formatage des en-têtes depuis le Supprimer la mise en forme le bouton ne fonctionne pas pour les en-têtes et les citations.

Utilisez le Blockquote bouton pour formater ou supprimer la mise en forme des citations:

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’activera. Il ferme simplement toutes les choses non essentielles à l’écran et vous laisse uniquement avec la zone de contenu et une barre d’outils condensée qui se cache automatiquement et apparaît lorsque vous survolez la page.

Insérer plus d’étiquette

pic12

Bien que cette fonctionnalité soit souvent négligée dans l’éditeur visuel, elle est très utile pour afficher des extraits de publication 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 chouette Insérer plus la fonctionnalité de balise est très pratique. Il vous permet de spécifier exactement où se terminera l’extrait. Un lien pointant vers l’article complet sera inséré là 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 repose sur la prise en charge du thème que vous avez choisi. La plupart des thèmes soigneusement développés 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 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 personnage lorsque vous le survolez:

pic7

Si vous êtes un utilisateur normal de WordPress, il est probable 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 dans WordPress; ses capacités ainsi que ses limites.

J’aimerais également avoir de vos nouvelles sur la façon dont vous utilisez l’éditeur visuel. Avez-vous des conseils ou des astuces à partager?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map