Liens sociaux

Déclarez vos réseaux sociaux et affichez-les sur le site public.

Ce plugin permet de déclarer les comptes des réseaux sociaux associés à votre site et d’en afficher facilement les liens sur le site public, pour que les internautes puissent les suivre.

Attention : il ne s’agit pas d’afficher des boutons de partage vers les réseaux sociaux — dans ce cas, utilisez plutôt Social tags — mais bien d’afficher les liens vers vos comptes.

Configuration

Une fois installé, vous pouvez renseigner les adresses des réseaux sociaux que vous souhaitez associer à votre site.

Pour l’instant le plugin gère les liens vers :

  • Facebook
  • Twitter
  • Instagram
  • Google+
  • Pinterest
  • Linkedin
  • Youtube
  • Blogger
  • RSS
  • Email

Le plugin propose une option pour habiller les liens avec un jeu d’icônes reposant sur la police de caractères Socicon.

Utilisation simple dans un squelette

Pour ajouter cette barre de liens à votre squelette, ajoutez le code suivant

<INCLURE{fond=inclure/sociaux}>

Voici le rendu dans l’espace public (si on n’active pas l’option habillage) :

Voici le rendu dans l’espace public (si on active l’option habillage) :

Un modèle est aussi disponible pour les rédacteurs. Il suffit d’insérer le code <sociaux1> dans le texte de leurs articles.

Utilisation avec le plugin Menus

Si vous utilisez le plugin Menus, vous trouverez une nouvelle entrée « Lien vers un réseau social ».

Cela demande un peu plus de clics, mais présente aussi les intérêts suivants

  1. vous pouvez classer les icons dans l’ordre que vous voulez. En effet, le plugin Menu propose d’ordonner les items.
  2. vous pouvez ajouter un lien vers un réseau social dans une barre de menu.

Dans ce cas, nul besoin de modifier vos squelettes si vous avez déjà intégré les balises nécessaires au plugin Menus.

Exemple d’intégration dans une barre de navigation

Il vous suffit alors de rentrer dans le champ Nom du réseau, le nom correspondant à vos souhaits.

Liste complète des réseaux sociaux (et autres) disponibles

Personnaliser l’habillage

La personnalisation se fait via CSS.

Si vous n’activez pas l’option d’habillage, le plugin fournit uniquement le marquage HTML grâce au squelette inclure/sociaux.html.

Si vous activez l’option habillage, le plugin charge une feuille de style basée sur la police Socicon dont les caractères reprennent les icônes des réseaux sociaux.

Vous pouvez facilement personnaliser graphiquement la barre (taille des icônes, couleurs, fonds…) en ajoutant votre propre feuille de style.

Exemple de rendus possibles :

Pour en savoir plus, consulter la documentation de la police Socicon

Utilisation pour les concepteurs de squelettes

En plus du modèle fourni, vous pouvez récupérer les liens par la syntaxe suivante :

#CONFIG{sociaux/nom_site}

Par exemple :

[<a href="(#CONFIG{sociaux/facebook})">
  Aller sur notre page facebook
</a>]

Vous pouvez donc facilement créer une barre selon vos besoins.

Étendre le plugin

Le plugin est sur la zone, n’hésitez à l’étendre selon vos besoins.

Alternative

Le plugin rezosocios permet aussi de gérer les liens
http://zone.spip.org/trac/spip-zone/browser/_plugins_/rezosocios/trunk

Discussion

