Insérer une nouvelle image dans un article sous WP

Insérer une nouvelle image dans un article sous WP

 

Dans ce petit tutoriel, nous verrons comment insérer une nouvelle image dans un article (ou dans une page statique). Nous partons du principe que votre image n’est pas encore présente sur votre site.

Tout d’abord, il faut être dans votre administration et sur votre page d’édition de votre article.

Ensuite cliquez dans votre zone texte là où vous voulez insérer votre image.

Ensuite, vous cliquez sur l’icône « Ajouter une image »

 

Cliquez sur l’icône "Ajouter une image"

Cliquez sur l’icône « Ajouter une image »

 

Une fenêtre s’ouvre pour vous demander quelle image vous voulez insérer. Nous partons du principe que votre image n’est pas encore présente sur votre site. Sinon, jetez un coup d’œil à notre autre tutoriel (insérer une image déjà présente sur le site).

Cliquez sur « Parcourir »

Explorateur de fichiers

Explorateur de fichiers

 

Un explorateur de fichier s’ouvre. Naviguez grâce à lui pour récupérer votre image sur votre ordinateur. Cliquez dessus et ensuite cliquez sur « Ouvrir »

Naviguez grâce à lui pour récupérer votre image sur votre ordinateur

Naviguez grâce à lui pour récupérer votre image sur votre ordinateur

 

Une fois votre image téléchargée (cela peut prendre quelques secondes, soyez patient), une nouvelle fenêtre s’ouvre afin que renseigniez certain éléments.

  • Titre: le nom de votre image
  • Texte alternatif : description de l’image à l’attention des malvoyant et des non-voyant. Ceci est très important à renseigner pour que vous ne fassiez pas de discrimination sur votre site
  • Légende : petit texte qui apparaitra sous l’image afin de l’expliquer
  • Description : description de l’image à l’attention des moteurs de recherche. En effet ceux-ci ne sont pas (encore) en mesure d’analyser les images donc vous devez leurs indiquer ce qu’elles représentent.

Ensuite, vous choisissez l’alignement par rapport au texte puis la taille de l’image.

 

Renseignez certain éléments

Renseignez certain éléments ; titre, texte alternatif, légende et description

 

Puis cliquez sur « Insérer dans l’article. Voilà ce que cela donne dans votre éditeur.

Résultat dans l'éditeur

Résultat dans l’éditeur

 

Ensuite, pour valider , cliquez sur « Mettre à jour » puis sur « Afficher  l’article »

Résultat sur la page

Résultat sur la page

 

Et voilà.

 

 

Créer un article sous WP

Créer un article sous WP

Dans cet article vous trouverez en image toutes les étapes pour publier un article sous WordPress.

Tout d’abord connectez-vous à votre administration en renseignant votre identifiant et votre mot de passe.

Si vous avez perdu l’adresse (URL), elle est de ce type :

http://www.votre-site/wp-admin/

Vous arrivez ensuite sur cette page.

 

Page d'administration

Page d’administration

 

Pour toutes les extension, il faut cliquer sur la flèche à coté de son nom pour afficher les principales options.

Pour les articles, vous avez :

  • Articles : pour voir tous vos articles
  • Ajouter : pour créer un nouvel article
  • Catégories : pour gérer et créer des catégories afin de classer et organiser vos articles

Mots-clefs : pour gérer et créer des mots-clefs afin de faire des liens en vos articles.

Cliquez sur "Articles"

Cliquez sur « Articles »

 

En cliquant sur « Articles », vous arrivez sur cette page :

Cliquez sur « Ajoutez » pour créer un nouvel article

Options et ajouts des articles

Options et ajouts des articles

 

Vous arrivez sur cette page dont nous vous présentons ici les principales options. Notez que sa présentation peut différer selon les extensions installées sur votre site.

Page de créations d'articles

Page de créations d’articles

 

Cliquez sur l’icône « Option avancée de l’éditeur » pour afficher toutes les options que vous offre l’éditeur.

Option avancée de l'éditeur

Option avancée de l’éditeur

 

Nous n’avez maintenant plus qu’a écrire votre article !

Ceux qui ont suivi ont remarqué qu’il y avait une différence de présentation dans la nouvelle version de WordPress (3.1) par rapport au précédentes. En effet, dans les versions précédentes, il y avait une zone texte nommée « Introduction ».

Celle-ci à disparu dans la nouvelle version mais la possibilité existe toujours.
Une fois votre texte d’introduction écrit, cliquez sur « Insérer la balise More »

 

Insérer la balise More

Insérer la balise More

 

Un marqueur s’affiche alors dans votre zone texte

Marqueur de la balise "More"

Marqueur de la balise « More »

 

Vous pouvez continuer à écrire votre article. Cela donne ceci :

Ecrire son article

Ecrire son article

 

Une fois votre article rédigé, vous pouvez mettre en forme votre texte avec les différentes fonctions de l’éditeur. N’abusez pas des changement de polices, de couleurs… Normalement, votre site est paramétré pour avoir une certaine homogénéité dans la présentation.

Le plus important (pour le référencement) est de bien marquer les sous-titres :

Choisir titres et sous-titres

Choisir titres et sous-titres

 

Votre éditeur affiche les modifications effectuées.

Une fois toute la mise en page effectuée, vous pouvez afficher votre article.

Afficher votre article

Afficher votre article

 

Votre article apparait dans un nouvel onglet comme il sera visible pour les visiteurs. Si cela vous convient retournez sur votre page de création d’article dans l’administration (voir dans les onglets de votre navigateur) et cliquez sur mettre à jour (à droite) pour valider les modifications que vous avez effectuées sur votre article.

Votre article apparait dans un nouvel onglet

Votre article apparait dans un nouvel onglet

 

Et sur votre page d’accueil ou dans votre catégorie, il s’affichera comme ceci. Notez bien, l’effet de la balise « More »

Présence de la balise "More"

Présence de la balise « More »

 

Voilà ceci est un début, il faudrait maintenant insérer des images pour illustrer notre propos. C’est ce nous allons vois dans notre prochain tutoriel.