Astuce Wordpress : insérer une image dans le widget Liens
Wordpress est un CMS très fonctionnel,
et plein de petites à astuces à connaître pour personnaliser au mieux son site / blog.
Ce petit tutoriel a pour but d’insérer dans le widget de liens des images qui remplaceront le texte, ce qui rend plus attractive la « Blogoliste ».
Voici la marche à suivre:
Le Widget « Liens »
Onglet « Apparence » -> « Widgets »
Pour faire apparaître une liste de liens vers d’autres sites dans la sidebar de son blog, il faut activer le widget « Liens » et le paramétrer. Ici, nous avons choisi de ne faire apparaître que les liens classés dans la catégorie « Agence et Studios », nous aurions pu choisir d’afficher tous les liens. Nous voulons également que seule l’image apparaisse, et pas le « texte » du lien, donc nous cochons les cases en conséquence.
N’oubliez pas de valider les réglages.
Insérer une nouvelle image dans la bibliothèque de Wordpress
Onglet « Médias » -> « Ajouter »
Il s’agit d’insérer puis de régler les paramètres de l’image qui s’affichera comme lien.
L’image doit avoir les dimensions voulues, par exemple 150px de large sur 50px de haut, et être enregistrée sur l’ordinateur.
Choisir l’image, puis lui donner un titre.
Et surtout, copier le lien qui est fourni en bas des réglages!
N’oubliez pas de valider les réglages.
Attention : pour les anciennes versions de Wordpress (2.7), il n’y a pas de champs « Adresse web du fichier »! Une fois l’image insérée, dans la liste des images, faites un clic droit sur le bouton « Afficher » -> ouvrir dans une nouvelle page , qui vous affichera l’image dans votre interface de site. Cliquez sur l’image, cela vous affichera l’image seule. Copiez l’url dans la barre d’adresse: vous avez (enfin!) l’adresse complète de l’image. Vous pouvez reprendre ce tuto sereinement.
Créer un lien
Onglet « Liens » -> « Ajouter »
Nous allons maintenant créer le lien proprement dit.
Donner un titre
Donner le lien du site, sans oublier le http://
Décrire le lien
Indiquer la catégorie du lien
Donner une cible au lien, selon que vous souhaitez que le lien s’ouvre dans une nouvelle page (_blank) ou dans la page en cours (_self)
Enfin, dans l’onglet Avancé, coller le lien de l’image précieusement conservé de l’étape précédente
N’oubliez pas de publier le lien!
Résultats
Et voici le résultat dans la sidebar du site:
Des questions? N’hésitez pas à nous faire une demande de tutoriel, via le formulaire de Contact!
