SPIP-Contrib

SPIP-Contrib

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

288 Plugins, 197 contribs sur SPIP-Zone, 258 visiteurs en ce moment

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

Liens sociaux

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

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

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


Exemple de menu combinant des liens vers « Accueil », l’article « Nous contacter », la page « Plan du site » et le réseau social « Twitter ».

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 10 mai 2016

Retour en haut de la page

Vos commentaires

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

  • Balises #SWITCH et #CASE

    20 mai 2016 – commentaires

    Ce plugin introduit dans SPIP les balises #SWITCH, #CASE et #CASE_DEFAULT qui reproduisent le fonctionnement des switch... case... default... du php et du C. Utilisation Les balises #SWITCH, #CASE et #CASE_DEFAULT permettent de comparer un (...)

  • Saisies

    27 mars 2010 – 481 commentaires

    Introduction Créer un formulaire est une tâche toujours un peu répétitive : les champs ont souvent les mêmes propriétés, le même accompagnement (message d’erreur, explication, ...) et la même structure HTML. Ce plugin est un outil pour les développeurs (...)

  • CookieChoices

    26 septembre 2014 – 18 commentaires

    Affiche un avertissement à l’usage des cookies en utilisant le script cookiechoices fourni par google Introduction Par défaut, SPIP est respectueux de la vie privée de ses visiteurs et ne pose pas de cookies de traçages ou publicitaires. Ce (...)

  • Écrire la documentation d’un plugin SPIP

    25 février 2014 – commentaires

    Cet article explique en 4 étapes comment créer les liens de la documentation d’un plugin sur Contrib. Il s’adresse aussi aux administrateurs et administratrices de SPIP-contrib qui auraient des trous de mémoire ;) Prérequis : vous disposez d’un (...)

  • Slick

    17 mai – 11 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 (...)

Ça spipe par là