Boutons réseaux sociaux

  • Bonjour,

    Utilisant depuis longtemps un widget texte pour mes deux premiers boutons, je cherche à ajouter le bouton de ma nouvelle page Facebook juste à côté de mon bouton de twitter mais ne trouve pas le code nécessaire.

    Pour info, j’ai tenté l’utilisation du widget html personnalisé en suspendant mon antipub mais ça n’a pas marché. Je m’y retrouve mieux en restant avec mon petit widget texte auquel je suis si habituée.

    Alors si quelqu’un a un tuyau pour ce petit code à ajouter, je suis preneuse.

    Merci à l’avance

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

  • Bonjour,
    Vous êtes sur le forum WordPress.com.
    Nous sommes habilités à répondre uniquement aux questions sur les sites WordPress qui sont hébergés par WordPress.com.
    Je vous suggère de lire le lien suivant :
    https://wordpress.com/fr/support/widgets/widget-icones-reseaux-sociaux/
    En espérant que tout fonctionne.

  • Le code sur le site Social Media Widgets me rend service et fonctionne. Seul dernier détail, la disposition : les icônes sont l’une en dessous de l’autre et j’aimerais vraiment qu’elles soient l’une à côté de l’autre. Alors comme je ne suis pas une grande spécialiste de code, je suis en train de chercher dedans pour cette disposition souhaitée.
    En tout cas merci déjà Brindille pour votre suggestion.

  • Pour mettre les images l’une à côté de l’autre, je vous suggère de rentrer les icônes en choisissant le mode où se trouvent : Centre, à gauche, à droite,
    de choisir, aucun. Je vous suggère de mettre deux points entre les images dans le widget. Ceci en mode html. Cela compense l’espace qui n’est pas accepté dans ce mode. Ceci par expérience.
    Vous passez en mode html pour le widget et vous verrez ceci : alignqqchose. Il faudra remplacer par alignnone
    Ne pas oublier d’enregistrer.
    J’espère que cela fonctionnera.

  • Merci beaucoup.
    Avez-vous cliqué dans votre widget sur le mode texte ou visuel ? Normalement c’est mode texte. Je devrais pouvoir voir les codes de facebook et de twitter. Pour ce faire, je vous conseille de commencer par l’accent grave ` et terminer par le même à la fin du code.
    Je ne le fais pas. Avez-vous au-dessus de ce cadre le terme « code » ? Si oui clic au-dessus au début et clic dessus à la fin.

    Merci beaucoup.

  • <div>
    <a href="https://twitter.com/monlien">
    <img title="Twitter" alt="Twitter" src="https://socialmediawidgets.files.wordpress.com/2014/03/01_twitter.png" width="35" height="35" /> <a href="//www.facebook.com/monlien">
    <img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook1.png" width="35" height="35" /></div>

    Il est affiché Texte juste au dessus du titre que j’ai tapé dans le widget.

  • Vous avez oublié de fermer vos balises A. Essayez avec ceci :

    <div><a href="https://twitter.com/monlien">
    <img title="Twitter" alt="Twitter" src="https://socialmediawidgets.files.wordpress.com/2014/03/01_twitter.png" width="35" height="35" /></a> <a href="//www.facebook.com/monlien">
    <img title="Facebook" alt="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook1.png" width="35" height="35" /></a></div>
  • Désolée par ce manque d’attention. Je viens d’appliquer le code donné et voici le résultat qui fonctionne impeccable. Mais je cherche toujours dans le code la manière de placer les deux boutons l’un à côté de l’autre et pas l’un en dessous de l’autre.
    Merci beaucoup

  • Je viens d’aller dans un article sur texte et d’essayer de modifier l’alignement, après lorsque j’obtiens satisfaction, j’ai le modèle à mettre dans mon widget, et j’élimine ou supprime mon article que j’ai mis en privé.
    Je vous mets le code pour les avoir l’un à côté de l’autre :

    <div><a href="https://twitter.com/monlien">
    <img class="alignleft" title="Twitter" src="https://socialmediawidgets.files.wordpress.com/2014/03/01_twitter.png" alt="Twitter" width="35" height="35" /></a><a href="//www.facebook.com/monlien">
    <img class="alignnone" title="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook1.png" alt="Facebook" width="35" height="35" /></a></div>

    En fait le premier est aligné à gauche et le suivant n’a pas d’alignement, voir « alignnone »

  • Merci Brindille, je te laisse regarder le résultat du code donné… :(

  • Tient c’est bizarre. Chez moi c’était aligné. Vous avez pris quoi comme widget ? En ce qui vous concerne, je vous suggère le widget texte. Si c’est ce que vous avez pris, je ne comprends pas le décalage.
    Bonne soirée et merci pour le retour.

  • Brindille j’avais pris le widget texte que j’utilise depuis de nombreuses années…..donc effectivement bizarre ce côté non aligné………..
    Merci encore du coup de main.

  • Et si vous essayiez dans le widget texte pour le premier : alignonone à la place de alignleft ?
    Juste pour voir dans le widget ce que cela donne ?

  • Je vous laisse voir le résultat…. :(
    Pour rappel l’intégralité du code en widget texte :
    `<div>
    Twitter

    Facebook
    </div>

  • Je vous laisse voir le résultat…. :(
    Pour rappel l’intégralité du code en widget texte :

    <div><a href="https://twitter.com/monlien">
    <img class="alignonone" title="Twitter" src="https://socialmediawidgets.files.wordpress.com/2014/03/01_twitter.png" alt="Twitter" width="35" height="35" /></a><a href="//www.facebook.com/monlien">
    <img class="alignnone" title="Facebook" src="https://socialmediawidgets.files.wordpress.com/2014/03/02_facebook1.png" alt="Facebook" width="35" height="35" /></a></div>
  • Le sujet ‘Boutons réseaux sociaux’ est fermé aux nouvelles réponses.