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é
13 discussions
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
bonjour
ma question est sans doute sottissime mais voilà : quelles sont les adresses de partage à indiquer ? je ne comprends pas. je voudrais au moins permettre le partage par courriel, sur fb et sur twitter (x)
… et diasporaj* surtout ! mais il n’est pas dans la liste.
merci de votre aide
Jean-Christophe
Bonjour,
Comme indiqué en haut :
La question revient souvent.
Répondre à ce message
Bonjour, est il prévu une montée de version pour la compatibilité avec SPIP 4.1 ? merci
Répondre à ce message
désolé de poser la question ici, mais je cherche de l’info sur le plugin reseauxsociaux... pour savoir si c’est une alternative à socialtags, mais reseauxsociaux n’est pas documenté et je ne le trouve pas dans contrib...
comme il est cité dans cette page... je me permets de poser la question !
bon confinement à tous
pam
Hop,
Face à l’absence de doc j’ai commencé un readme qui explique la base (et les différences avec ce plugin notamment) : https://git.spip.net/spip-contrib-extensions/rezosocios
Répondre à ce message
Bonjour,
Peut-on personnaliser les icônes depuis l’outil d’administration et en ajouter des nouveaux ?
Merci.
Bonjour Morad,
pour l’ajout de nouveaux boutons, tu as potentiellement tout ça :
http://zone.spip.org/trac/spip-zone/browser/_plugins_/sociaux/trunk/css/sociaux.css?rev=96275
Il faut alors modifier le plugin sur la zone pour compléter la liste déjà proposée. N’hésites pas.
Pour personnaliser les icônes, il te faut activer l’option habillage. Ensuite, il faut créer les règles CSS ad-hoc en fonction des tes besoins et des indications dans Socicon
Bonjour,
Je sais que ce message est ancien mais ça pourrait intéresser certaines personnes.
Il existe maintenant un plugin qui permet de lister toutes les icônes de la librairie « Socicon » en sélectionner ce qu’on désire pour le plugin Liens sociaux. Ils vont de pair.
cf. https://plugins.spip.net/socicon
- > https://zone.spip.org/trac/spip-zone/changeset/108380
En effet on peut ajouter facilement de nouvelles icones avec le plugin socicon. Par contre, comment ajouter les liens pour les ajouts ?
par exemple Skype ou WeChat envoient sur http://mondomaine.tld/username, sur PC ou sur smartphone alors que les apps sont installées
euh... j’ai fumé la moquette. Désolé pour cette question inutile
Répondre à ce message
Bonjour, lorsque j’indique les liens sociaux sur mon footer via la page de gestion du plugin, j’obtiens un rendu avec une petite flèche indiquant que le lien est externe... comme sur l’image adjointe... Est-ce qu’il y aurait un remède à cela ?
Merci.
Essaie en ajoutant ceci dans tes CSS personnalisées :
(Pour que ça n’arrive pas à d’autre, ce serait pas mal que ce soit mis par défaut dans les CSS du plug-in, voire en supprimant la classe external du squelette du plug-in.)
Merci 1138 !
J’ai essayé ce bout de code... dans ma page perso.css
Toujours pareil... J’ai beau vider le cache et réactualiser.
Une autre idée ?
Encore merci
Désolé, en fait ça fonctionne, il fallait du temps apparemment pour que le changement soit pris en compte !
En espérant que cela serve pour d’autres dans le même cas que moi.
Merci encore :)
version 2.1.8 : c’est intégré au plugin https://zone.spip.net/trac/spip-zone/changeset/115748/spip-zone
Bonjour,
Le fait d’avoir ajouté la classe spip_out en plus de la classe external dans la révision version 2.1.9 fait du coup réapparaître la petite flèche.
Yann
Ajouter une classe spip_out pour ensuite ajouter 5 lignes css pour effacer l’affichage de la dist me semble un peu absurde.
Mieux faut ne rien mettre du tout non ?
Salut,
@yann45 : merci pour le retour.
Étrange, chez moi,
.sociaux a.external::after { content: none; }
supprime la flèche. Tu as un lien ?@erational : La classe spip_out est la classe générique de SPIP qui permet de cibler les liens externes, il parait donc logique de l’ajouter dans tout lien externe, même issu d’un plugin. C’est par exemple cette classe qu’utilise Liens spip_out ouvrants pour fonctionner.
Bonjour,
J’ai résolu le problème en retirant la classe spip_out dans le fichier sociaux.html donc je n’ai plus le souci, mais cela provient peut-être de la lame du couteau suisse « Spip et les liens externes ». Peut-être que ces 2 plugins se mordent la queue.
Yann
Dans ce cas précis, il ne faut pas modifier (ou surcharger) les fichiers du plugin mais plutôt ajouter une règle à ta feuille de style si besoin, c’est plus pérenne.
Je viens de faire la modif, dis moi si c’est bon (sinon, donne moi un lien que je regarde) : https://zone.spip.net/trac/spip-zone/changeset/115908/spip-zone
Bonjour,
ça ne fonctionne pas. https://alls-judo.fr
Yann
C’est lié à Escal on dirait (voir config.css.html), car depuis SPIP 3.1, la dist utilise bien
a.spip_out::after
eta.external::after
pour ajouter la flèche (voir links.css) alors que ton thème a une image de fond.Essaye d’ajouter
.sociaux a.spip_out { padding-right:0; background:none; }
à ta css perso.Super ! c’est nickel.
Merci beaucoup.
Yann
Répondre à ce message
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
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
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
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
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 : |