Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 3.3.2 est disponible en français.

Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter

#1 05-02-2012 00:31:26

ap-creation
Membre WP
Date d'inscription: 03-02-2012
Messages: 9

Afficher une icône devant un lien

Bonjour,

Ma configuration WP actuelle
- Version de WordPress : 3.1
- Version de PHP/MySQL :
- Thème utilisé : minimatica
- Extensions en place : category and page icons (que je n'arrive pas à faire fonctionner)
- Nom de l'hebergeur : ovh
- Adresse du site : www.ap-creation.com

Problème(s) rencontré(s) :

Bonjour,
Je souhaiterais connaitre un moyen d'afficher une petite icone devant un lien dans mon blog wordpress.
Il ne s'agit pas d'un lien pour partager l'article, mais plutôt d'un lien pour me rejoindre sur facebook ou twitter.

Je vous mets un screen pour que ça soit plus simple à visualiser : http://imageshack.us/photo/my-images/703/screenpouriconedevantli.jpg/

Je vous énumère les choses que j'ai déjà essayé, même si elles sont pour certaines inachevées, et font référence à des notions très abstraites pour la novice que je suis :

- J'ai créé les liens et ils redirigent vers mes profils facebook et twitter (oui je sais, c'est simple, mais c'est un grand pas pour moi déjà :p)
- Ensuite j'ai essayé une extension : category and page icons, mais je n'arrive pas à la faire fonctionner.
- J'ai cherché dans le code où pouvaient bien se cacher les lignes relatives aux liens, mais n'y comprennant absolument rien, ça n'a pas été très concluant non plus.
- J'ai aussi lu dans un article trouvé sur un forum (non officiel) qu'il fallait uploadé les icones concernées sur le ftp, ce que j'ai d'ailleurs fait : je les ai mises dans content : upload : icons. Maintenant elles y sont bien au chaud, et je ne sais toujours pas comment faire pour les afficher, et si ma manip était utile.

Après de longues heures de recherches, je m'adresse à vous et vous implore l'aide divine ! (ou autre d'ailleurs)
Si quelqu'un a une solution à me donner, en gardant à l'esprit que le web n'est vraiment pas mon élément, que je ne comprends que les mots simples, et qu'il faut quasiment me mâcher le travail. J'espère qu'une âme charitable passera par là smile
(et si besoin, j'ai skype, au cas où quelqu'un a quelques minutes de son temps à m'accorder en direct live)

D'avance merci à tous(toutes)

Et bonne soirée/nuit.

Dernière modification par ap-creation (05-02-2012 00:32:29)

Hors ligne

 

#2 05-02-2012 08:46:00

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6775

Re: Afficher une icône devant un lien

le plus simple dans ce cas est de rajouter une classe css à ton lien. Pour le faire, modifier le lien vers facebook en rajoutant une classe

Code: html

<a class="facebook_btn" target ="_blank" href = "http://www.facebook.com.......

ajouter dans le fichier style.css de ton thème :

Code: html

.facebook_btn {
        background: transparent url(images/facebook.jpg) no-repeat 0 50%;
}

le chemin vers les images et le nom du fichier est à adapter selon ce que tu as dans ton thème. Faire la même chose pour twitter.

Hors ligne

 

#3 05-02-2012 12:18:25

ap-creation
Membre WP
Date d'inscription: 03-02-2012
Messages: 9

Re: Afficher une icône devant un lien

Bonjour,

Merci beaucoup pour cette réponse.
Mais au risque de paraitre bête, j'aimerai avoir quelques précisions sur la manip à faire.
Comme je l'ai dit dans mon premier post, je suis vraiment nulle dans ce domaine, c'est comme si tu parlais médecine avec un commercial sad

Ma première question :
J'ai bien compris qu'il fallait que je copie le code source à la place de mon lien facebook, mais le fameux "facebook_btn" (que j'ai d'ailleurs appelé autrement), dois-je le copier sur mon ftp ? dans quel répertoire ? c'est un détail qui m'échappe un peu.

Ma deuxième question :
quand tu parles de copier la ligne de code dans le css de mon thème, tu parles simplement de le copier n'importe où en plein milieu du code auquel j'ai accès quand je clique sur "editeur" ?
Je ne connais pas toutes les choses présentes dans le code, mais je sais qu'il y a différentes balises, et je voudrais savoir si je dois écrire cette ligne à un endroit précis, ou si "nimporte où " fera l'affaire.

Je sais que j'ai l'air bête avec mes questions, mais je me soigne :p

Merci encore en tout cas.

Hors ligne

 

#4 05-02-2012 13:01:27

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 6775

Re: Afficher une icône devant un lien

bon... c'est vrai que confier l'agence des médicaments à des commerciaux nous a amené à des excès, et je ne parle même pas des prothèses mammaires ou pas confiés à des charcutiers....

Pour ajouter la classe dans le code des fichiers PHP, il n'y a rien à copier, uniquement rajouter dans ce que tu avais déjà mis:  class="le_nom_que_tu_veux".
Tu dois avoir en ce moment juste <a target ="_blank" href =".... >, tu auras <a class="le_nom_que_tu_veux" target ="_blank" href ="....

Pour ajouter la classe dans le fichier style.css, tu peux le rajouter en fin de fichier.

Hors ligne

 

#5 05-02-2012 13:16:49

ap-creation
Membre WP
Date d'inscription: 03-02-2012
Messages: 9

Re: Afficher une icône devant un lien

Décidemment, le web m'en veut à mort !
Dans un premier temps, j'ai essayé de faire ce que tu m'avais dit ( copier ce que tu m'as écrit à la place du lien vers facebook, et copier la ligne de code dans l'éditeur) mais ça ne fonctionne pas, je n'ai toujours pas l'icone (que je ne sais toujours pas si je dois la mettre sur mon ftp d'ailleurs)

Lorsque je veux modifier un lien, je n'ai aucun code de visible. J'ai juste coché la case "blank" : http://www.imagefacile.com/image.php?im … screen.jpg

peut-être qu'il faut simplement mettre le nom de l'image dans la partie "avancée"?

Je suis perdue et honteuse de ne rien y comprendre sad

Pour la ligne de code dans le fichier css j'ai compris, c'est déjà ça.

Hors ligne

 

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 0.025 seconds, 12 queries executed ]