JESUISUNGEEK.COM - Mot-clé - dotclear2022-10-15T08:24:27+02:00urn:md5:80fcbbbeeb78d335e0ba1eaeec99fb37DotclearPartage si tu aimes çaurn:md5:b6e83c83179b24f73cf778a87bd1df2e2016-02-14T07:56:00+01:002016-02-15T14:23:34+01:00Jean-Baptiste LangloisBidouillesblogdotclear<p>Le retour de la vengeance du geek en retard !</p> <p><img src="http://www.jesuisungeek.com/public/pictures/divers/dotclear-2-b6c7a.png" alt="Logo dotClear" style="float:left; margin: 0 1em 1em 0;" title="Logo dotClear, fév. 2016" /> Salut à tous !<br /><br />
Ca fait un bail, pas vrai ? Ca fait genre une siècle que j'ai pas posté ici, mais ça ne m'a pas empêché de bien travailler <img src="/dotclear/themes/chestnut/smilies/mdr.gif" alt=":mdr:" class="smiley" /> Du coup, j'ai genre une tonne de messages en attente à poster, ici... J'ai la motivation ; gageons qu'elle ne m'abandonne pas en chemin <img src="/dotclear/themes/chestnut/smilies/biggrin.gif" alt=":-D" class="smiley" /><br />
A ce titre, je souhaitais depuis un certain temps rajouter des icônes de partage en bas des posts comme en possède la majorité des blogs ou sites de news et n'ayant pas trouvé de plugins équivalent sur dotClear, j'avais en projet de développer mon propre plugin. Or, dehors mon hibernation, je me suis aperçu q'un plugin qui faisait <strong>exactement</strong> ce que je cherchais, était sorti : <em><a href="http://open-time.net/post/2015/07/22/Plugin-socialShare-033-pour-Dotclear" hreflang="fr" title="socialShare">socialShare</a></em>. Très simple d'usage, peu gourmand, il était parfait... sauf que je voulais ajouter un lien de partage vers <a href="https://www.linkedin.com/in/jean-baptiste-langlois-9398b12" hreflang="fr" title="LinkedIn">LinkedIn</a>. Du coup, j'ai modifié ce plugin afin qu'il permette ce partage également.<br />
Vous trouverez, ainsi, le patch pour ajouter la possibilité de partage vers LinkedIn attaché à ce post (valable pour la version 0.3.3 de <a href="http://open-time.net/post/2015/07/22/Plugin-socialShare-033-pour-Dotclear" hreflang="fr" title="socialShare">socialShare</a>).<br />
Pour l'appliquer, c'est simple : Déposer le fichier <em>plugin-socialShare-0.3.3-linked.patch</em> au même niveau que le répertoire <em>socialShare/</em> (de l'archive ZIP du plugin socialShare) et tapez la commande :</p>
<pre>
patch -p0 < plugin-socialShare-0.3.3-linkedin.patch
</pre>http://www.jesuisungeek.com/index.php?post/2016/02/14/Partage-si-tu-aimes-%C3%A7a#comment-formhttp://www.jesuisungeek.com/index.php?feed/atom/comments/247dcFortunesurn:md5:59f10ed35086a5e6428856f97db1d2e82012-10-22T17:00:00+02:002012-10-30T10:30:54+01:00Jean-Baptiste LangloisProjetsblogdotclearfortunesgplsite<p>Un plugin pour Dotclear 2.0 permettant l'affichage de citations dans un <em>widget</em> dédié.</p> <p><img src="http://www.jesuisungeek.com/public/pictures/real/.phylactere_t.jpg" alt="phylactere.jpg" style="float:left; margin: 0 1em 1em 0;" title="phylactere.jpg, oct. 2012" />Quand j'ai migré de DotClear 1.2 à 2.0, j'ai tenté de retrouver la même expérience utilisateur dont je bénéficiais auparavant. Néanmoins, je me suis aperçu que certains plugins que j'utilisais à l'époque n'existe aujourd'hui plus. Dans ce cas, j'avais deux possibilités : m'en passer ou le redévelopper.<br />
Pour la plupart des plugins, j'ai réussi à vivre sans, mais je suis un gros fan de <a href="http://www.fortunes-fr.org">Fortune</a>, et j'adorais la possibilité de faire apparaître des citations aléatoires à chaque chargement de ma page (d'aucuns diront que de découvrir des nouvelles citations me motivait à recharger ma page et faire gonfler artificiellement mes <em>hits</em> <img src="/dotclear/themes/chestnut/smilies/biggrin.gif" alt=":-D" class="smiley" /> ). Du coup, j'ai décidé de redévelopper un plugin que j'ai, bien entendu, nommé <strong>dcFortunes</strong>.<br />
<br />
<img src="http://www.jesuisungeek.com/public/pictures/real/fortune2.png" alt="Widget de dcFortunes" style="float:right; margin: 0 0 1em 1em;" title="Widget de dcFortunes, oct. 2012" />L'ayant installé sur mon précédent site, je connaissais <a href="http://apassant.net/2005/10/08/dotclear-plugin-fortune-04/">ce plugin</a>, mais le code de dotClear ayant bien changé, j'ai préféré tout redévelopper <em>from scratch</em> plutôt qu'effectuer un portage. De même, me basant sur les fichiers Fortunes de <a href="http://www.fortunes-fr.org">ce site</a> (fichiers texte), je n'ai pas jugé utile d'inclure la gestion des fichiers standard (fichiers binaires d'extension <em>.dat</em>). Néanmoins, en intégrant la classe <a href="http://www.aasted.org/quote/">PHP-Fortune</a>, on peut aisément adapter mon <em>widget</em> pour la lecture de ces fichiers (peut-être pour une version 0.2 ??)<br />
<br />
<ins><strong>Installation :</strong></ins><br /></p>
<ol>
<li>Télécharger le fichier <code>dcFortunes</code> se trouvant dans la catégorie <strong>Fichiers attachés</strong> de ce post</li>
<li>Décompresser le fichier</li>
<li>Copier le contenu dans le répertoire <code>plugins/</code> de votre installation de dotClear (généralement par FTP)</li>
</ol>
<p><br />
<ins><strong>Configuration :</strong></ins><br />
<img src="http://www.jesuisungeek.com/public/pictures/real/.fortune1_s.jpg" alt="fortune1.png" style="float:right; margin: 0 0 1em 1em;" title="fortune1.png, oct. 2012" /></p>
<ol>
<li>Dans le répertoire <code>plugins/dcfortunes/fortunes/</code> de votre installation de dotClear, copier les fichiers de citation désirés (<a href="http://www.fortunes-fr.org">fr</a>, <a href="http://fortunes.pbworks.com/w/page/14107117/FrontPage">en</a>) au format texte (citations séparées par <q>%</q>)</li>
<li>Dans l'interface d'administration de dotClear, se rendre dans <em>Widgets de présentation</em> et déplacer le bandeau <em>dcFortunes</em> à l'emplacement désiré.</li>
<li>Faire apparaitre le menu de configuration, en cliquant sur la croix sur la gauche du bandeau de <em>dcFortunes</em></li>
<li>En dessous de la personnalisation du titre du widget, figure la liste des fichiers de citation, présent dans le répertoire <code>plugins/dcfortunes/fortunes/</code>, apparaissent. Cocher les fichiers de citation à utiliser. Le widget affichera aléatoirement une citation tirer d'un de ces fichiers choisit aléatoirement.</li>
<li>Cliquer sur <em>Mettre à jour les bandeaux</em></li>
</ol>
<p><br />
<ins><strong>Contraintes :</strong></ins><br /></p>
<ul>
<li>Le programme ne gère pas les fichiers binaires <q>.dat</q> fournis avec <em>fortune-mod</em></li>
<li>Le tirage des fichiers est équiprobable, indépendamment du nombre de citations contenus dans le fichier.</li>
<li>Le code HTML parfois présent dans les citations n'est pas interprété.</li>
</ul>http://www.jesuisungeek.com/index.php?post/2012/10/22/dcFortunes#comment-formhttp://www.jesuisungeek.com/index.php?feed/atom/comments/212dcNoteurn:md5:3ba323cefb5dd8192363ebf4fed1169d2012-10-17T19:13:00+02:002012-10-19T07:20:29+02:00Jean-Baptiste LangloisProjetsblogdotcleargplpluginsite<p>Un plugin pour Dotclear 2.0 copiant le fonctionnement de Note pour Dokuwiki.</p> <p><img src="http://www.jesuisungeek.com/public/pictures/real/note.png" alt="Icone wikiNote" style="float:left; margin: 0 1em 1em 0;" title="Icone wikiNote, oct. 2012" />
Au travail, j'ai pour habitude de travailler avec <a href="https://www.dokuwiki.org/dokuwiki">Dokuwiki</a> ainsi que ces divers plugins. Un de mes préférés est <em><a href="https://www.dokuwiki.org/plugin:note">Note</a></em> car il permet très rapidement de présenter des alertes à coups de <q>ATTENTION</q> ou <q>LE SAVIEZ VOUS ?</q>. Or, alors que j'écrivais mon <em>post</em> sur <a href="http://www.jesuisungeek.com/index.php?post/2012/10/17/index.php?post/2012/10/01/Anaconda">Anaconda</a>, je me suis rendu compte que dotClear ne gérait pas ce type d'instruction en natif. Un coup d'oeil du coté de <a href="http://plugins.dotaddict.org/dc2/details/daInstaller">DaInstaller</a> m'appris la triste vérité : il n'existe pas d'implémentation de Note pour dotClear <img src="/dotclear/themes/chestnut/smilies/sad.gif" alt=":-(" class="smiley" /> <br />
Ainsi, après avoir vainement cherché sur Internet, j'ai pris la décision de créer ma propre version de Note pour dotClear, ainsi baptisée dcNote <img src="/dotclear/themes/chestnut/smilies/cool.gif" alt="8-)" class="smiley" /> <br />
<br />
<ins><strong>Installation :</strong></ins><br /></p>
<ol>
<li>Télécharger le fichier <code>dcNote</code> se trouvant dans la catégorie <strong>Fichiers attachés</strong> de ce post</li>
<li>Décompresser le fichier</li>
<li>Copier le contenu dans le répertoire <code>plugins/</code> de votre installation de dotClear (généralement par FTP)</li>
<li>Il n'y a pas d'étape 4 <img src="/dotclear/themes/chestnut/smilies/biggrin.gif" alt=":-D" class="smiley" /></li>
</ol>
<p><br />
<ins><strong>Usage :</strong></ins><br />
<br />
Une fois installé, une nouvelle balise peut être utilisé dans le contenu des billets : <code><note></code>. Cette balise permet de formater facilement les points essentiels des posts. Tout ce qui est nécessaire est de faire débuter les notes par <code><note></code> et de les terminer par la balise fermante <code></note></code>. L'intervalle sera représenté <strong>à l'intérieur</strong> de la note.<br />
<br /></p>
<pre>
<note>Note classique</note>
</pre>
<p><div class="dcnote noteclassic">
<p>Note classique</p>
</div>
</p>
<pre>
<note important>Note importante</note>
</pre>
<p><div class="dcnote noteimportant">
<p>Note important</p>
</div>
</p>
<pre>
<note tip>Astuce</note>
</pre>
<p><div class="dcnote notetip">
<p>Astuce</p>
</div>
</p>
<pre>
<note warning>A lire avec attention</note>
</pre>
<p><div class="dcnote notewarning">
<p>A lire avec attention</p>
</div>
<br />
<ins><strong>Contraintes :</strong></ins><br /></p>
<ul>
<li>La balise <code><note></code> n'est pas interprété au sein des balises <code><pre></code> (texte préformaté) et <code><code></code>.</li>
<li>Les balises <code><pre></code> et <code><code></code> sont toutefois autorisées à l'intérieur des balises <code><note></code></li>
<li>Les notes imbriqués dans des notes ne sont pas possibles.</li>
<li>Toutes les autres règles de formatage (gras, italique, multi-lignes, smileys, ...) sont correctement interprétées au sein de ces balises.</li>
</ul>http://www.jesuisungeek.com/index.php?post/2012/10/17/dcNote#comment-formhttp://www.jesuisungeek.com/index.php?feed/atom/comments/211Social 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