<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>NeoSting.net &#187; widget</title>
	<atom:link href="http://neosting.net/tag/widget/feed" rel="self" type="application/rss+xml" />
	<link>http://neosting.net</link>
	<description>Le petit journal de NeoSting</description>
	<lastBuildDate>Thu, 24 May 2012 13:04:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	NeoSting
		<item>
		<title>Veiller et se servir de Collecta.com #Actualité  #NeoSting</title>
		<link>http://neosting.net/actualite/veiller-et-se-servir-de-collecta-com.html</link>
		<comments>http://neosting.net/actualite/veiller-et-se-servir-de-collecta-com.html#comments</comments>
		<pubDate>Mon, 12 Jul 2010 16:01:11 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Actualité]]></category>
		<category><![CDATA[collecta.com]]></category>
		<category><![CDATA[recherche]]></category>
		<category><![CDATA[veille]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://neosting.net/?p=5946</guid>
		<description><![CDATA[<p>Si vous cherchez un outil en ligne pour faire de la veille, il existe des solutions que l'on ne compte plus. En voici une autre qui ne fait pas trop mal son boulot. Elle se nomme Collecta.com et un an après son lancement en beta, l'entreprise continue de grandir en collectant 4,7 millions de dollars de nouveaux fonds. On notera une version du service pour mobile, et au passage, qu'il est possible de configurer un widget pour son blog. Toutefois, cette veille se charge surtout de vérifier les sujets chauds en temps-réel via les incontournables agrégateurs à la twitter (Jaiku, identica...), ainsi que pour les images via Flickr, TwitPic, et yFrog. Côté vidéos, le service fouille chez Youtube et Ustream. On devrait aussi avoir des résultats provenant de commentaires et de blogs, mais ils ne sont pas très nombreux pour le moment. L'interface est plutôt simple mais pas forcément très jolie. Enfin, une API est disponible pour les développeurs, et les utilisateurs pourront suivre leurs différentes requêtes sans avoir besoin de les relancer à nouveau, tout en modifiant les provenances pour chacune d'elles. Voici un widget en action, avec comme mot clefs : sarkozy et hadopi, très à la modes ces derniers temps. Merci @sirchamallow pour son tweet</p><p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/actualite/veiller-et-se-servir-de-collecta-com.html">Veiller et se servir de Collecta.com</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></description>
			<content:encoded><![CDATA[<p><img class="pic-right" src="http://neosting.smugmug.com/Produits-1/Affiche/logo-collecta/932178682_W6Zvn-350x300.jpg" alt="logo, collecta.com" /><span class="lettrine">S</span>i vous cherchez un outil en ligne pour faire de la veille, il existe des solutions que l'on ne compte plus. En voici une autre qui ne fait pas trop mal son boulot. Elle se nomme <a href="http://collecta.com/">Collecta.com</a> et un an après son lancement en beta, l'entreprise continue de grandir en <a href="http://blog.collecta.com/2010/06/10/collecta-raises-an-additional-4-7m-in-funding/">collectant 4,7 millions de dollars de nouveaux fonds</a>.<br />
<br />
On notera une <a href="m.collecta.com">version du service pour mobile</a>, et au passage, qu'il est possible de <a href="http://widget.collecta.com/">configurer un widget</a> pour son blog.<br />
<br />
Toutefois, cette veille se charge surtout de vérifier les sujets chauds en temps-réel via les incontournables agrégateurs à la <strong>twitter</strong> (<strong>Jaiku</strong>, <strong>identica</strong>...), ainsi que pour les images via <strong>Flickr</strong>, <strong>TwitPic</strong>, et <strong>yFrog</strong>. Côté vidéos, le service fouille chez <strong>Youtube</strong> et <strong>Ustream</strong>. On devrait aussi avoir des résultats provenant de commentaires et de blogs, mais ils ne sont pas très nombreux pour le moment. L'interface est plutôt simple mais pas forcément très jolie.<br />
<br />
Enfin, une <a href="http://developer.collecta.com/">API est disponible</a> pour les développeurs, et les utilisateurs pourront suivre leurs différentes requêtes sans avoir besoin de les relancer à nouveau, tout en modifiant les provenances pour chacune d'elles.<br />
<br />
Voici un widget en action, avec comme mot clefs : <strong>sarkozy</strong> et <strong>hadopi</strong>, très à la modes ces derniers temps.<br />
<br />
<script type="text/javascript">var CollectaWidget = {"path":"http://widget.collecta.com/widget.html?query=sarkozy%2C%20hadopi&#038;alias=Hot%20en%20France&#038;delay=2", "width":"660px", "height":"500px"};</script><script type="text/javascript" src="http://widget.collecta.com/collectawidget.js"></script><br />
<br />
Merci @sirchamallow pour <a href="http://twitter.com/sirchamallow/statuses/18355333851">son tweet</a></p>
<p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/actualite/veiller-et-se-servir-de-collecta-com.html">Veiller et se servir de Collecta.com</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Le navigateur Opera sort le grand jeu #Logiciels  #NeoSting</title>
		<link>http://neosting.net/logiciels/le-navigateur-opera-sort-le-grand-jeu.html</link>
		<comments>http://neosting.net/logiciels/le-navigateur-opera-sort-le-grand-jeu.html#comments</comments>
		<pubDate>Wed, 03 Mar 2010 12:01:45 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Logiciels]]></category>
		<category><![CDATA[navigateur]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[partage]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://neosting.net/?p=4248</guid>
		<description><![CDATA[<p>Très apprécié par ses utilisateurs, le navigateur Opera vient de sortir dans sa nouvelle mouture, en version 10.50. J'ai voulu, comme à chaque fois le tester, histoire de voir ce qu'il vaut pour un utilisateur peu expérimenté, et je dois dire que cette fois-ci, les développeurs ont mis le paquet. Et, ça tombe bien, puisque Microsoft s'est vu imposer de proposer le choix du navigateur via une nouvelle fenêtre (ballot screen) sur son Windows Se7en. Sans rentrer dans les détails, je trouve que c'est une bonne nouvelle, mais pourquoi faire chier uniquement Microsoft, alors que Apple et Linux proposent aussi leurs OS ? Quelle vitesse ! Tout d'abord, Opera se ressent très nettement comme le navigateur actuellement le plus véloce, devant même Google Chrome. La vitesse d'affichage des pages, avec lui, est juste bluffante d'efficacité. Je peux même vous confirmer que face à Firefox, c'est le jour et la nuit, tellement la différence saute aux yeux. On ne parlera pas d'IE 8 qui a juste oublié d'attérir sur la même planète. Parlons aussi du mode Turbo qui permet d'accroitre davantage encore la vitesse d'affichage de pages lourdes. Mais si, ce mode est désactivé par défaut, je pense que c'est parce que son fonctionnement tiré de compressions extrêmes enlaidit un peu trop les images des sites et les rend non-conforme avec ce que veulent proposer les webmasters, qui auraient surement crier aux scandales. une manière simple et respectueuse de ne pas rentrer dans l'extrême. Toutefois, avec des connexions lentes, c'est encore une fois de plus un must. Dans ce mode, Il faudra aussi cliquer sur les animations flash pour les activer et les voir. Quelle ergonomie ! Ensuite, et c'est peut-être au final ça l'essentiel, Opera se veut désormais surement le navigateur le plus ergonomique, voire même personnalisable du moment. Il fait de la place à la navigation en retirant les menus superflus. Un joli O de remplacement permettra tout de même de les retrouver. Et, toujours dans le but d'être adaptable aux besoins des clients, on notera que la barre des onglets, et celle des raccourcis pour les widgets, marque-pages, etc sont déplaçables aux extrémités de l'écran. Les Widgets sont d'ailleurs indépendants du navigateur. On pourra par exemple mettre à gauche la barre des onglets et à droite la mini-barre des signets. Un véritable must franchement bien pensé, surtout pour les écrans larges. Opera propose aussi d'origine quelques fonctions disponibles uniquement sous forme d'extensions pour Firefox. Comme par exemple l'inspection des éléments d'une page. Ici, ce sont les développeurs qui font être aux anges. Un véritable débogueur en ligne, propre, et facilement accessible tout en étant extrêmement puissant est à leur disposition. Je le trouve même franchement mieux que celui du navigateur de Google, et dans une certaine équivalence à Firebug, en peut-être plus sobre et clair. Enfin, avec une inscription gratuite à Opera Unite, il sera possible d'utiliser un serveur web pour ses sites hébergés sur son ordinateur, mais aussi et surtout de partager des photos, des fichiers et [...]</p><p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/logiciels/le-navigateur-opera-sort-le-grand-jeu.html">Le navigateur Opera sort le grand jeu</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></description>
			<content:encoded><![CDATA[<p><span class="lettrine">T</span>rès apprécié par ses utilisateurs, le <a href="http://www.opera.com/">navigateur Opera</a> vient de sortir dans sa nouvelle mouture, en <a href="http://www.opera.com/download/?os=windows&#038;ver=10.50&#038;local=y">version 10.50</a>. J'ai voulu, comme à chaque fois le tester, histoire de voir ce qu'il vaut pour un utilisateur peu expérimenté, et je dois dire que cette fois-ci, les développeurs ont mis le paquet. Et, ça tombe bien, puisque Microsoft s'est vu imposer de proposer le choix du navigateur via une nouvelle fenêtre (ballot screen) sur son Windows Se7en. Sans rentrer dans les détails, je trouve que c'est une bonne nouvelle, mais pourquoi faire chier uniquement Microsoft, alors que Apple et Linux proposent aussi leurs OS ?</p>
<h3>Quelle vitesse !</h3>
<p>Tout d'abord, Opera se ressent très nettement comme le navigateur actuellement le plus véloce, devant même Google Chrome. La vitesse d'affichage des pages, avec lui, est juste bluffante d'efficacité. Je peux même vous confirmer que face à Firefox, c'est le jour et la nuit, tellement la différence saute aux yeux. On ne parlera pas d'IE 8 qui a juste oublié d'attérir sur la même planète.<br />
<br />
Parlons aussi du <a href="http://www.opera.com/portal/turbo/">mode Turbo</a> qui permet d'accroitre davantage encore la vitesse d'affichage de pages lourdes. Mais si, ce mode est désactivé par défaut, je pense que c'est parce que son fonctionnement tiré de compressions extrêmes enlaidit un peu trop les images des sites et les rend non-conforme avec ce que veulent proposer les webmasters, qui auraient surement crier aux scandales. une manière simple et respectueuse de ne pas rentrer dans l'extrême. Toutefois, avec des connexions lentes, c'est encore une fois de plus un must. Dans ce mode, Il faudra aussi cliquer sur les animations flash pour les activer et les voir.</p>
<h3>Quelle ergonomie !</h3>
<p>Ensuite, et c'est peut-être au final ça l'essentiel, Opera se veut désormais surement le navigateur le plus ergonomique, voire même personnalisable du moment. Il fait de la place à la navigation en retirant les menus superflus. Un joli <strong>O</strong> de remplacement permettra tout de même de les retrouver. Et, toujours dans le but d'être adaptable aux besoins des clients, on notera que la barre des onglets, et celle des raccourcis pour <a href="http://widgets.opera.com/">les widgets</a>, marque-pages, etc sont déplaçables aux extrémités de l'écran. Les Widgets sont d'ailleurs indépendants du navigateur. On pourra par exemple mettre à gauche la barre des onglets et à droite la mini-barre des signets. Un véritable must franchement bien pensé, surtout pour les écrans larges.<br />
<br />
Opera propose aussi d'origine quelques fonctions disponibles uniquement sous forme d'extensions pour Firefox. Comme par exemple l'inspection des éléments d'une page. Ici, ce sont les développeurs qui font être aux anges. Un véritable débogueur en ligne, propre, et facilement accessible tout en étant extrêmement puissant est à leur disposition. Je le trouve même franchement mieux que celui du navigateur de Google, et dans une certaine équivalence à Firebug, en peut-être plus sobre et clair.<br />
<br />
Enfin, avec une inscription gratuite à <a href="http://unite.opera.com/">Opera Unite</a>, il sera possible d'utiliser un serveur web pour ses sites hébergés sur son ordinateur, mais aussi et surtout de partager des photos, des fichiers et de la musique (même si c'est privé, l'industrie musicale va adorer !) avec ses amis. La <a href="http://unite.opera.com/applications/">socialisation de ce navigateur</a> dispose d'une confortable avancée face à ses concurrents. Il sera même possible de totalement <a href="http://www.opera.com/link/" title="Opera Link">synchroniser Opera</a> sur des ordinateurs différents</p>
<h3>Quelques défauts</h3>
<p>En revanche, il faut au démarrage faire un peu le ménage de ces quelques sites sponsorisés dont l'utilisateur n'a pas forcément besoin. Ils sont présents depuis Speed Dial, qui évolue aussi, en proposant désormais de mettre 25 vignettes en page d'accueil (en le configurant). C'est surement suffisant pour monsieur tout le monde, mais c'est aussi aujourd'hui à des années lumière des possibilités du même plugin pour Firefox qui peut en proposer autant que l'on souhaite, organisés de plus par un système d'onglets bien foutu. Non, à la place, on se retrouve avec un moteur de recherche absolument inutile en haut, qui fait double-emploi avec celui du navigateur déjà intégré. Dommage. C'est ici une fonction très importante qui n'évolue pas assez face aux besoins croissants des utilisateurs.<br />
<br />
Son gros défaut aussi brille par l'absence d'extensions (<a href="http://widgets.opera.com/">widgets</a>) sérieuses actuellement disponibles. Je chipote un peu en parlant d'absence, mais force est de constater que face à Firefox, il ne peut rivaliser encore. Prenons l'exemple du widget <a href="http://widgets.opera.com/widget/5040/">le plus téléchargé</a>... Il faudrait que les développeurs chez Opera continuent leur très bon travail en s'inspirant davantage des extensions indispensables de Firefox, et que les créateurs de ces dernières les rendent compatibles avec Opera. Un certain <em>webmail notifier</em>, une optimisation complète de Google (<em>optimizegoogle</em>, <em>google preview</em>, <em>google date</em>) et surtout WOT (pour la sécurité) seraient par exemple les bienvenus. Espérons que cette nouvelle mouture leur donnera envie de s'y mettre.</p>
<p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/logiciels/le-navigateur-opera-sort-le-grand-jeu.html">Le navigateur Opera sort le grand jeu</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Twitter Trackbacks Widget ; un must #Services en ligne  #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html</link>
		<comments>http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html#comments</comments>
		<pubDate>Thu, 26 Nov 2009 16:36:54 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Services en ligne]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[trackbacks]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://neosting.net/?p=3221</guid>
		<description><![CDATA[<p>J'aimerais vous présenter un plugin à installer sur votre site, qu'il soit sous wordpress ou sous n'importe-quelle autre plateforme. C'est un widget et il se nomme Twitter Trackbacks Widget. Son but est simple : afficher les utilisateurs qui ont transmis vos articles sur Twitter où bon vous semble (rétro-liens) Mais là où le projet de Mike (@mike_more) est intéressant, c'est qu'il utilise le jQuery, devenu très à la mode en ce moment. On peut obtenir alors un affichage "glissant" des retweets de vos articles sans avoir à recharger la page. Voilà donc un juste retour des choses, puisque c'est aussi une manière de remercier ceux qui vous aident à faire connaître vos articles. Ils verront même leur pseudo cliquable pour pouvoir aussi de leur côté attirer de nouveaux tweetos (utilisateurs de twitter). Des boutons en dessous, permettent même de leur répondre directement. L'échange de liens est ici bien mis en avant, et c'est tant mieux. Concernant ce plugin, il possède de base 3 possibilités : un affichage classique qui fait tourner sur 'une seule ligne' les 3 derniers retweets, un affichage avec des options modifiables "sur trois lignes" des 9 derniers retweets, et enfin, un affichage classique et fixe des 9 derniers retweets de votre article. Mais en fait, grâce à son système d'options modifiables, c'est un peu vous qui gérez ce que vous voulez voir s'afficher. A noter qu'en plus, la personnalisation est à faire - via les feuilles de style (CSS) - par vous-même. Mais vous savez quoi ? Le plus fort dans tout ça, c'est que vous n'aurez pas forcément besoin de connaissances particulières en jQuery, car à partir de seulement 3 lignes (ou plus suivant les options) de codes - à insérer dans votre thème - vous aurez accès à tout ce que je viens de citer. En revanche, même si je ne l'ai pas encore fait, il est fortement conseiller de télécharger le fichier et de l'appeler depuis votre propre serveur, car actuellement, le script et l'API sont déposés sur un compte google. Si vous voulez voir ce que cela peut donner, après avoir codé la partie css, vous pouvez, regarder en bas de chaque article, là où vous pouvez proposer un commentaire. N'ayant que peu de succès, je me suis simplement contenté d'afficher la version basique sur une seule ligne, mais si vous m'aimez tout plein fort d'amour, je mettrais l'une des deux autres options. Franchement, pour être honnête, je trouve Twitter Trackbacks Widget très pratique, et j'aurai surement l'occasion de revenir vous parler des travaux de son auteur, car il n'en est pas à son coup d'essai. Merci à la source (anglais)</p><p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html">jQuery Twitter Trackbacks Widget ; un must</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></description>
			<content:encoded><![CDATA[<p><span class="lettrine">J</span>'aimerais vous présenter un plugin à installer sur votre site, qu'il soit sous wordpress ou sous n'importe-quelle autre plateforme. C'est un widget et il se nomme <a href="http://www.moretechtips.net/2009/11/twitter-trackbacks-widget-jquery-plugin.html">Twitter Trackbacks Widget</a>. Son but est simple : afficher les utilisateurs qui ont transmis vos articles sur Twitter où bon vous semble (rétro-liens)<br />
<br />
Mais là où <a href="http://code.google.com/p/twitter-trackbacks-widget/">le projet</a> de Mike (<a href="http://twitter.com/mike_more/">@mike_more</a>) est intéressant, c'est qu'il utilise le jQuery, devenu très à la mode en ce moment. On peut obtenir alors un affichage "glissant" des retweets de vos articles sans avoir à recharger la page. Voilà donc un juste retour des choses, puisque c'est aussi une manière de remercier ceux qui vous aident à faire connaître vos articles. Ils verront même leur pseudo cliquable pour pouvoir aussi de leur côté attirer de nouveaux tweetos (utilisateurs de twitter). Des boutons en dessous, permettent même de leur répondre directement. L'échange de liens est ici bien mis en avant, et c'est tant mieux.<br />
<br />
Concernant ce plugin, il possède de base 3 possibilités : un <a href="http://twitter-trackbacks-widget.googlecode.com/svn/v1/demo1.htm">affichage classique qui fait tourner sur 'une seule ligne'</a> les 3 derniers retweets, un <a href="http://twitter-trackbacks-widget.googlecode.com/svn/v1/demo2.htm">affichage avec des options modifiables "sur trois lignes"</a> des 9 derniers retweets, et enfin, un <a href="http://twitter-trackbacks-widget.googlecode.com/svn/v1/demo3.htm">affichage classique et fixe</a> des 9 derniers retweets de votre article. Mais en fait, grâce à son système d'<a href="http://code.google.com/p/twitter-trackbacks-widget/wiki/Options">options modifiables</a>, c'est un peu vous qui gérez ce que vous voulez voir s'afficher. A noter qu'en plus, la personnalisation est à faire - via les feuilles de style (CSS) - par vous-même.<br />
<br />
Mais vous savez quoi ? Le plus fort dans tout ça, c'est que vous n'aurez pas forcément besoin de connaissances particulières en jQuery, car à partir de seulement 3 lignes (ou plus suivant les options) de codes - à insérer dans votre thème - vous aurez accès à tout ce que je viens de citer. En revanche, même si je ne l'ai pas encore fait, il est fortement conseiller de télécharger le fichier et de l'appeler depuis votre propre serveur, car actuellement, le script et l'API sont déposés sur un compte google.<br />
<br />
Si vous voulez voir ce que cela peut donner, après avoir codé la partie css, vous pouvez, regarder en bas de chaque article, là où vous pouvez proposer un commentaire. N'ayant que peu de succès, je me suis simplement contenté d'afficher la version basique sur une seule ligne, mais si vous m'aimez tout plein fort d'amour, je mettrais l'une des deux autres options. Franchement, pour être honnête, je trouve <a href="http://www.moretechtips.net/2009/11/twitter-trackbacks-widget-jquery-plugin.html">Twitter Trackbacks Widget</a> très pratique, et j'aurai surement l'occasion de revenir vous parler des travaux de son auteur, car il n'en est pas à son coup d'essai. Merci à la <a href="http://www.w3avenue.com/2009/11/24/jquery-twitter-trackbacks-widget/">source</a> (anglais)</p>
<p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/jquery-twitter-trackbacks-widget-un-must.html">jQuery Twitter Trackbacks Widget ; un must</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grooveshark rentre dans WordPress #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/grooveshark-rentre-dans-wordpress.html</link>
		<comments>http://neosting.net/wordpress/grooveshark-rentre-dans-wordpress.html#comments</comments>
		<pubDate>Tue, 09 Jun 2009 23:32:52 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[grooveshark]]></category>
		<category><![CDATA[module]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/?p=2087</guid>
		<description><![CDATA[<p>Grooveshark, je suis sûr que vous connaissez. Une petite piqure de rappel ? Ok. c'est en fait un service gratuit d'écoute musicale en ligne ; oui encore un. Il semble pour le moment ne pas avoir été touché par la vague écrasante des majors, mais pour combien de temps encore ? Surtout que ce qui suit risque de ne pas plaire à certaines maisons de disques. En effet, il est possible avec un compte enregistré d'uploader ses propres chansons pour les rendre publique, et les poster à travers un widget, ou via l'écoute en ligne du site officiel. Alors, c'est vrai que son apparence peut sembler archaïque au premier abord, mais sans s'arrêter là, Grooveshark n'en reste pas moins puissant, et comme Deezer, à une époque bénie des lobbyistes, continue de proposer toujours plus de titres et de fonctions. C'est le cas, aujourd'hui, puisque ce service propose une nouvelle API, Tinysong API, qui comme pour TinyURL, va permettre avec quelques arguments de créer un lien web raccourci vers un titre ou une playlist. Ça va plaire forcément aux développeurs d'applications et aux utilisateurs de twitter, c'est certain. Mais ce n'est pas fini. Grooveshark propose aussi un plugin pour WordPress, le moteur de blog le plus utilisé parait-il. Ainsi, dans chaque billet que vous écrirez avec amour, vous pourrez, si vous le voulez, lui adjoindre un widget ou un simple lien renvoyant vers la musique de votre choix (pour peu qu'elle soit disponible) afin de mieux agrémenter vos propos. C'est vrai qu'en même temps, si on parle d'un album de musique, d'un concert ou d'un artiste précis, c'est mieux de donner un aperçu, histoire de montrer à quoi ça ressemble. Mais, je suis sûr que cette nouvelle fonction ne sera pas du goût des maisons de disques. C'est vrai, vous imaginez un peu toute cette promotion gratuite de leurs artistes ? Ça ira forcément à l'encontre de leurs principes. Comment ça marche ? Concrètement, après le téléchargement et l'installation traditionnelle, lorsque vous écrirez un nouveau billet, vous aurez en dessous des options supplémentaires pour ajouter un widget ou un lien, c'est selon, avec quelques options dont, bien sûr, celle de chercher les titres des chansons qui vont bien. Le tout se passe sans rechargement, et il est même possible d'écouter les titres avant de les inclure dans une playlist. Très simple d'utilisation, Grooveshark pour WordPress se chargera en fait, une fois validé, d'ajouter dans votre article le bon code, que vous pourrez bien sûr, à loisir, modifier, au cas où. Et, si vous ne voulez pas passer par un plugin, vous pouvez vous rendre à cette adresse pour créer quand même votre petit widget. Voilà, alors, ça ne vous a pas donné envie de vous refaire une petite révolution, comme celle de Jean-Michel Jarre, présentée au début de billet ? Comment ça, vous ne connaissez pas ? Et si vous aviez cliqué sur le bouton "Play" pour être sûr ? Oui, désormais, la musique finit donc dans le cœur même des [...]</p><p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/grooveshark-rentre-dans-wordpress.html">Grooveshark rentre dans WordPress</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></description>
			<content:encoded><![CDATA[<div id='gsWidget'><object width="250" height="40"><param name="movie" value="http://listen.grooveshark.com/songWidget.swf"></param><param name="wmode" value="window"></param><param name="allowScriptAccess" value="always"></param><param name="flashvars" value="hostname=cowbell.grooveshark.com&#038;widgetID=8259471&#038;style=metal&#038;p=0"></param> <embed src="http://listen.grooveshark.com/songWidget.swf" type="application/x-shockwave-flash" width="250" height="40" flashvars="hostname=cowbell.grooveshark.com&#038;widgetID=8259471&#038;style=metal&#038;p=0" allowScriptAccess="always" wmode="window"></embed></object></div>
<p><span class="lettrine">G</span>rooveshark, je suis sûr que vous connaissez. Une petite piqure de rappel ? Ok. c'est en fait un service gratuit d'écoute musicale en ligne ; oui encore un. Il semble pour le moment ne pas avoir été touché par la vague écrasante des majors, mais pour combien de temps encore ? Surtout que ce qui suit risque de ne pas plaire à certaines maisons de disques. En effet, il est possible avec un compte enregistré d'uploader ses propres chansons pour les rendre publique, et les poster à travers un widget, ou via l'écoute en ligne du site officiel. Alors, c'est vrai que son apparence peut sembler archaïque au premier abord, mais sans s'arrêter là, <a href="http://listen.grooveshark.com/">Grooveshark</a> n'en reste pas moins puissant, et comme Deezer, à une époque bénie des lobbyistes, continue de proposer toujours plus de titres et de fonctions.<br />
<br />
C'est le cas, aujourd'hui, puisque ce service propose une <a href="http://apidocs.tinysong.com/?utm_campaign=tinysong&#038;utm_medium=email&#038;utm_source=integrate-api&#038;utm_content=call-to-action">nouvelle API</a>, <strong>Tinysong API</strong>, qui comme pour TinyURL, va permettre avec quelques arguments de créer un lien web raccourci vers un titre ou une playlist. Ça va plaire forcément aux développeurs d'applications et aux utilisateurs de twitter, c'est certain. Mais ce n'est pas fini. <a href="http://listen.grooveshark.com/">Grooveshark</a> propose aussi <a href="http://www.grooveshark.com/wordpress/?utm_campaign=wordpress&#038;utm_medium=email&#038;utm_source=wordpress-plugin&#038;utm_content=link">un plugin pour WordPress</a>, le moteur de blog le plus utilisé parait-il. Ainsi, dans chaque billet que vous écrirez avec amour, vous pourrez, si vous le voulez, lui adjoindre un widget ou un simple lien renvoyant vers la musique de votre choix (pour peu qu'elle soit disponible) afin de mieux agrémenter vos propos. C'est vrai qu'en même temps, si on parle d'un album de musique, d'un concert ou d'un artiste précis, c'est mieux de donner un aperçu, histoire de montrer à quoi ça ressemble. Mais, je suis sûr que cette nouvelle fonction ne sera pas du goût des maisons de disques. C'est vrai, vous imaginez un peu toute cette promotion gratuite de leurs artistes ? Ça ira forcément à l'encontre de leurs principes.<br />
<br />
Comment ça marche ? Concrètement, après le téléchargement et l'installation traditionnelle, lorsque vous écrirez un nouveau billet, vous aurez en dessous des options supplémentaires pour ajouter un widget ou un lien, c'est selon, avec quelques options dont, bien sûr, celle de chercher les titres des chansons qui vont bien. Le tout se passe sans rechargement, et il est même possible d'écouter les titres avant de les inclure dans une playlist. Très simple d'utilisation, <a href="http://www.grooveshark.com/wordpress">Grooveshark pour WordPress</a> se chargera en fait, une fois validé, d'ajouter dans votre article le bon code, que vous pourrez bien sûr, à loisir, modifier, au cas où. Et, si vous ne voulez pas passer par un plugin, vous pouvez vous rendre <a href="http://widgets.grooveshark.com/">à cette adresse</a> pour créer quand même votre petit widget.<br />
<br />
Voilà, alors, ça ne vous a pas donné envie de vous refaire une petite révolution, comme celle de Jean-Michel Jarre, présentée au début de billet ? Comment ça, vous ne connaissez pas ? Et si vous aviez cliqué sur le bouton "Play" pour être sûr ? Oui, désormais, la musique finit donc dans le cœur même des blogs et de WordPress en particulier.</p>
<p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/grooveshark-rentre-dans-wordpress.html">Grooveshark rentre dans WordPress</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vous êtes arrivé sur le Web 3.$ark0 #Actualité  #NeoSting</title>
		<link>http://neosting.net/actualite/vous-etes-arrive-sur-le-web-3ark0.html</link>
		<comments>http://neosting.net/actualite/vous-etes-arrive-sur-le-web-3ark0.html#comments</comments>
		<pubDate>Wed, 11 Mar 2009 00:53:00 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Actualité]]></category>
		<category><![CDATA[hadopi]]></category>
		<category><![CDATA[logiciel]]></category>
		<category><![CDATA[télécharger]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/?p=1095</guid>
		<description><![CDATA[<p>Ne vous-êtes vous jamais demandé ou allait nous mener le prochain Internet Made in Sarko-France ? Voilà ce que vous risquez de voir. Il faut dire que si cette loi Création et Internet passe (elle a été repoussée au lendemain, le 11), on devra probablement acheter et mettre sur son ordinateur un logiciel espion créé par l'HADOPI, et spécialement conçu pour nous aider à nous protéger des mauvaises intentions qu'on pourrait avoir à télécharger une distribution Linux en P2P. Selon les termes de la loi, il devrait donc nous permettre de mieux nous défendre des crackers en cas de problème, et/ou de montrer notre bonne foie, en cas de mise en culpabilité directe. Heureusement qu'il sera là aussi ce spyware pour nous protéger de ces mésaventures ! Oui, parce que selon Miss Alba' qui est une experte reconnue en réseau informatique, il suffit juste de 5 gus dans un garage pour fabriquer des IPs et envoyer en un rien de temps ensuite des milliers d'emails différents et signés (pour la plupart) de personne existantes ! Heureusement qu'elle est là pour nous ouvrir les yeux ! Quel bonheur d'avoir une ministre de la culture aussi au fait de la technologie ! Alors, juste un truc, ma bonne dame, si, effectivement il est tout à fait possible de détourner de vraies adresses IP, d'en injecter aussi de vraies (les mêmes ?) dans des trackers - oups, pardon pas de vulgarité entre-nous -, il est déjà plus difficile de combiner le détournement d'IPs avec des mails diversifiés et appartenant en apparence à de vraies personnes. c'est vrai que le Spamming s'en rapproche un peu, mais si, ces 5 gus l'avaient fait aussi vite depuis leur garage, il auraient été déjà mis en prison ! Ah, mais, pendant que j'y pense ; Si on peut "fabriquer" des adresses IP comme vous le dites, ne pensez-vous pas que votre loi - se basant sur des adresses IP récoltées par la haute autorité - pourrait couper Internet à de gens innocents ? Bien, oui, imaginez un peu que quelqu'un fabrique une IP et que manque de bol pour moi cette IP corresponde à la mienne ? Moi qui suis parti en voyage de noces au Mexique, je devrais donc, à mon retour, retrouver un mail à chercher dans le dossier SPAM, une lettre recommandée à aller chercher au bureau de poste le plus proche, ou même pire, ma Box directement déconnectée pour un an ? Bon, je crois que je vais aller me coucher, et dans l'espoir que personne ne fabrique mon IP, je vais prier DIEU avant de dormir pour lui demander d'être vigilant pour moi, car lui seul en a les pouvoirs. J'espère me réveiller avec l'assurance que ce mouchard n'existe jamais.</p><p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/actualite/vous-etes-arrive-sur-le-web-3ark0.html">Vous êtes arrivé sur le Web 3.$ark0</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></description>
			<content:encoded><![CDATA[<p><img class="pic-right" src="http://neosting.net/wp-content/uploads/2009/03/fedora-jail-linux-wallpapers-tux-or-tbag-prison-break.jpg" alt="fedora-jail-linux-wallpapers-tux-or-tbag-prison-break" title="fedora-jail-linux-wallpapers-tux-or-tbag-prison-break" width="320" height="240" class="imgavatar" /><span class="lettrine">N</span>e vous-êtes vous jamais demandé ou allait nous mener le prochain Internet Made in Sarko-France ? <a tite="Filtrage opérationnel du nouveau web 3.0" href="http://petaramesh.org/">Voilà ce que vous risquez de voir</a>.<br />
<br />Il faut dire que si cette loi Création et Internet passe (elle a été repoussée au lendemain, le 11), on devra probablement <strong>acheter</strong> et mettre sur son ordinateur un logiciel espion créé par l'HADOPI, et spécialement conçu pour nous aider à nous protéger des mauvaises intentions qu'on pourrait avoir à télécharger une distribution Linux en P2P.<br />
<br />Selon les termes de la loi, il devrait donc nous permettre de mieux nous défendre des crackers en cas de problème, et/ou de montrer notre bonne foie, en cas de mise en culpabilité directe.<br />
<br />
Heureusement qu'il sera là aussi ce spyware pour nous protéger de ces mésaventures ! Oui, parce que <a title="Numerama : Pour Albanel, la Quadrature du Net c'est 5 gus dans un garage" href="http://www.numerama.com/magazine/12233-Pour-Albanel-la-Quadrature-du-Net-c-est-5-gus-dans-un-garage.html">selon Miss Alba'</a> qui est une experte reconnue en réseau informatique, il suffit juste de <a title="site officiel de la Quadrature du Net" title="http://www.laquadrature.net/" href="http://www.numerama.com/magazine/12233-Pour-Albanel-la-Quadrature-du-Net-c-est-5-gus-dans-un-garage.html">5 gus dans un garage</a> pour <strong><a title="La Quadrature du Net accusée par le cabinet d'Albanel de fabriquer des IP" href="http://www.numerama.com/magazine/12264-La-Quadrature-du-Net-accusee-par-le-cabinet-d-Albanel-de-fabriquer-des-IP.html">fabriquer des IPs</a></strong> et envoyer en un rien de temps ensuite des milliers d'emails différents et signés (pour la plupart) de personne existantes !<br />
<br />
Heureusement qu'elle est là pour nous ouvrir les yeux ! Quel bonheur d'avoir une ministre de la culture aussi au fait de la technologie ! Alors, juste un truc, ma bonne dame, si, effectivement il est tout à fait possible de <strong>détourner</strong> de vraies adresses IP, d'en injecter aussi de vraies (les mêmes ?) dans des trackers - oups, pardon pas de vulgarité entre-nous -, il est déjà plus difficile de combiner le détournement d'IPs avec des mails diversifiés et appartenant en apparence à de vraies personnes. c'est vrai que le Spamming s'en rapproche un peu, mais si, ces 5 gus l'avaient fait aussi vite depuis leur garage, il auraient été déjà mis en prison !<br />
<br />
Ah, mais, pendant que j'y pense ; Si on peut "fabriquer" des adresses IP comme vous le dites, ne pensez-vous pas que votre loi - se basant sur des adresses IP récoltées par la haute autorité - pourrait couper Internet à de gens innocents ? Bien, oui, imaginez un peu que quelqu'un fabrique une IP et que manque de bol pour moi cette IP corresponde à la mienne ? Moi qui suis parti en voyage de noces au Mexique, je devrais donc, à mon retour, retrouver un mail à chercher dans le dossier SPAM, une lettre recommandée à aller chercher au bureau de poste le plus proche, ou même pire, ma Box directement déconnectée pour un an ?<br />
<br />
Bon, je crois que je vais aller me coucher, et dans l'espoir que personne ne fabrique mon IP, je vais prier DIEU avant de dormir pour lui demander d'être vigilant pour moi, car lui seul en a les pouvoirs. J'espère me réveiller avec l'assurance que ce mouchard n'existe jamais.</p>
<p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/actualite/vous-etes-arrive-sur-le-web-3ark0.html">Vous êtes arrivé sur le Web 3.$ark0</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tuto 03 : Thème WordPress : La base des Templates #Aides et Tutoriels  #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/tuto-03-la-base-des-templates.html</link>
		<comments>http://neosting.net/wordpress/tuto-03-la-base-des-templates.html#comments</comments>
		<pubDate>Sun, 27 Jul 2008 10:22:35 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Aides et Tutoriels]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[thème]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/?p=103</guid>
		<description><![CDATA[<p>VVoici donc les fichiers indispensables à la création du thème. Ils servent tous suivant la hiérarchie organisé par WordPress à l'affichage du blog et chacun a son rôle. Ici, on reste dans le brut de décoffrage, donc sans véritables mises en forme. header.php -> La partie du haut index.php -> La partie centrale single.php -> La partie pour l'article seul archive.php -> La page des archives (mois, jours, tags...) search.php -> La page affichant les résultats du moteur de recherche searchform.php -> Le formulaire de recherche comments.php -> La partie dédiée aux commentaires (affichages et ajouts) sidebar.php -> La barre latérale footer.php -> Le pied de page Voici les informations à mettre dans le header.php &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head profile=&#34;http://gmpg.org/xfn/11&#34;&#62; &#160; &#60;title&#62;&#60;?php bloginfo&#40;'name'&#41; ?&#62; &#60;?php if &#40; is_404&#40;&#41; &#41; : ?&#62; &#38;raquo; &#60;?php _e&#40;'Not Found'&#41; ?&#62;&#60;?php elseif &#40; is_home&#40;&#41; &#41; : ?&#62; &#38;raquo; &#60;?php bloginfo&#40;'description'&#41; ?&#62;&#60;?php else : ?&#62;&#60;?php wp_title&#40;&#41; ?&#62; &#60;?php endif ?&#62;&#60;/title&#62; &#160; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;&#60;?php bloginfo&#40;'html_type'&#41;; ?&#62;; charset=&#60;?php bloginfo&#40;'charset'&#41;; ?&#62;&#34; /&#62; &#60;meta name=&#34;generator&#34; content=&#34;WordPress &#60;?php bloginfo&#40;'version'&#41;; ?&#62;&#34; /&#62; &#60;!-- leave this for stats --&#62; &#60;link rel=&#34;stylesheet&#34; href=&#34;&#60;?php bloginfo&#40;'stylesheet_url'&#41;; ?&#62;&#34; type=&#34;text/css&#34; media=&#34;screen&#34; /&#62; &#60;link rel=&#34;alternate&#34; type=&#34;application/rss+xml&#34; title=&#34;RSS 2.0&#34; href=&#34;&#60;?php bloginfo&#40;'rss2_url'&#41;; ?&#62;&#34; /&#62; &#60;link rel=&#34;alternate&#34; type=&#34;text/xml&#34; title=&#34;RSS .92&#34; href=&#34;&#60;?php bloginfo&#40;'rss_url'&#41;; ?&#62;&#34; /&#62; &#60;link rel=&#34;alternate&#34; type=&#34;application/atom+xml&#34; title=&#34;Atom 0.3&#34; href=&#34;&#60;?php bloginfo&#40;'atom_url'&#41;; ?&#62;&#34; /&#62; &#60;link rel=&#34;pingback&#34; href=&#34;&#60;?php bloginfo&#40;'pingback_url'&#41;; ?&#62;&#34; /&#62;&#60;?php wp_head&#40;&#41;; ?&#62; &#160; &#60;?php wp_get_archives&#40;'type=monthly&#38;format=link'&#41;; ?&#62; &#60;?php //comments_popup_script(); // off by default ?&#62; &#60;?php wp_head&#40;&#41;; ?&#62; &#160; &#60;/head&#62; &#60;body&#62; &#60;h1&#62;&#60;a href=&#34;&#60;?php bloginfo&#40;'url'&#41;; ?&#62;&#34;&#62;&#60;?php bloginfo&#40;'name'&#41;; ?&#62;&#60;/a&#62;&#60;/h1&#62; Voici celles qui vont dans le fichier index.php. A savoir aussi, que le fichier single.php sera à créer sur la même base que celui-ci, à l'exception de l'affichage du nombre de commentaires, puisque c'est justement sur ce template que l'on affichera le contenu des commentaires. On reverra ça sur le tutoriel suivant. &#60;?php get_header&#40;&#41;; ?&#62; &#160; &#60;?php if&#40;have_posts&#40;&#41;&#41; : ?&#62;&#60;?php while&#40;have_posts&#40;&#41;&#41; : the_post&#40;&#41;; ?&#62; &#60;h2&#62;&#60;a href=&#34;&#60;?php the_permalink&#40;&#41;; ?&#62;&#34; title=&#34;&#60;?php the_title&#40;&#41;; ?&#62;&#34;&#62;&#60;?php the_title&#40;&#41;; ?&#62;&#60;/a&#62;&#60;/h2&#62; &#60;?php the_time&#40;'j F Y'&#41; ?&#62; par &#60;?php the_author&#40;&#41; ?&#62; &#124; Cat&#38;eacute;gorie: &#60;?php the_category&#40;', '&#41; ?&#62; &#124; &#60;?php comments_popup_link&#40;'Pas de commentaires', '1 Commentaire', '% Commentaires'&#41;; ?&#62; &#60;?php edit_post_link&#40;'Editer', ' &#38;#124; ', ''&#41;; ?&#62; &#60;?php the_content&#40;&#41;; ?&#62; &#60;?php endwhile; ?&#62; &#60;?php endif; ?&#62; &#160; &#60;?php get_sidebar&#40;&#41;; ?&#62; &#60;?php get_footer&#40;&#41;; ?&#62; &#60;/body&#62; &#60;/html&#62; Concernant la sidebar, sidebar.php devra s'écrire comme ça : &#60;ul&#62; &#60;?php if &#40; !function_exists&#40;'dynamic_sidebar'&#41; &#124;&#124; !dynamic_sidebar&#40;&#41; &#41; : ?&#62; &#160; CONTENU DE LA SIDEBAR &#160; &#60;?php endif; ?&#62; &#60;/ul&#62; Afin de rendre cette barre latérale widgetisable, il faudra ajouter aussi le fichier functions.php avec le code ci-dessous. Pour une sidebar a deux colonnes, il faut simplement mettre "sidebar(2)"... &#60;?php if &#40; function_exists&#40;'register_sidebar'&#41; &#41; register_sidebar&#40;&#41;; ?&#62; Oui, il manque le footer.php, n'est-ce pas ? Qu'importe, vous mettez ce que vous voulez dedans. Vos Copyrights, vos infos importantes... L'important, c'est d'appeler ce fichier depuis l'index.php. On peut par contre en profiter pour y placer un rappel de vos RSS comme ceci : &#60;a href=&#34;feed:&#60;?php bloginfo('rss2_url'); ?&#62;&#34;&#62;Articles (RSS)&#60;/a&#62; - &#60;a href=&#34;feed:&#60;?php bloginfo('comments_rss2_url'); ?&#62;&#34;&#62;Commentaires (RSS)&#60;/a&#62;</p><p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/tuto-03-la-base-des-templates.html">Tuto 03 : Thème WordPress : La base des Templates</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></description>
			<content:encoded><![CDATA[<p><span class="lettrine">V</span>Voici donc les fichiers indispensables à la création du thème. Ils servent tous suivant la hiérarchie organisé par WordPress à l'affichage du blog et chacun a son rôle. Ici, on reste dans le brut de décoffrage, donc sans véritables mises en forme.</p>
<ul>
<li>header.php<span> -> La partie du haut</span></li>
<li>index.php<span> -> La partie centrale</span></li>
<li>single.php<span> -> La partie pour l'article seul</span></li>
<li>archive.php<span> -> La page des archives (mois, jours, tags...)</span></li>
<li>search.php<span> -> La page affichant les résultats du moteur de recherche</span></li>
<li>searchform.php<span> -> Le formulaire de recherche</span></li>
<li>comments.php<span> -> La partie dédiée aux commentaires (affichages et ajouts)</span></li>
<li>sidebar.php<span> -> La barre latérale</span></li>
<li>footer.php<span> -> Le pied de page</span></li>
</ul>
<p>
Voici les informations à mettre dans le <strong>header.php</strong></p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head profile=&quot;http://gmpg.org/xfn/11&quot;&gt;
&nbsp;
 &lt;title&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> is_404<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> &amp;raquo; <span style="color: #000000; font-weight: bold;">&lt;?php</span> _e<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Not Found'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">elseif</span> <span style="color: #009900;">&#40;</span> is_home<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> &amp;raquo; <span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'description'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">else</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/title&gt;
&nbsp;
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'html_type'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>; charset=<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'charset'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;meta name=&quot;generator&quot; content=&quot;WordPress <span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'version'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;!-- leave this for stats --&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'stylesheet_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;
  &lt;link rel=&quot;alternate&quot; type=&quot;application/rss+xml&quot; title=&quot;RSS 2.0&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'rss2_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;link rel=&quot;alternate&quot; type=&quot;text/xml&quot; title=&quot;RSS .92&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'rss_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom 0.3&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'atom_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;
  &lt;link rel=&quot;pingback&quot; href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'pingback_url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; /&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_head<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_get_archives<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'type=monthly&amp;format=link'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #666666; font-style: italic;">//comments_popup_script(); // off by default ?&gt;</span>
  <span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_head<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'url'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> bloginfo<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;&lt;/h1&gt;</pre></div></div>

<p>
Voici celles qui vont dans le fichier <strong>index.php</strong>. A savoir aussi, que le fichier <strong>single.php</strong> sera à créer sur la même base que celui-ci, à l'exception de l'affichage du nombre de commentaires, puisque c'est justement sur ce template que l'on affichera le contenu des commentaires. On reverra ça sur le tutoriel suivant.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> get_header<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">while</span><span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> the_post<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;h2&gt;&lt;a href=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_permalink<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot; title=&quot;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&quot;&gt;<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_title<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>&lt;/a&gt;&lt;/h2&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_time<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'j F Y'</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> par <span style="color: #000000; font-weight: bold;">&lt;?php</span> the_author<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> |
Cat&amp;eacute;gorie: <span style="color: #000000; font-weight: bold;">&lt;?php</span> the_category<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">', '</span><span style="color: #009900;">&#41;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> |
<span style="color: #000000; font-weight: bold;">&lt;?php</span> comments_popup_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Pas de commentaires'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'1 Commentaire'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'% Commentaires'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> edit_post_link<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'Editer'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">' &amp;#124; '</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> the_content<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endwhile</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> get_sidebar<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
<span style="color: #000000; font-weight: bold;">&lt;?php</span> get_footer<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/body&gt;
&lt;/html&gt;</pre></div></div>

<p>
Concernant la sidebar, <strong>sidebar.php</strong> devra s'écrire comme ça :</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;ul&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #339933;">!</span><span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'dynamic_sidebar'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">||</span> <span style="color: #339933;">!</span>dynamic_sidebar<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&nbsp;
CONTENU DE LA SIDEBAR
&nbsp;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;/ul&gt;</pre></div></div>

<p>Afin de rendre cette barre latérale widgetisable, il faudra ajouter aussi le fichier <strong>functions.php</strong> avec le code ci-dessous. Pour une sidebar a deux colonnes, il faut simplement mettre "sidebar(2)"...</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'register_sidebar'</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span>
register_sidebar<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>
Oui, il manque le <strong>footer.php</strong>, n'est-ce pas ? Qu'importe, vous mettez ce que vous voulez dedans. Vos Copyrights, vos infos importantes... L'important, c'est d'appeler ce fichier depuis l'index.php. On peut par contre en profiter pour y placer un rappel de vos RSS comme ceci :</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;a href=&quot;feed:&lt;?php bloginfo('rss2_url'); ?&gt;&quot;&gt;Articles (RSS)&lt;/a&gt; - &lt;a href=&quot;feed:&lt;?php bloginfo('comments_rss2_url'); ?&gt;&quot;&gt;Commentaires (RSS)&lt;/a&gt;</pre></div></div>

<p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/tuto-03-la-base-des-templates.html">Tuto 03 : Thème WordPress : La base des Templates</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tuto 01 : Thème WordPress : Par où commencer ? #Aides et Tutoriels  #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/tutoriel-01-par-ou-commencer.html</link>
		<comments>http://neosting.net/wordpress/tutoriel-01-par-ou-commencer.html#comments</comments>
		<pubDate>Mon, 07 Jul 2008 09:00:20 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Aides et Tutoriels]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[thème]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/?p=102</guid>
		<description><![CDATA[<p>Voici tout d'abord un plugin indispensable, il s'agit de Theme Test Drive de Vladimir Prelovac. Il vous permet de tester le thème de votre choix, tout en laissant vos visiteurs avec le thème actuel. Un must, même si les modifications de votre sidebar widgetisée se verront quand même. Ensuite, étant arrivé depuis peu dans cette communauté made in wordpress, je me suis aidé pour mieux comprendre le fonctionnement du blog, de ce magnifique tutoriel de Franc6art. Grâce à ces tutoriels plutôt bien faits, vous commencerez à construire les bases de votre nouveau thème. WordPress, c'est comment ? WordPress se compose de plusieurs pages en php et d'un système graphique basé sur les CSS. C'est sur ce langage que l'on doit travailler. Si, vous n'y connaissez pas grand chose dans ce type de programmation, tout n'est pas perdu. Il est même temps de vous y mettre, car c'est assez facile à comprendre. Voici un article sur mon blog, expliquant comment apprendre à créer un site en CSS afin de mieux vous aiguiller. Pour débuter votre création, il faudra s'appuyer sur la structure même de WordPress, écrite sans mise en forme. Je vais créer d'ici peu un article, dans lequel je vous donnerai cette base, et je mettrais le lien ici.</p><p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/tutoriel-01-par-ou-commencer.html">Tuto 01 : Thème WordPress : Par où commencer ?</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></description>
			<content:encoded><![CDATA[<p><span class="lettrine">V</span>oici tout d'abord un plugin indispensable, il s'agit de <strong><a href="http://www.prelovac.com/vladimir/wordpress-plugins/theme-test-drive" title="Plugin WordPress : Theme Test Drive">Theme Test Drive</a></strong> de <a href="http://www.prelovac.com/vladimir/" title="Blog de Vladimir Prelovac">Vladimir Prelovac</a>. Il vous permet de tester le thème de votre choix, tout en laissant vos visiteurs avec le thème actuel. Un must, même si les modifications de votre sidebar widgetisée se verront quand même.<br />
<br />
Ensuite, étant arrivé depuis peu dans cette communauté made in wordpress, je me suis aidé pour mieux comprendre le fonctionnement du blog, de ce <a href="http://www.fran6art.com/wordpress/creez-votre-theme-wordpress-de-a-a-z/">magnifique tutoriel de Franc6art</a>. Grâce à ces tutoriels plutôt bien faits, vous commencerez à construire les bases de votre nouveau thème.<br />
</p>
<h3>WordPress, c'est comment ?</h3>
<p>WordPress se compose de plusieurs pages en php et d'un système graphique basé sur les CSS. C'est sur ce langage que l'on doit travailler. Si, vous n'y connaissez pas grand chose dans ce type de programmation, tout n'est pas perdu. Il est même temps de vous y mettre, car c'est assez facile à comprendre. Voici un article sur mon blog, expliquant <a href="http://neosting.net/aide-tutoriel/comment-apprendre-les-css.html">comment apprendre à créer un site en CSS</a> afin de mieux vous aiguiller.<br />
<br />
Pour débuter votre création, il faudra s'appuyer sur la structure même de WordPress, écrite sans mise en forme. Je vais créer d'ici peu un article, dans lequel je vous donnerai cette base, et je mettrais le lien ici.</p>
<p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/tutoriel-01-par-ou-commencer.html">Tuto 01 : Thème WordPress : Par où commencer ?</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Des Widgets à gogo ! #Logiciels  #WordPress  #NeoSting</title>
		<link>http://neosting.net/wordpress/des-widgets-a-gogo.html</link>
		<comments>http://neosting.net/wordpress/des-widgets-a-gogo.html#comments</comments>
		<pubDate>Fri, 23 Nov 2007 17:37:43 +0000</pubDate>
		<dc:creator>NeoSting</dc:creator>
				<category><![CDATA[Logiciels]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[widget]]></category>

		<guid isPermaLink="false">http://www.neosting-press.fr/archives/30</guid>
		<description><![CDATA[<p>J'ai découvert ce site, en cherchant quelques informations concernant la sidebar de wordpress. Comme il semble que ce soit une bonne référence dans le domaine (c'est clair qu'on y trouve de tout, et encore c'est peu de le dire !), je vous le propose. Qui sait, peut-être y trouverez-vous le widget de vos rêves ? Ce qui est sûr, c'est qu'ils sont d'après ce que je vois, majoritairement en anglais. En faisant une petite recherche simple, voici la liste des widgets disponibles en français sur widgetbox.com. C'est vrai, je ne me suis pas bien cassé la tête pour les trouver, mais c'est le geste qui compte, comme on dit non ? :) A noter que dans cette liste, on peut trouver le widget de wordpress-tuto, mais si vous préférez jouer à Tetris sur votre bloog, c'est votre problème, n'est-ce pas ?</p><p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/des-widgets-a-gogo.html">Des Widgets à gogo !</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></description>
			<content:encoded><![CDATA[<p>J'ai découvert <a href="http://www.widgetbox.com/" title="Plein de widgets avec widgetbox.com">ce site</a>, en cherchant quelques informations concernant la sidebar de wordpress. Comme il semble que ce soit une bonne référence dans le domaine (c'est clair qu'on y trouve de tout, et encore c'est peu de le dire !), je vous le propose. Qui sait, peut-être y trouverez-vous le widget de vos rêves ?<br />
<br />
Ce qui est sûr, c'est qu'ils sont d'après ce que je vois, majoritairement en anglais. En faisant une petite recherche simple, voici <a href="http://www.widgetbox.com/search?q=francais" title="widgets français sur widgetbox.com">la liste des widgets disponibles en français sur widgetbox.com</a>. C'est vrai, je ne me suis pas bien cassé la tête pour les trouver, mais c'est le geste qui compte, comme on dit non ? :)<br />
<br />
A noter que dans cette liste, on peut trouver <a href="http://www.widgetbox.com/widget/wordpress-tuto-thmes-pour-wordpress" title="widget de wordpress-tuto">le widget de wordpress-tuto</a>, mais si vous préférez jouer à <a href="http://www.widgetbox.com/widget/wordpress-tuto-thmes-pour-wordpress" title="Widget de Tetris sur widgetbox.com">Tetris sur votre bloog</a>, c'est votre problème, n'est-ce pas ?</p>
<p><br />
<a href="http://neosting.net">NeoSting.net</a> - <a href="http://neosting.net/wordpress/des-widgets-a-gogo.html">Des Widgets à gogo !</a>
<ul>
<li><a href="http://twitter.com/neosting" title="compte officiel de Cyrille NeoSting">Me suivre sur Twitter</a></li>
<li><a href="https://plus.google.com/111927034333604064488/" title="compte personnel de Cyrille NeoSting">Me suivre sur Google Plus</a></li>
<li><a href="https://plus.google.com/111366965126067392670/" title="Page sur Google Plus dédiée au blog">Suivre la Page G+ de NeoSting.net</a></li>
<li><a href="http://www.facebook.com/pages/NeoStingnet/134289813295614/" title="Page sur facebook dédiée au blog">Suivre la page du blog sur facebook</a></li>
</ul></p>]]></content:encoded>
			<wfw:commentRss></wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using memcached
Database Caching 4/22 queries in 0.042 seconds using memcached
Object Caching 1173/1223 objects using memcached

Served from: neosting.net @ 2012-05-24 15:40:13 -->