8 discussions

  • 1
    Jaseur Boréal

    Bonjour,

    C’est sympa d’avoir ajouté les dits-réseaux sociaux phoniques
    21 viber
    22 whatsapp
    23 skype

    Dans la liste des réseaux téléphoniques il y a Linphone sip sécurisé & GNU qui pourrait aussi être ajouté comme réseau social vidéo-phonique français très pratique et sécurisé :

    Linphone.org lancé en 2001, héberge un service SIP gratuit permettant aux utilisateurs de passer des appels audio et vidéo IP. C’était la toute première application open source utilisant le logiciel SIP distribué sous Licence Publique Générale GNU / Linux. Linphone est porté sur les principales plateformes de bureau, mobiles et web sous Windows, iOS, Android, Windows Phone, Blackberry, Linux.

    Ce serait super.
    Merci

    • Bonjour,

      Nous utilisons une librairie d’icônes dans ce plugin : Socicon. De ce fait, nous n’avons pas la main « directe » sur les icônes ajoutées.

      Toutefois, depuis le site, il est possible de demander l’ajout d’une icône par email (qui est indiqué sur ledit site de la librairie). C’est ce qui a été fait par erational pour que SPIP puisse figurer parmi les logos.

      Amicalement,

    Répondre à ce message

  • baloo

    j’ai fait un modèle avec affichage vertical ( dans squelettes/modele) à partir du modèle donné dans le plugin.
    si j’insere le modele dans l’espace privé, je vais dans la partie visualisation ( petits carrés apres voir) c’est ok .
    par contre si j’enregistre et que je reviens dans la page « modifier cet article » ... je vois les icones en vertical dans l’espace prive, hors du contenu de l’article, sans css socicon.
    est-ce parce que j’ai mis le modèle dans squelettes ?

    Dans l’espace public c’est nikel .... c’est le principal

    Répondre à ce message

  • 2

    Bonjour,
    Lorsque j’utilise ce plugins avec Spip, il affiche une photo qui n’a rien à voir avec l’article.
    S’agit-il d’un bug ou y a t’il une logique que je n’ai pas saisie

    Voir les deux documents joints.
    Y a t’il un moyen de choisir la photo ou de ne pas prendre de photo tout simplement.

    Je suis sous spip 3.2.0 et Escal V3 4.0.22

    • Bonjour,

      Je crois que tu t’es trompé de forum :-D. Le plugin que tu utilises sur ton site est le plugin Socialtags et non « Liens vers les réseaux sociaux ».

      Toutefois, voici une piste pour régler ton souci de partage Facebook (et autres). Ton site n’utilise pas les tags open graph. Pour y remédier, tu peux utiliser le plugin Métas +. Je t’invite à lire la documentation de ce plugin.

      Amicalement,

    • Merci,
      Désolé de la méprise.

      André

    Répondre à ce message

  • 2

    Bonjour,
    Peut-on personnaliser les icônes depuis l’outil d’administration et en ajouter des nouveaux ?
    Merci.

    Répondre à ce message

  • 2

    Bonjour,
    Serait-il envisageable que les liens de type e-mail soient automatiquement préfixés par le protocole mailto: ? Idéalement si et seulement si le paramètre saisi ne précise pas encore ce protocole.
    Merci d’avance

    • Bonne idée !
      C’est ajouté au modèle fourni par le plugin (version 2.1.3)
      Spipement :)

    • Super, merci beaucoup ! Quelle réactivité, c’est impressionnant !

    Répondre à ce message

  • Bonjour,
    bravo pour ce plugin qui pourrait être natif dans Spip ! si, si.

    comment renseigner la balise « title » du lien ?
    Pour avoir au survol :
    « Découvrez notre page FB » ou G+ ....

    Cordialement, Alain

    Répondre à ce message

  • 1

    Depuis http://zone.spip.org/trac/spip-zone/changeset/95311/, les icônes ne s’affichent plus dans un lien rond mais un plutôt ovale. C’était mieux avant :)

    Répondre à ce message

  • 1

    Il me semble que la page de config de ce plugin (?exec=configurer_sociaux) aurait sa place dans le menu « Squelettes ».

    Si tu es d’accord, je peux m’en occuper.

    gogogo ?

    Peetdu

    Répondre à ce message

Ajouter un commentaire

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom

Dernière modification de cette page le 11 mai 2018