Boutons réseaux sociaux

• 

  sukie2000 · Membre · septembre 9, 2013 at 12:39

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

  Bonjour,

  J’aimerais intégrer au menu de mon blog des boutons discrets et un minimum esthétiques (ronds si possible) qui renvoient vers mes réseaux sociaux facebook, tumblr et pinterest.

  Y a t-il un widget ou une extension à télécharger pour cela ? Pourriez-vous m’indiquer comment procéder svp ?

  Merci d’avance

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

• 

  sukie2000 · Membre · septembre 9, 2013 at 12:47

  • Copier le lien

  dans l’idéal, j’aimerais ajouter des boutons similaires à ceux présents sur ce blog (en bas de page) : http://thepatternedplate.wordpress.com/

  Merci merci merci

• 

  airodyssey · Modérateur · septembre 10, 2013 at 12:25

  • Copier le lien

  Lorsque vous allez sur un site et que vous y trouvez une caractéristique qui vous plaît, consultez le code source, repérez ce qui vous plaît et adaptez-le à vos besoins.

  Dans le cas du site The Patterned Plate, le code source est le suivant :

  <a href="https://www.facebook.com/thepatternedplate" TARGET="_blank"><img src="http://thepatternedplate.files.wordpress.com/2013/07/fb-badge.png" title="The Patterned Plate on Facebook" /></a>
  
  <a href="http://pinterest.com/patternedplate/" TARGET="_blank"><img src="http://thepatternedplate.files.wordpress.com/2013/07/pinterest-badge.png" title="The Patterned Plate on Pinterest" /></a>
  
  <a href="https://twitter.com/patternedplate/" TARGET="_blank"><img src="http://thepatternedplate.files.wordpress.com/2013/07/twiter-badge.png" title="The Patterned Plate on Twitter" /></a>
  
  <a title="Follow thepatternedplate.wordpress.com on Bloglovin" href="http://www.bloglovin.com/en/blog/3256077"><img alt="http://thepatternedplate.files.wordpress.com/2013/07/blog-lovin-badge.png" src="http://thepatternedplate.files.wordpress.com/2013/07/blog-lovin-badge.png" border="0"></a>

  Modifiez les renseignements et les liens à votre guise, et supprimez les liens dont vous n’êtes pas membre. Puis, copiez-collez le tout dans un widget de texte.

  Maintenant, vous devriez être en mesure de faire cela les prochaines fois ;-)

• 

  sukie2000 · Membre · septembre 10, 2013 at 12:49

  • Copier le lien

  J’ai bien copié le code et remplacer les info par les miennes puis placé tout cela dans un widget texte, mais il semblerait qu’un problème persiste: sur ma page d’accueil les liens fonctionnent bien mais les boutons n’apparaissent pas :s

  Autre question: comment consulter le code source d’un blog ?

  Désolée pour toutes ces questions, je débute.
  Merci encore !

• 

  airodyssey · Modérateur · septembre 10, 2013 at 3:22

  • Copier le lien

  Voilà un détail qui m’a échappé : il ne fallait pas modifier les adresses des images. Seulement celles des pages Facebook, Twitter, etc.

  Vous voyez, The Patterned Plate a ces images sur son espace WordPress.com, mais pas vous. Alors le simple fait de remplacer l’adresse d’une image par la vôtre ne va pas faire apparaître cette image dans votre propre espace WordPress.com.

  Vous avez deux options :
  – remettre les adresses comme avant (remplacer lefilconducteur.files.wordpress.com par thepatternedplate.files.wordpress.com) – le plus simple
  – télécharger ces images, les verser dans votre propre espace, puis remplacer les adresses des images – plus compliqué.

  Pour savoir comment obtenir le code source d’un site, faites une recherche dans Google SVP, car la procédure varie selon le navigateur. Exemple de recherche Google : « comment afficher le code source avec Firefox ».

• 

  sukie2000 · Membre · septembre 10, 2013 at 3:36

  • Copier le lien

  Merci pour ces renseignements. Effectivement la méthode simplifiée fonctionne bien. Cependant, j’aurais voulu que ces boutons soient de la même couleur que le titre et la surbrillance des articles. Il va donc falloir que j’opte pour la solution plus complexe. Qu’entendez-vous par « verser » les images dans mon propre espace. Pourriez-vous m’en dire plus svp?

• 

  airodyssey · Modérateur · septembre 11, 2013 at 12:34

  • Copier le lien

  Avant toute chose : si vous voulez que les boutons soient d’une autre couleur, vous devrez soit trouver ces boutons sur Internet (de la couleur voulue), soit les créer vous-même (si vous savez comment).

• 

  sukie2000 · Membre · septembre 11, 2013 at 7:29

  • Copier le lien

  oui oui, ça je sais faire.
  c’est l’étape d’après dont j’ignore le procédé.

• 

  airodyssey · Modérateur · septembre 12, 2013 at 1:38

  • Copier le lien

  Dans votre tableau de bord, allez à Média > Ajouter.

  Dans l’encadré au milieu de l’écran (celui avec une bordure pointillée), vous glissez-déposez les fichiers voulus ou vous cliquez sur le bouton Sélectionner les fichiers.

  Voilà pour le versement des fichiers. Mais il vous faut également l’adresse du fichier versé, afin que vous puissiez modifier le code de votre widget de texte.

  Dès que vous sélectionnez un ou des fichiers, vous devriez les voir apparaître au bas de l’écran, accompagnés du nom et d’un lien Modifier ou Edit. Cliquez sur ce lien Modifier ou Edit.

  À droite de l’écran, repérez un champ appelé File URL ou Adresse URL du fichier.

  Copiez l’adresse. Elle devrait commencer par lefilconducteur.files.wordpress.com.

  Collez-la à l’endroit approprié dans le widget de texte.

  Et faites ainsi pour tous les autres icônes.

• 

  sukie2000 · Membre · septembre 12, 2013 at 7:25

  • Copier le lien

  Parfait ! Mille mercis pour toutes ces explications !