JESUISUNGEEK.COM - Mot-clé - soclinks2022-10-15T08:24:27+02:00urn:md5:80fcbbbeeb78d335e0ba1eaeec99fb37DotclearSocial Linksurn:md5:f83747cf1598a794a14324f29d98eebc2008-07-15T21:42:00+00:002012-10-07T14:57:13+00:00Jean-Baptiste LangloisBidouillesdcsoclinksdotclearfacebookphpsocial linkssoclinkstwitter<p>Plugin pour DotClear 1.2 pour envoyer le lien d'un post d'un blog sur un réseau social ou de l'ajouter directement à ses favoris.</p> <p><img src="http://www.jesuisungeek.com/public/pictures/divers/.social-network-icons_s.jpg" alt="social-network-icons.jpg" style="float:left; margin: 0 1em 1em 0;" title="social-network-icons.jpg, oct. 2012" />Depuis la fin de l'année 2006, les réseaux sociaux fleurissent sur le Web. Entre les réseaux où on partage ses humeurs (<a href="http://www.facebook.com" hreflang="en">Facebook</a>), ceux où on partage ses favoris (<a href="http://del.icio.us" hreflang="en">Del.icio.us</a>) ou encore les news pour nerds (<em>stuff that matters</em>, <a href="http://slashdot.org" hreflang="en">Slashdot</a>), les manières de partager ses découvertes ou ses coups de coeur se multiplie. A ce titre, de plus en plus d'<q>utilisateurs finaux</q> adhère à ce genre de vue, mais cela demeure toujours assez compliqué pour eux pour mettre à disposition le lien qui les intéresse (Paradigme habituel du <q>copier le lien, se connecter, coller le lien, envoyer, se déconnecter</q>). L'idée sera alors de proposer au lecteur du blog (ici <a href="http://www.dotclear.net/" hreflang="fr">Dotclear</a>) une barre de liens vers les principaux réseaux sociaux afin de pouvoir partager l'information voulue en un seul clic.<br />
<img src="http://www.jesuisungeek.com/public/pictures/real/soclinks-1.png" alt="soclinks-1.png" title="soclinks-1.png, oct. 2012" /><br />
Ce genre de choses existe déjà chez Wordpress, et j'ai voulu mettre en place ce principe sur ce site, mais étrangement il n'existe pas sur Dotclear. Une solution alternative est pourtant disponible (<a href="http://www.addthis.com/" hreflang="en">AddThis</a>) mais l'ensemble n'est pas très personnalisable et, pour ainsi dire, assez moche.<br />
J'ai donc commencé à bidouiller les sources de mon <em>template</em> Dotclear et, de fil en aiguille, c'est devenu un plugin <img src="/dotclear/themes/chestnut/smilies/cool.gif" alt="8-)" class="smiley" /> <br />
<a href="http://www.jesuisungeek.com/public/pictures/real/soclinks-2.png" title="soclinks-2.png"><img src="http://www.jesuisungeek.com/public/pictures/real/.soclinks-2_s.jpg" alt="soclinks-2.png" title="L'interface principale de configuration" /></a>
<a href="http://www.jesuisungeek.com/public/pictures/real/soclinks-3.png" title="soclinks-3.png"><img src="http://www.jesuisungeek.com/public/pictures/real/.soclinks-3_s.jpg" alt="soclinks-3.png" title="Ajouter un élément" /></a>
<a href="http://www.jesuisungeek.com/public/pictures/real/soclinks-4.png" title="soclinks-4.png"><img src="http://www.jesuisungeek.com/public/pictures/real/.soclinks-4_s.jpg" alt="soclinks-4.png" title="L'aide en ligne" /></a><br />
Comme on peut le voir sur les <em>screenshots</em> ci-dessus, j'ai décidé de ne pas réinventer la roue ; j'ai donc développé mon interface de configuration en me basant sur <ins>Veni Vidi Vici</ins>, un plugin de gestion de médias. Comme la plupart des plugins Dotclear, il est relativement intuitif et ne nécessite quasiment aucun code à insérer (la création de la base de données est, par exemple, entièrement automatique). Tout ce qui vous est demandé est d'avoir un blog utilisant Dotclear <img src="/dotclear/themes/chestnut/smilies/wink.gif" alt=";-)" class="smiley" /> <br />
<br />
<strong>Présentation</strong><br />
Le plugin SocialLinks permet d'intégrer à ses billets DotClear une barre permettant d'envoyer le lien du billet lu à n'importe quel réseau social configuré au préalable. Si vous voulez, par exemple, faire connaître le <em>post</em> que vous lisez à vos contacts sur Facebook, il suffit de cliquer sur l'icône <q>Envoyer via Facebook</q> pour le faire partager. Vous pouvez, bien entendu, également utilisé SocialLinks pour enrichir vos favoris sur des sites comme Del.icio.us.<br />
<br />
<strong>Utilisation</strong><br />
Pour afficher la barre SocialLinks dans votre blog, insérez le code suivant dans vos fichiers post.php et list.php à l'emplacement où vous souhaitez le voir figurer :<br />
<code><?php dcSocialLinks::show($GLOBALS['news']); ?></code><br />
<br />
<strong>Description des options</strong><br /></p>
<ul>
<li><ins>Intitulé :</ins> Indiquez ici l'info-bulle de l'iône dans la barre de SocialLinks.<br /></li>
<li><ins>URL :</ins> Indiquez ici l'adresse internet correspondant au lien de partage du réseau social voulu. Il faut, de plus, indiquer, sur ce lien, les références aux URLs et les références aux titres. Ainsi si on veut ajouter Facebook dont le lien de partage est http://www.facebook.com/share.php?u=<url_du_site_à_partager>, on pourra taper <q>http://www.facebook.com/share.php?u=%URL%</q></li>
<li><ins>Image :</ins> Indiquez ici le chemin d'accès à l'image associée au réseau social. Ce chemin doit être relatif à votre dossier images ou bien une URL complète commençant par http:// ou par ftp://. SocialLinks est fourni avec les icônes de Del.icio.us, Digg, Facebook, Slashdot et Google.<br /></li>
</ul>
<p><br />
<strong>Options de configuration</strong><br /></p>
<ul>
<li><ins>Titre à afficher :</ins> Titre à afficher à la gauche de la barre SocialLinks. Facultatif. Par défaut, aucun titre n'est précisé.</li>
<li><ins>Label des URLs :</ins> Mot clé permettant d'indiquer à quel endroit l'URL du billet sera insérée (par défaut %URL%).</li>
<li><ins>Label des titres :</ins> Mot clé permettant d'indiquer à quel endroit le titre du billet sera insérée (par défaut %TITLE%).</li>
<li><ins>URL du site :</ins> URL du site sur lequel DotClear est installé. SocialLinks tente de le déterminé par lui-même à l'installation<br /></li>
</ul>
<p><br />
<strong>TODO</strong><br /></p>
<ul>
<li>Régler ce problème qui fait que l'on a le même rendu, que l'on soit en ISO8859-1 où en UTF-8.<br /></li>
</ul>http://www.jesuisungeek.com/index.php?post/2008/07/15/147-social-links#comment-formhttp://www.jesuisungeek.com/index.php?feed/atom/comments/143