JESUISUNGEEK.COM - Mot-clé - social links2022-10-15T08:24:27+02:00urn:md5:80fcbbbeeb78d335e0ba1eaeec99fb37DotclearNews du siteurn:md5:356d129bd36b81caa8246311401f3a8d2008-07-17T07:04:00+00:002012-10-07T16:49:54+00:00Jean-Baptiste LangloisJesuisungeek.comcaptchasocial linksspamviagra<p>Tom Smith et Ashley Bradford, bien connu des acheteurs de pilules bleues, se sont invités sur ce site. J'ai donc modifié quelques choses...</p> <p><img src="http://www.jesuisungeek.com/public/pictures/divers/news_logo.png" alt="News" style="float:left; margin: 0 1em 1em 0;" title="News, oct. 2012" />Bon, je m'y prends un peu tard, par rapport au développement et à l'ajout de mes dernières modifications, mais j'ai moins le mérite d'avertir nos chers recruteurs qui parcourent ce site avec le fol espoir de m'embaucher (car ils sont nombreux - enfin, j'espère :s ). Dans l'idée, toutefois, monsieur le recruteur, je ne suis pas un coeur à prendre... Sauf si tu es une recruteuse, dans ce cas, envoie-moi ta photo et on en discutera :P <br />
Au programme donc :</p>
<ul>
<li>Une de mes connaissances a subi une attaque de spam et du coup, non seulement son blog était tout pollué de commentaires de <q>Ashley Bradfrod</q> et de <q>Tom Smith</q> ayant trait au <em>V1aGr4</em> et au <em>Ci4l1s</em>, mais en plus, son hébergeur, sous le coup de l'afflux d'un trop plein de requête a suspendu son compte. Du coup, plus de base de données, plus de news, elle est super contente. Perso, ça m'a fait un peu peur car, vu que ça fait quatre ans que je bosse sur ce site, ça me ferait chier de tout perdre (en plus, j'ai certains programmes que j'ai développé dont la seule sauvegarde existante est sur le serveur de Online.fr (Bon, certes, je paye pour une restauration en cas de <em>problèmes</em>, mais bon, on sait jamais). Au programme donc : j'ai installé un petit plugin DotClear de type <a href="http://fr.wikipedia.org/wiki/Captcha" hreflang="fr">CAPTCHA</a> (<a href="http://fr.wikipedia.org/wiki/Test_de_Turing" hreflang="fr">Test de Turing</a>), censé interdire l'envoi de nouveaux commentaires si le lecteur ne répond pas à une question à laquelle seul un humain peur répondre (c'est le petit bordel qui vous demande combien font 3 fois 4 en dessous des billets). Seul problème, j'ai installé cette solution la veille de l'annonce officielle par <a href="http://slashdot.org" hreflang="en">Slashdot</a> du crackage par des spammeurs des CAPTCHA de Gmail, Yahoo Mail et Windows Live... Lucky! :( Du coup, je rajoute, et c'est bien parce que c'est vous ma petite dame, un script permettant une exportation bimensuelle de ma base de données (ainsi qu'une sauvegarde mensuelle du site) pour un stockage à deux endroits, un à Cupertino en Californie, et un sur mon disque externe 3,5". Je devrais être peinard, là...</li>
<li>Vous avez sans doute remarqué l'ajout d'une petite barre en dessous de tous les billets qui contient des icônes bien connues des amateurs de réseaux sociaux. Il s'agit de <a href="http://www.jesuisungeek.com/index.php?post/2008/07/15/147-social-links">Social Links</a>, mon premier plugin pour DotClear \o/ De nombreux moteurs de blog proposent un système équivalent pour envoyer les liens des billets qu'on lit actuellement à toute la communauté. Etrangement, ce système n'existait pas sur DotClear. J'ai songé, au départ, à <em>hardcoder</em> tout ça dans mes sources, mais je me suis dit qu'un plugin serait plus simple à maintenir, pourrait servir à d'autres et <strong>surtout</strong> j'apprendrais de nouveaux trucs <img src="/dotclear/themes/chestnut/smilies/cool.gif" alt="8-)" class="smiley" /> . D'ailleurs, au final, le développement sur DotClear est plutôt sympa, vu que le moteur fournit de nombreuses classes pour simplifier la mise en place des plugins...</li>
</ul>http://www.jesuisungeek.com/index.php?post/2008/07/17/148-news-du-site#comment-formhttp://www.jesuisungeek.com/index.php?feed/atom/comments/144Social 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