SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

289 Plugins, 197 contribs sur SPIP-Zone, 122 visiteurs en ce moment

Accueil > Interactivité, échanges > Recommandation Sociale > Liens sociaux > Liens sociaux

Liens sociaux

6 septembre 2015 – par erational, Peetdu, Teddy Payet – 16 commentaires

21 votes

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

  1. <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 :

  1. #CONFIG{sociaux/nom_site}

Par exemple :

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

Télécharger

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

Voir en ligne : http://plugins.spip.net/sociaux

Dernière modification de cette page le 11 mai 2018

Retour en haut de la page

Vos commentaires

  • Le 29 mars à 17:34, par Jaseur Boréal En réponse à : Liens sociaux

    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

    Répondre à ce message

  • Le 4 mars à 17:55, par baloo En réponse à : Liens sociaux

    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

  • Le 1er février à 13:46, par degom95 En réponse à : Liens sociaux

    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

    • Le 1er février à 14:15, par Teddy Payet En réponse à : Liens sociaux

      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,

    • Le 1er février à 18:12, par degom95 En réponse à : Liens sociaux

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

      André

    Répondre à ce message

  • Le 28 mars 2016 à 21:05, par Morad En réponse à : Liens sociaux

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

    Répondre à ce message

  • Le 21 octobre 2017 à 18:19, par Arnaud En réponse à : Liens sociaux

    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

    • Le 21 octobre 2017 à 20:06, par erational En réponse à : Liens sociaux

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

    • Le 23 octobre 2017 à 23:42, par Arnaud En réponse à : Liens sociaux

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

    Répondre à ce message

  • Le 8 février 2017 à 10:29, par AlainF En réponse à : Liens sociaux

    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

  • Le 28 mars 2016 à 18:54, par Peetdu En réponse à : Liens sociaux

    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

  • Le 22 septembre 2015 à 10:13, par Peetdu En réponse à : Liens sociaux

    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

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

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 Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Owl Carousel 2

    30 novembre 2017 – 12 commentaires

    Owl Carousel est un diaporama jQuery adaptable aux différentes tailles d’écran, qu’on peut actionner par glisser, il utilise CSS3 mais il est compatible avec les vieux navigateurs, et il est aussi paramétrable. Le présent plugin permet d’utiliser (...)

  • Slick

    17 mai 2017 – 43 commentaires

    Intégration à SPIP du carrousel Slick : https://kenwheeler.github.io/slick/ Fonctions de Slick Son utilisation permet d’afficher une liste d’éléments défilants, en l’occurrence ici une série de photographies. Par les configurations proposées, il est (...)

  • Massicot

    7 octobre 2015 – 77 commentaires

    Recadrez et redimensionnez vos images directement dans l’espace privé de SPIP ! Inspiré par le plugin photospip, ce plugin plus minimaliste permet de recadrer et redimensionner les images dans l’espace privé de SPIP. Une fois le plugin installé et (...)

  • Réservation d’événements

    16 mars 2015 – 409 commentaires

    Ce plugin permet d’offrir aux visiteurs de s’inscrire pour un évènement du plugin Agenda et de gérer les réservations enregistrées. Installation Le plugin s’installe comme n’importe quel plugin. il nécessite : Agenda API de vérification Facteur (...)

  • Newsletters

    16 janvier 2013 – 455 commentaires

    Ce plugin permet de composer des Info-lettres. Par info-lettre, on désigne ici le contenu éditorial qui va être composé et envoyé par courriel à une liste d’inscrits. Le plugin permet de composer une info-lettre à partir d’un modèle pré-composé, (...)