Personnalisation réseaux sociaux

• 

  sarahbzzh · Membre · mars 4, 2015 at 12:26

  • Copier le lien
  • Ajouter le thème aux favoris

  Bonjour !
  J’ai une toute petite question concernant la personnalisation des icônes « réseaux sociaux » type Fb, Twitter, Linkedin etc..
  J’utilise le thème Adelle : https://breizhsocialblog.wordpress.com/
  Le sujet a déjà été discuté ici : https://fr.forums.wordpress.com/topic/zones-de-lien-vers-les-reseaux-sociaux?replies=18 et j’ai bien compris qu’il fallait changer le code, chose que j’ai réussi à faire.
  Hors, lorsque j’actualise la page, le code disparaît et ça ne fonctionne pas.
  Je pense donc tout simplement qu’il faudrait que je passe à la version payante de ce thème pour pouvoir personnaliser le code ?
  Je souhaitais juste avoir cette confirmation, ça me permettrait de dormir sereine ! :)
  Merci !

  L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

• 

  airodyssey · Modérateur · mars 5, 2015 at 11:39

  • Copier le lien

  Bonjour. Pour vous fournir cette confirmation, j’aurais besoin de voir le code que vous tentiez d’insérer. Alors, copiez-le et collez-le dans votre réponse SVP. Pour les besoins de ces forums seulement, insérez le code entre deux ` accents graves (pas d’apostrophes), faute de quoi nous ne pourrons pas voir le code.

• 

  sarahbzzh · Membre · mars 5, 2015 at 4:13

  • Copier le lien

  Bonjour,
  alors par ex pour l’icône Twitter :
  <a href="https://twitter.com/#!/Sarahbzh"><img src="https://breizhsocialblog.files.wordpress.com/2015/02/twitter.png" alt="Twitter" /></a>

  Merci !

• 

  airodyssey · Modérateur · mars 5, 2015 at 5:13

  • Copier le lien

  Ce code devrait fonctionner, puisqu’il ne contient aucune balise qui est supprimée par WordPress.com. Pourriez-vous essayer de nouveau SVP?

• 

  sarahbzzh · Membre · mars 5, 2015 at 5:36

  • Copier le lien

  Bon, j’ai retenté :
  <aside id="nav_menu-2" class="widget widget_nav_menu" title="Faites Shift+clic pour modifier ce widget."><a href="https://twitter.com/#!/Sarahbzh"><img src="https://breizhsocialblog.files.wordpress.com/2015/02/twitter.png" alt="Twitter"></a></aside>
  Je l’ai mis dans un widget « Menu personnalisé », l’icône s’affiche un fois le code inséré mais disparaît quand j’affiche mon site sur une autre page…..

• 

  airodyssey · Modérateur · mars 5, 2015 at 5:40

  • Copier le lien

  Ajoutez le code tel que vous l’avez copié-collé ici sur le forum SVP.

  Ne mettez pas <aside…>

  Mettez seulement <a href="https://twitter.com/#!/Sarahbzh"><img src="https://breizhsocialblog.files.wordpress.com/2015/02/twitter.png" alt="Twitter"></a>

• 

  sarahbzzh · Membre · mars 5, 2015 at 7:15

  • Copier le lien

  Et bien j’ai mis ça :
  <a href="https://twitter.com/#!/Sarahbzh"><img src="https://breizhsocialblog.files.wordpress.com/2015/02/twitter.png" alt="Twitter" /></a>

• 

  sarahbzzh · Membre · mars 5, 2015 at 7:20

  • Copier le lien

  J’ai donc mis ce code après le </aside> et encore une fois l’icône s’affiche mais après actualisation il disparaît.
  Peut-être que je ne mets pas le code où il faut.

• 

  airodyssey · Modérateur · mars 5, 2015 at 7:28

  • Copier le lien

  Est-ce que c’est vous qui ajoutez <aside> au code?

• 

  sarahbzzh · Membre · mars 5, 2015 at 7:32

  • Copier le lien

  Non il est déjà dans le code.

• 

  airodyssey · Modérateur · mars 6, 2015 at 1:23

  • Copier le lien

  Peut-être que je ne mets pas le code où il faut.

  Peut-être. Vous devez insérer le code dans un widget Texte (sous Apparence > Widgets).
  Où l’insérez-vous?

• 

  sarahbzzh · Membre · mars 6, 2015 at 11:52

  • Copier le lien

  Ah !
  Moi je l’ai mis dans un Widget qui s’appelle ‘Menu personnalisé ». Je vais tester avec un widget Texte alors.

• 

  sarahbzzh · Membre · mars 6, 2015 at 11:59

  • Copier le lien

  Nop ça ne marche pas, tjrs le même problème, l’icône disparaît !

• 

  airodyssey · Modérateur · mars 6, 2015 at 12:01

  • Copier le lien

  Réessayez SVP.

  Assurez-vous de copier-coller le code suivant :
  <a href="https://twitter.com/#!/Sarahbzh"><img src="https://breizhsocialblog.files.wordpress.com/2015/02/twitter.png" alt="Twitter" /></a>
  Et sans <aside> SVP.

• 

  sarahbzzh · Membre · mars 6, 2015 at 12:11

  • Copier le lien

  Qu’entendez vous par « sans le <aside> » ?
  Je dois supprimer le <aside> ou copier-coller le code suivant après le <aside> ?

• 

  airodyssey · Modérateur · mars 6, 2015 at 12:14

  • Copier le lien

  Sans <aside> ni </aside>.

  Vous copiez-collez SEULEMENT le code ci-dessous :
  <a href="https://twitter.com/#!/Sarahbzh"><img src="https://breizhsocialblog.files.wordpress.com/2015/02/twitter.png" alt="Twitter" /></a>

• 

  sarahbzzh · Membre · mars 6, 2015 at 12:23

  • Copier le lien

  Bon on va faire les choses plus simplement.
  Moi j’ai ça :

  <aside id="text-2" class="widget widget_text" title="Faites Shift+clic pour modifier ce widget."><h1 class="widget-title">Follow me</h1>			<div class="textwidget"></div>
  		</aside>

  Alors où voulez-vous que je mette ça :
  <a href="https://twitter.com/#!/Sarahbzh"><img src="https://breizhsocialblog.files.wordpress.com/2015/02/twitter.png" alt="Twitter" /></a> ?

• 

  airodyssey · Modérateur · mars 6, 2015 at 12:29

  • Copier le lien

  Oui

• 

  airodyssey · Modérateur · mars 6, 2015 at 12:31

  • Copier le lien

  J’avais mal lu la question. Je croyais que vous vouliez dire « Alors voulez-vous que je mette ça », désolé.

• 

  airodyssey · Modérateur · mars 6, 2015 at 12:33

  • Copier le lien

  Bon. Imaginez-vous que vous avez copié-collé le code correctement et que le bouton apparaît parfaitement sur votre site en ce moment.

  Par contre, si vous ne le voyez pas, c’est probablement parce que vous avez installé un logiciel ou une extension qui bloque par erreur le bouton, en pensant que c’est une publicité.