Rezosocios

Un plugin pour créer autant de liens de réseaux sociaux que l’on souhaite, et permettre de les lier aux contenus.

Installation

a) Configuration requise

Ce plugin n’a aucune dépendance (il ne nécessite aucun autre plugin pour fonctionner).

Ce plugin utilise :

  • Saisies pour Formulaire. Le plugin Rezosocios propose deux nouvelles saisies pour ce plugin.
  • Noizetier. Le plugin Rezosocios propose une noisette pour ce plugin.

b) Installation & configuration

Le plugin s’installe comme n’importe quel plugin SPIP.

Une fois installé, vous pouvez accéder à la configuration, en cliquant depuis la page d’administration des plugins sur l’icône suivante :

Deux options de configuration sont possibles :

  • activer la feuille de style dans l’espace public. Cela permet de bénéficier au delà de l’espace privé et dans l’espace public de la solution graphique adoptée par le plugin (police de de caractère Socicon déclinée en CSS),
  • définition des objets associables. C’est l’option avec laquelle vous choisissez les contenus sur lesquels activer les liaisons.

Utilisation

a) Création des liens

Créez les liens via le menu ÉditionRéseaux sociaux.

b) Valorisations possibles des liens

Autres fonctionnalités : Vous disposez de différents outils pour valoriser les liens créés.

  1. Un modèle
  2. Un squelette générique à inclure dans ses squelettes pour afficher une barre d’icônes avec les liens configurés : inclure/rezosocios.html
  3. Une noisette qui réutilise ce squelette
  4. Deux saisies pour choisir des liens ou des types de liens : rezosocios et type_rezo
  5. Une entrée de menu qui permet d’avoir un ou plusieurs liens configurés.

c) Détail de l’utilisation du modèle

Le modèle peut s’utiliser dans vos articles ou dans vos squelettes.
Pour l’inclusion dans un article, le modèle s’utilise comme tous les modèles d’une image ou d’un document. Voici un exemple très simple affichant le réseau social ayant l’identifiant 1 :
<rezosocios1>

Pour l’intégration dans un squelette, il faut privilégier une inclusion. Voici un exemple, où, après avoir vérifier que le plugin est actif, il est demander l’inclusion des icônes d’accès aux réseaux sociaux liés à mon objet.

[(#PLUGIN{rezosocios}|oui)
        <INCLURE{fond=inclure/rezosocios, id_objet=#ID_ARTICLE, objet=article}>
]

S’il a été associé trois réseaux sociaux à l’article précité, par exemple un sur Dailymotion, un sur Instagram et un autre sur twitter, sera affiché les trois icônes correspondantes :

Icônes de réseaux sociaux
Ces icônes sont animées. Au survol une bulle d’information indique le compte du réseau. Un clic dessus mènera l’utilisateur vers le réseau correspondant.
Paramètres
argumentexplication
id_rezosocio un ou plusieurs identifiants
type_rezo facebook | twitter, etc.
objet + id_objet identifiant d’un objet lié
par champ utilisé pour le tri, défaut = type_rezo + sinum titre
class classes ajoutées au conteneur
align classe d’alignement ajoutée au conteneur (left | right)

d) Cas particuliers et sur-mesure

L’inclusion, le modèle et la noisette sont là pour simplifier la vie, mais pour des cas particuliers on peut toujours faire des boucles à la main dans ses squelettes.

Voici un exemple à minima :

<BOUCLE_rezosocios(REZOSOCIOS)>
#SET{classe,#TYPE_REZO*|rezosicos_classe_socicon}
#SET{url,#TYPE_REZO*|rezosocios_url{#NOM_COMPTE}}
<a href="[(#GET{url})]" class="[(#GET{class}|attribut_html)]" rel="external" lang="#LANG">#TITRE</a>
</BOUCLE_rezosocios>

Différences et similarités avec d’autres plugins

Ces différences sont des complémentarités, et non des concurrences. Pour faire votre choix, il s’agit de bien définir votre besoin.

Le plugin Sociaux

Il y a 2 différences principales avec le plugin Sociaux :

  1. On peut créer plusieurs liens pour un même type de réseau social
  2. On peut lier les réseaux aux contenus

L’apparence de la barre d’icônes est similaire entre les 2 plugins : c’est la même police de de caractère Socicon qui est utilisée, et il s’agit du même composant CSS .sociaux, avec le même markup.

On peut donc passer de l’un à l’autre sans bouleverser l’affichage sur le site public. La feuille de style surchargeable se trouve dans css/rezosocios.css.

Choisissez l’un ou l’autre plugin selon vos besoins.

Le plugin SocialTag

Le plugin SocialTag fonctionne à l’inverse du présent plugin.

SocialTag permet de proposer de partager le contenu de votre site sur les réseaux sociaux de vos visiteurs.

Alors que le présent plugin propose à vos visiteur d’accéder à des réseaux sociaux que vous définissez éditorialement.

Discussion

One discussion

  • 1

    Bonjour,
    j’utilise le plugin Rezosocios au sein du plugin “Contacts et Organisations”, ce qui me permet de définir les réseaux pour mes différentes organisations.

    J’ai donc créé un modèle qui permet d’insérer dans un article diverses informations à propos d’une organisation comme par exemple:
    -  les différents comptes de réseau sociaux
    -  des téléphones, courriels, adresse ... etc
    cependant j’utilise les pictogrammes de la police “Font Awesome” mise en oeuvre par le plugin “Picto avec FontAwesome v1.1.1”.

    De plus mon modele prévoit suivant des parametres d’afficher ou non les informations de l’organisation <organisation|id_organisation=x|voir_tel|voir_rezo|voir_etc....>

    Et donc pour les rezosocios, je choisis le pictogramme en fonction du nom du réseau
    #INCLURE{fond=modeles/picto,nom=#TYPE,theme=carreVide,taille=1}

    Mais je rencontre un probleme dans l’association du #TYPE provenant de rezosocios qui est par exemple pour facebook “Facebook” (donc avec une majuscule en début) et celui de Picto qui est de la forme “facebook” tout en minuscule...
    (pour ce qui est des adresses de site, ce n’est pas perturbant puisque #URL_SITE applique un filltre de mise en minuscule)
    serait-il possible d’appliquer un filtre “toutenminuscule” pour ce champ #TYPE dans le plugin ? car il est difficile (? impossible) de le mettre en place dans le modele

    Merci de votre aide

    • voilà suivant le conseil de cy_altern, il a suffit d’une conversion du champ TYPE_REZO en minuscule ce que je n’avais pas réussi a mettre en oeuvre jusqu’àlors.

      	<B_socios><BOUCLE_socios(REZOSOCIOS rezosocios_liens?){id_organisation}>#SET{type, #TYPE_REZO|mb_strtolower}
      	<a href="https://www.#GET{type}.com/#NOM_COMPTE" target="_blank">[(#ENV{v_rezo}|ou{#ENV{v_tout}}|oui)#INCLURE{fond=modeles/picto,nom=#GET{type},theme=carreVide,taille=1}Rejoindre le réseau</a> ]</BOUCLE_socios><br />
      	</B_socios>

    Reply to this message

Add a comment

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 / PostgreSQL
  • 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 apparait.

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.

Who are you?
[Log in]

To show your avatar with your message, register it first on gravatar.com (free et painless) and don’t forget to indicate your Email addresse here.

Enter your comment here

This form accepts SPIP shortcuts {{bold}} {italic} -*list [text->url] <quote> <code> and HTML code <q> <del> <ins>. To create paragraphs, just leave empty lines.

Add a document

Follow the comments: RSS 2.0 | Atom