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 :
- Youtube
- Blogger
- RSS
- ...
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 :
- ordonner les icônes depuis le menu de configuration d’un Menu
- 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.
Il vous suffit alors de rentrer dans le champ Nom du réseau, le nom correspondant à vos souhaits.
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
Discussions par date d’activité
Une discussion
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
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 ?)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.
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...
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 ,-)))
...
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
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 :
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.
Suivre les commentaires : |