Liens vers les réseaux 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
  • Pinterest
  • Linkedin
  • Youtube
  • Blogger
  • RSS
  • Email
  • ...

Pour connaitre la liste complète des réseaux
https://git.spip.net/spip-contrib-extensions/sociaux/src/branch/master/sociaux_pipelines.php#L35

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 ».

Vous pouvez alors :

  1. ordonner les icônes depuis le menu de configuration d’un Menu
  2. ajouter un lien social dans une barre de menu.

Dans ce dernier 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

Discussion

Une discussion

  • 8
    christophe noisette

    Je réitère mon commentaire car le précédent semble n’avoir pas été enregistré.
    Donc j’ai mis le code suivant dans mon modèle de newsletter

    <INCLURE{fond=inclure/sociaux}>

    J’ai la liste de mes réseaux qui s’affichent sous cette forme
    E-mail
    Instagram

    Mais donc sans icônes... et donc c’est vraiment beaucoup moins esthétique.
    Pourtant j’ai bien choisie l’option habillage.

    Une piste, une idée ?
    J’ai le même souci avec l’autre plugin proche « rezosocios »...

    Bonne journée
    Christophe

    • Bonjour Christophe

      Je viens de tester le code du inclure avec le plugin à jour sociaux 2.3.4.
      Cela fonctionne sans problème, la barre de liens est bien habillée

      Le bug doit être ailleurs (conflit avec un autre plugin ?,#INSERT_HEAD manquant ?)

    • Christophe Noisette

      Merci d’avoir répondu.
      Je suis sur une info-lettre et pas sur un squelette article.
      Je ne sais pas si ce point avait été clair dans mon commentaire.
      Je regarde du cote de #insert_head
      Bonne journée
      C.

    • Christophe Noisette

      Donc grace à cette balise mise en haut de mon code de mon info-lettre j’ai donc les ronds... mais il me manque désormais les icones des réseaux sociaux qui ne sont pas rappatriés... je creuse...

    • Christophe Noisette

      Et sur le mail reçu sur mon tél. portable, je n’ai que le texte et même pas le rond de couleur... Je continue de creuser... mais si vous avez une idée ,-)))

    • Christophe Noisette

      ...

    • Christophe Noisette

      et vraiment merci Spip et vous tous et toutes...

    • Le HTML des newsletters est particulier ... il faut souvent doubler les instructions dans css en ligne, les fonts externes ne sont pas forcement chargées .

      cela sort du cadre de l’utilisation normale du plugin

    • Christophe Noisette

      Oui j’ai bien compris ce principe... malheureusement je sais pas comment doubler les info css... ce que j’ai tenté ne fonctionne pas.. Je vais me débrouiller comme je peux. Merci Emmanuel pour tes réponses.

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

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

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