zones de lien vers les réseaux sociaux
-
Bonjour,
J’ai besoin de votre aide.
J’aimerai mettre sur mon blog, les liens sur mes différents liens sociaux :
Facebook, pinterest, twitter,
Et aussi un lien sur le mail.
J’ai regardé le lien sur une conversation que vous avez eu que vous m’avais envoyé mais je n’ai absolument rien compris, n’étant pas familière au code.
Si vous pouvez m’expliquer comment je dois faire?D’avance merci.
L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).
-
Je peux comprendre que voir du code puisse vous faire peur.
Mais si vous voulez insérer une zone de liens vers les réseaux sociaux, vous allez devoir manipuler un peu de code.
D’accord?
Alors retournez à la page https://fr.forums.wordpress.com/topic/zone-de-liens-vers-reseaux-sociaux?replies=4 et dites-moi à quelle étape vous bloquez SVP.
-
Bonjour,
Ce que je comprend sur le code que vous m’avez envoyé c’est que chaque icône a besoin d’une ligne de code pour envoyé vers le lien réseau en question.
Je n’ai pas vu le code pour Facebook.
Il faut changer l’adresse qui est noté entre « », c’est ça? -
-
Désolé, je n’avais pas réalisé que ce code-là ne contenait pas de bouton pour Facebook.
Recommençons.
Vous voulez insérer trois boutons (sous forme d’image). Pouvez-vous commencer par trouver trois boutons (un pour chaque réseau social) sur Internet, p. ex., dans Google Images?
Je pourrai ensuite vous indiquer comment transformer ces boutons en liens.
-
Parfait! Ça y est, j’ai télécharger les logos : facebook, Pinterest et twitter.
Une question pour instagram comme je le fais apparaître dans les widgets, est-ce qu’il est nécessaire de faire un lien également vers ce réseaux?
Merci pour votre aide. -
Alors, du coup j’ai un peu regardé les autres blogs et je vais mettre en lien :
– Facebook
– E-mail
– Pinterest
– Instagram
– Twitter
Pas forcément dans cet ordre.
Merci pour votre aide. -
Quelles sont les adresses de ces cinq logos SVP? (Si vous les avez versés dans votre bibliothèque de médias sur WordPress.com, l’adresse devrait commencer par http://_____.files.wordpress.com/2010/10)
-
Voici mes adresses des réseaux sociaux :
Pinterest:
http://www.pinterest.com/MyGButterfly/
Twitter
https://twitter.com/butterfly20133
Facebook
https://www.facebook.com/pages/My-green-butterfly/496841287058668
e-mail
(e-mail visible uniquement pour les modérateurs et le personnel)
Merci -
OK, mais ma question était : quelles sont les adresses de ces cinq logos SVP? (Si vous les avez versés dans votre bibliothèque de médias sur WordPress.com, l’adresse devrait commencer par http://_____.files.wordpress.com/2010/10)
-
Ah oui, pardon, voici les adresses des 5 logos :
Pinterest http://mygreenbutterflyblog.files.wordpress.com/2014/10/pinterest_button_teal.png
instagram
http://mygreenbutterflyblog.files.wordpress.com/2014/10/instagram_button_teal.png
facebook
http://mygreenbutterflyblog.files.wordpress.com/2014/10/facebook_button_teal.png
mail
http://mygreenbutterflyblog.files.wordpress.com/2014/10/email_button_teal.png
twitter
http://mygreenbutterflyblog.files.wordpress.com/2014/10/twitter_button_teal.png
Merci -
Je vais vous donner le code pour le premier lien. Vous allez voir que c’est simple de modifier ce code pour les quatre autres réseaux sociaux.
<a href="http://www.pinterest.com/MyGButterfly/"><img src="http://mygreenbutterflyblog.files.wordpress.com/2014/10/pinterest_button_teal.png" style="border:none;" width="125" height="125" /></a>Comme vous voyez, dans la balise «a», vous mettez l’adresse de votre page sur le réseau social. Dans le cas d’une adresse email, vous mettriez mailto: suivi de l’adresse email. Exemple :
mailto:support@wordpress.com
Dans la balise «img», vous mettez l’adresse de l’image. Les paramètres « width » et « height » peuvent être rajustés selon les dimensions de boutons que vous voulez. -
Bonjour,
J’ai essayé plusieurs fois de mettre les codes et je ne suis jamais parvenu à que ce soit apparent sur le blog, j’ai essayé à plusieurs endroits différents et ça ne change rien.
Est-ce que vous pouvez me dire dans quelle rubrique il faut que je les insère? Merci -
Il faut aller dans Apparence > Widget, insérer un widget de texte, et les insérer dans un widget « Texte ». (C’était la prochaine étape.)
Si vous n’y arrivez pas, copiez-collez le code HTML complet que vous tentez d’insérer dans un widget de texte.
-
Merci beaucoup,j’ai compris comment faire, la seule chose cela s’affiche en verticale mais c’est pas très génant! Merci encore!
-
Les boutons sont à la verticale probablement parce que vous avez mis des retours de chariot (« Enter ») à la fin de chaque code. Autrement dit, chaque réseau social commence sur une nouvelle ligne.
Enlevez les retours de chariot (« Enter ») et remplacez-les par des espaces. Au lieu de mettre ça :
<a href="http://www.pinterest.com/MyGButterfly/"><img width="35" height="35" style="border:none;" src="http://mygreenbutterflyblog.files.wordpress.com/2014/10/pinterest_button_teal.png"></img></a> <a href="...Mettez ça :
<a href="http://www.pinterest.com/MyGButterfly/"><img width="35" height="35" style="border:none;" src="http://mygreenbutterflyblog.files.wordpress.com/2014/10/pinterest_button_teal.png"></img></a> <a href="... -
Je vais essayer de modifier après je trouve que ça change de type de présentation.
Par contre, pour le lien vers le mail, je n’arrive pas à vérifier que le lien fonctionne bien.
Merci pour votre aide. -
Que voulez-vous dire par « je n’arrive pas à vérifier que le lien fonctionne bien »? Vous voulez dire que vous cliquez et rien ne se passe? Malheureusement, les liens de type « mailto » ne fonctionnent pas pour tout le monde. Seulement pour les personnes qui ont décidé d’activer les liens « mailto » (parce qu’elles les utilisent).
À ma connaissance, les gens qui n’utilisent pas les liens « mailto » vont simplement ouvrir leur système d’email, et copier-coller l’adresse email dans un nouveau message. Vous pourriez également offrir un formulaire de contact. (Si le formulaire de contact vous intéresse, créez un nouveau sujet SVP.)
- Le sujet ‘zones de lien vers les réseaux sociaux’ est fermé aux nouvelles réponses.