<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>PluXml - Tutoriaux</title>
	<link>http://www.pluxml.org/categorie3/tutos</link>
	<language>fr</language>
	<description>Blog ou Cms à l&#039;Xml !</description>
<atom:link xmlns:atom="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://www.pluxml.org/feed.php" />
	<lastBuildDate>Sun, 09 Oct 2011 08:00:00 +0200</lastBuildDate>
	<generator>PluXml</generator>
	<item>
		<title>Gestion des feuilles de style</title> 
		<link>http://www.pluxml.org/article54/gestion-des-feuilles-de-style</link>
		<guid>http://www.pluxml.org/article54/gestion-des-feuilles-de-style</guid>
		<description>&lt;p&gt;
PluXml possède une utilisation intelligente des feuilles de style.&lt;br/&gt;
Voici un tour d&#039;horizon.
&lt;/p&gt;
&lt;br /&gt;

&lt;h3&gt;Le style&lt;/h3&gt;
&lt;p&gt;Le style correspond au nom du dossier dans le dossier themes&lt;/p&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-54/blog00.jpg&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-54/blog00.tb.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;&lt;br /&gt;

&lt;p&gt;Pour modifier le style,rendez-vous dans l&#039;administration / paramètres / option d&#039;affichage et choisissez le style dans le menu déroulant &quot;choix du thème&quot;&lt;/p&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-54/blog01.jpg&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-54/blog01.tb.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;
&lt;p&gt;Pour associer une feuille de style &lt;b&gt;en fonction du style&lt;/b&gt;, vous devez:&lt;br/&gt;
&lt;ul&gt;
&lt;li&gt;avoir un fichier CSS qui porte le même nom que le style (dans notre cas monTheme.css)&lt;/li&gt;
&lt;li&gt;coller ce code entre les balises &lt;head&gt;&lt;/head&gt; du fichier header.php de votre thème:&lt;br/&gt;
&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
		&lt;link media=&quot;screen&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;template(); ?&gt;/&lt;?php $plxShow-&gt;template(); ?&gt;.css&quot;/&gt;
&lt;/script&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/p&gt;

Plus d&#039;infos sur la fonction template() &lt;a href=&quot;http://devzone.pluxml.org/?plxShow/function/template&quot;&gt;ici&lt;/a&gt;
&lt;br /&gt;
&lt;br /&gt;

&lt;h3&gt;Le mode&lt;/h3&gt;
&lt;p&gt;Le mode correspond au mode d&#039;affichage :D.&lt;br/&gt;
On en compte 6 principaux: home, static, article, categorie, archives et tag.&lt;/p&gt;
&lt;p&gt;Pour associer une feuille de style &lt;b&gt;en fonction du mode&lt;/b&gt;,
&lt;ul&gt;
&lt;li&gt;avoir un fichier CSS qui porte le même nom que le mode&lt;/li&gt;
&lt;li&gt;coller ce code entre les balises &lt;head&gt;&lt;/head&gt; du fichier header.php de votre thème:&lt;br/&gt;
&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
 &lt;link media=&quot;screen&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;template(); ?&gt;/&lt;?php $plxShow-&gt;mode(); ?&gt;.css&quot;/&gt;
&lt;/script&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/p&gt;
Plus d&#039;infos sur la fonction mode() &lt;a href=&quot;http://devzone.pluxml.org/?plxShow/function/mode&quot;&gt;ici&lt;/a&gt;
&lt;br /&gt;
&lt;br /&gt;

&lt;h3&gt;Le template&lt;/h3&gt;
&lt;p&gt;Le template est celui que l&#039;on  choisi grâce au menu déroulant présent dans l&#039;administration des articles, des pages statics et des catégories.&lt;/p&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-54/blog02.jpg&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-54/blog02.tb.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;
&lt;p&gt;Pour associer une feuille de style &lt;b&gt;en fonction du template&lt;/b&gt;,
&lt;ul&gt;
&lt;li&gt;avoir un fichier CSS qui porte le même nom que le template (dans notre cas article-template01.css)&lt;br&gt;
&lt;u&gt;Note:&lt;/u&gt; le nom doit être de la forme article-nom.php sans majuscule.&lt;/li&gt;
&lt;li&gt;coller ce code entre les balises &lt;head&gt;&lt;/head&gt; du fichier header.php de votre thème:&lt;br/&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-54/template.png&quot; alt=&quot;&quot; /&gt;
&lt;br /&gt;&lt;br /&gt;

&lt;h3&gt;Exemple du contenu du dossier &quot;MonTheme&quot;&lt;/h3&gt;
&lt;br /&gt;

&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-54/blog03.jpg&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-54/blog03.tb.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;strong&gt;Par PluXml.org&lt;/strong&gt;</description>
		<pubDate>Sun, 09 Oct 2011 08:00:00 +0200</pubDate>
		<dc:creator>DanielSan</dc:creator>
	</item>
	<item>
		<title>5 règles pour sécuriser PluXml</title> 
		<link>http://www.pluxml.org/article51/5-regles-pour-securiser-pluxml</link>
		<guid>http://www.pluxml.org/article51/5-regles-pour-securiser-pluxml</guid>
		<description>Toujours soucieux de protéger au mieux les données de votre site, voici 5 règles à faire ou à vérifier après l&#039;installation ou la mise à jour de PluXml.
&lt;br /&gt;&lt;br /&gt;

1. Supprimer le fichier install.php à la racine du site après une installation ou une mise à jour de PluXml.
&lt;br /&gt;&lt;br /&gt;
2. Supprimer le dossier /update après une installation ou une mise à jour de PluXml.
&lt;br /&gt;&lt;br /&gt;
3. Pour les versions 5.1.0 à 5.1.1 de PluXml, supprimer le fichier changelog.txt à la racine du site. Ce fichier ne fait plus parti de PluXml depuis la version 5.1.2, car il peut donner des indications à des personnes malveillantes (notamment sur la version de PluXml utilisée), si on tape directement dans un navigateur le lien du fichier pour visualiser son contenu.
&lt;br /&gt;&lt;br /&gt;
4. Dans le lien pour accéder à la zone d&#039;administration du site à partir de la page d&#039;accueil, généralement situé dans le bas de la page (fichier footer.php du thème), spécifier rel=&quot;nofollow&quot; de cette façon:

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;a class=&quot;admin&quot; rel=&quot;nofollow&quot; href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;urlRewrite(&#039;core/admin/&#039;) ?&gt;&quot; title=&quot;&lt;?php $plxShow-&gt;lang(&#039;ADMINISTRATION&#039;) ?&gt;&quot;&gt;&lt;?php $plxShow-&gt;lang(&#039;ADMINISTRATION&#039;) ?&gt;&lt;/a&gt;
&lt;/script&gt;

ou si vous n&#039;avez pas un thème multi-langues:

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;a class=&quot;admin&quot; rel=&quot;nofollow&quot; href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;urlRewrite(&#039;core/admin/&#039;) ?&gt;&quot; title=&quot;Administration&quot;&gt;Administration&lt;/a&gt;
&lt;/script&gt;

L&#039;attribut nofollow permet de donner l&#039;instruction suivante aux moteurs de recherche  &quot;ne suivez pas ce lien spécifique&quot;.
&lt;br /&gt;&lt;br /&gt;
5. Pour empêcher de lister le contenu d&#039;un dossier en tapant son url dans un navigateur, créer dans le dossier un fichier .htaccess et ajouter dedans la ligne suivante:
&lt;br /&gt;&lt;br /&gt;
Options -Indexes
&lt;br /&gt;&lt;br /&gt;
Attention certains hébergeurs réagissent mal avec cette instruction et provoquent des erreurs empêchant l&#039;éxecution normale de PluXml.&lt;br /&gt;
Une alternative est de créer à la place du fichier .htaccess un fichier index.html vide, avec aucune ligne dedans.
&lt;br /&gt;&lt;br /&gt;
Voilà donc 5 règles toutes simples pour protéger votre site.&lt;br /&gt;
Alors n&#039;hésitez pas...&lt;strong&gt;Par PluXml.org&lt;/strong&gt;</description>
		<pubDate>Mon, 25 Jul 2011 10:36:00 +0200</pubDate>
		<dc:creator>Stéphane</dc:creator>
	</item>
	<item>
		<title>Passer votre theme 5.02 en 5.1</title> 
		<link>http://www.pluxml.org/article49/passer-votre-theme-5-02-en-5-1</link>
		<guid>http://www.pluxml.org/article49/passer-votre-theme-5-02-en-5-1</guid>
		<description>La structure principale des fichiers th&amp;egrave;mes de PluXml 5.1 n&#039;a pas chang&amp;eacute; par rapport &amp;agrave; la branche 5.0.x 
N&amp;eacute;anmoins il est int&amp;eacute;ressant de faire une petite mise &amp;agrave; jour afin de profiter des derni&amp;egrave;res &amp;eacute;volutions de PluXml et de faire un peu de m&amp;eacute;nage dans le code. Je me servirai comme r&amp;eacute;f&amp;eacute;rence du th&amp;egrave;me par d&amp;eacute;faut livr&amp;eacute; avec PluXml (dossier /themes/defaut/). Si vous utilisez un th&amp;egrave;me personnel il se peut que les lignes cit&amp;eacute;es ne se trouvent pas aux m&amp;ecirc;mes endroits. Il conviendra alors de les chercher dans vos fichiers.&lt;br /&gt;&lt;br /&gt;
&lt;h3&gt;Abandon des flux de syndication Atom&lt;/h3&gt;
&lt;p&gt;
Les flux Atom sont d&amp;eacute;sormais abandonn&amp;eacute;s avec la 5.1 et ne sont plus g&amp;eacute;r&amp;eacute;s par PluXml. Se sont les flux Rss, passant en version 2.0, qui sont privil&amp;eacute;gi&amp;eacute;s maintenant. C&#039;est pourquoi les appels des flux atom sont devenus obsol&amp;egrave;tes. Nous allons les supprimer ou les remplacer &amp;agrave; la place par l&#039;appel des flux Rss.
&lt;/p&gt;
Les modifications suivantes sont &amp;agrave; faire:&lt;br /&gt;
&lt;br /&gt;

&lt;ins&gt;Dans le fichier archive.php&lt;/ins&gt;
&lt;br /&gt;
Remplacer
&lt;br /&gt;

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;?php # On affiche le fil Atom des articles de cette categorie ?&gt;
&lt;div class=&quot;feed_categorie&quot;&gt;&lt;?php $plxShow-&gt;artFeed(&#039;atom&#039;,$plxShow-&gt;catId()); ?&gt;&lt;/div&gt;
&lt;/script&gt;

Par 
&lt;br /&gt;

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;?php # On affiche le fil Rss des articles de cette categorie ?&gt;
&lt;div class=&quot;feed_categorie&quot;&gt;&lt;?php $plxShow-&gt;artFeed(&#039;rss&#039;,$plxShow-&gt;catId()); ?&gt;&lt;/div&gt;
&lt;/script&gt;

&lt;ins&gt;Dans le fichier categorie.php&lt;/ins&gt;
&lt;br /&gt;
Remplacer
&lt;br /&gt;

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;?php # On affiche le fil Atom de cet article ?&gt;
&lt;div class=&quot;feed_categorie&quot;&gt;&lt;?php $plxShow-&gt;artFeed(&#039;atom&#039;,$plxShow-&gt;catId()); ?&gt;&lt;/div&gt;
&lt;/script&gt;

Par
&lt;br /&gt;

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;?php # On affiche le fil Rss de cet article ?&gt;
&lt;div class=&quot;feed_categorie&quot;&gt;&lt;?php $plxShow-&gt;artFeed(&#039;rss&#039;,$plxShow-&gt;catId()); ?&gt;&lt;/div&gt;
&lt;/script&gt;

&lt;ins&gt;Dans le fichier commentaires.php&lt;/ins&gt;
&lt;br /&gt;	
Remplacer
&lt;br /&gt;

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;?php # On affiche le fil Atom de cet article ?&gt;
&lt;div class=&quot;feed_article&quot;&gt;&lt;?php $plxShow-&gt;comFeed(&#039;atom&#039;,$plxShow-&gt;artId()); ?&gt;&lt;/div&gt;
&lt;/script&gt;

Par
&lt;br /&gt;	

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;?php # On affiche le fil Rss de cet article ?&gt;
&lt;div class=&quot;feed_article&quot;&gt;&lt;?php $plxShow-&gt;comFeed(&#039;rss&#039;,$plxShow-&gt;artId()); ?&gt;&lt;/div&gt;
&lt;/script&gt;

&lt;ins&gt;Dans le fichier header.php&lt;/ins&gt;
&lt;br /&gt;	
Supprimer les lignes
&lt;br /&gt;
	
&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom articles&quot; href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;urlRewrite(&#039;feed.php?atom&#039;) ?&gt;&quot; /&gt;
&lt;link rel=&quot;alternate&quot; type=&quot;application/atom+xml&quot; title=&quot;Atom commentaires&quot; href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;urlRewrite(&#039;feed.php?atom/commentaires&#039;) ?&gt;&quot; /&gt;
&lt;/script&gt;

Remplacer les lignes
&lt;br /&gt;	
&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;urlRewrite(&#039;feed.php?atom/commentaires&#039;) ?&gt;&quot; title=&quot;Fil Atom des commentaires&quot;&gt;Commentaires&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;urlRewrite(&#039;feed.php?atom&#039;) ?&gt;&quot; title=&quot;Fil Atom des articles&quot;&gt;Articles&lt;/a&gt;&lt;/li&gt;
&lt;/script&gt;
	
Par
&lt;br /&gt;

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;urlRewrite(&#039;feed.php?rss/commentaires&#039;) ?&gt;&quot; title=&quot;Fil Rss des commentaires&quot;&gt;Commentaires&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;urlRewrite(&#039;feed.php?rss&#039;) ?&gt;&quot; title=&quot;Fil Rss des articles&quot;&gt;Articles&lt;/a&gt;&lt;/li&gt;
&lt;/script&gt;

&lt;br /&gt;
Remarque: Si ces modifications ne sont pas faites, les flux rss seront affich&amp;eacute;s &amp;agrave; la place des flux Atom.
&lt;br /&gt;
&lt;br /&gt;	
&lt;h3&gt;Nouveaut&amp;eacute;s: affichage des metas&lt;/h3&gt;
&lt;br /&gt;
PluXml 5.1 prend en compte les metas description et keywords au niveau du site (Param&amp;egrave;tres/Configuration de base), des articles, des pages statiques (Pages Statiques/Options) et des cat&amp;eacute;gories (Cat&amp;eacute;gories/Options).
Pour que ces metas soient affich&amp;eacute;s, ajoutez dans le fichier header.php en dessous de la ligne

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=&lt;?php $plxShow-&gt;charset(); ?&gt;&quot; /&gt;
&lt;/script&gt;

les 2 lignes suivantes :
&lt;br /&gt;

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;?php $plxShow-&gt;meta(&#039;description&#039;) ?&gt;
&lt;?php $plxShow-&gt;meta(&#039;keywords&#039;) ?&gt;	
&lt;/script&gt;

Si ce n&#039;est pas d&amp;eacute;j&amp;agrave; fait, toujours dans le fichier header.php, en dessous de la ligne
&lt;br /&gt;

&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;http://www.pluxml.org/&lt;?php $plxShow-&gt;template(); ?&gt;/style.css&quot; media=&quot;screen&quot; /&gt;
&lt;/script&gt;

ajoutez la ligne suivante:
&lt;br /&gt;
	
&lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;?php $plxShow-&gt;templateCss() ?&gt;
&lt;/script&gt;
	
Cette ligne permet de charger les fichiers .css associés aux templates.
&lt;br /&gt;
Par exemple si vous avez cr&amp;eacute;&amp;eacute; un template d&#039;article article-perso.php, et qu&#039;un fichier article-perso.css existe au m&amp;ecirc;me endroit, il sera automatiquement charg&amp;eacute; dans le fichier header.php gr&amp;acirc;ce à l&#039;instruction &lt;script type=&quot;syntaxhighlighter&quot; class=&quot;brush:php&quot;&gt;
&lt;?php $plxShow-&gt;templateCss() ?&gt;
&lt;/script&gt;
Vous voil&amp;agrave; pr&amp;ecirc;t avec un th&amp;egrave;me 100% PluXml 5.1&lt;strong&gt;Par PluXml.org&lt;/strong&gt;</description>
		<pubDate>Thu, 27 Jan 2011 11:52:00 +0100</pubDate>
		<dc:creator>Stéphane</dc:creator>
	</item>
	<item>
		<title>Réaliser un fil d&#039;Ariane</title> 
		<link>http://www.pluxml.org/article46/realiser-un-fil-d-ariane</link>
		<guid>http://www.pluxml.org/article46/realiser-un-fil-d-ariane</guid>
		<description>&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-46/fil_ariane.jpg&quot; alt=&quot;Picture&quot; style=&quot;border: 1px solid; margin: 2px; float: left; width:160px; height:160px&quot; /&gt;
Les fils d’ariane aussi appelés breadcrumbs en anglais sont utilisés pour faciliter la navigation sur un site web. Aujourd’hui nous allons voir comment l&#039;ajouter sur votre thème.

Le but de ce tutoriel est d’arriver à créer un fil d’ariane constitué de liens simples.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;
&lt;h2&gt;Modifications de notre thème&lt;/h2&gt;

Éditez le template &lt;strong&gt;home.php&lt;/strong&gt; de votre thème et ajoutez où vous souhaitez le voir &lt;em&gt;(en général avant le contenu)&lt;/em&gt; ce code:&lt;br /&gt;

&lt;textarea name=&quot;tuto1&quot; style=&quot;width: 500px; height: 100px;&quot; class=&quot;codeedit php lineNumbers&quot;&gt;			&amp;lt;div id=&quot;breadcrumbs&quot;&amp;gt;		
					&amp;lt;?php $plxShow-&amp;gt;mainTitle(&#039;link&#039;); ?&amp;gt; &amp;lt;span class=&quot;sep&quot;&amp;gt;&amp;amp;#9658;&amp;lt;/span&amp;gt; &amp;lt;?php $plxShow-&amp;gt;pageBlog(&#039;&amp;lt;a class=&quot;#page_status&quot; href=&quot;#page_url&quot; title=&quot;#page_name&quot;&amp;gt;#page_name&amp;lt;/a&amp;gt;&#039;); ?&amp;gt;					
            &amp;lt;/div&amp;gt; &amp;lt;!-- #breadcrumbs Fin --&amp;gt;&lt;/textarea&gt;

&lt;br /&gt;&lt;br /&gt;

Comme vous pouvez le constater, on insère dynamiquement le lien ainsi que le nom du site, ce dernier nous renverra à l&#039;accueil de PluXml. Dans le cas où l&#039;on utiliserait une page statique en accueil, un lien &lt;strong&gt;&quot;Blog&quot;&lt;/strong&gt; est généré.&lt;br /&gt;
&lt;br /&gt;
Nous allons cette fois passer au template &lt;strong&gt;tags.php&lt;/strong&gt; et indiquer notre emplacement actuel de cette façon:&lt;br /&gt;
&lt;textarea name=&quot;tuto2&quot; style=&quot;width: 500px; height: 100px;&quot; class=&quot;codeedit php lineNumbers&quot;&gt;			&amp;lt;div id=&quot;breadcrumbs&quot;&amp;gt;		
					&amp;lt;?php $plxShow-&amp;gt;mainTitle(&#039;link&#039;); ?&amp;gt; &amp;lt;span class=&quot;sep&quot;&amp;gt;&amp;amp;#9658;&amp;lt;/span&amp;gt; Tags &amp;lt;span class=&quot;sep&quot;&amp;gt;&amp;amp;#9658;&amp;lt;/span&amp;gt;  &amp;lt;?php echo $plxShow-&amp;gt;plxMotor-&amp;gt;cible ?&amp;gt;
            &amp;lt;/div&amp;gt; &amp;lt;!-- end #breadcrumbs --&amp;gt;
&lt;/textarea&gt;&lt;br /&gt;
Dans ce code nous avons juste le nom de la page&lt;em&gt; (Tags)&lt;/em&gt; en dur.&lt;br /&gt;&lt;br /&gt;
Les templates &lt;strong&gt;archives.php&lt;/strong&gt;, &lt;strong&gt;categorie.php&lt;/strong&gt; et &lt;strong&gt;erreur.php&lt;/strong&gt; auront la même base dont on modifiera en dur seulement la fin comme suit:&lt;br /&gt;
&lt;textarea name=&quot;tuto2&quot; style=&quot;width: 500px; height: 100px;&quot; class=&quot;codeedit php lineNumbers&quot;&gt;			&amp;lt;div id=&quot;breadcrumbs&quot;&amp;gt;		
					&amp;lt;?php $plxShow-&amp;gt;mainTitle(&#039;link&#039;); ?&amp;gt; &amp;lt;span class=&quot;sep&quot;&amp;gt;&amp;amp;#9658;&amp;lt;/span&amp;gt; Archives ou Catégorie ou Erreur 
            &amp;lt;/div&amp;gt; &amp;lt;!-- end #breadcrumbs --&amp;gt;
&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;
Ajoutons la modification pour &lt;strong&gt;static.php&lt;/strong&gt; en ajoutant dynamiquement le titre de la page comme suit:&lt;br /&gt;
&lt;textarea name=&quot;tuto2&quot; style=&quot;width: 500px; height: 100px;&quot; class=&quot;codeedit php lineNumbers&quot;&gt;			&amp;lt;div id=&quot;breadcrumbs&quot;&amp;gt;		
					&amp;lt;?php $plxShow-&amp;gt;mainTitle(&#039;link&#039;); ?&amp;gt; &amp;lt;span class=&quot;sep&quot;&amp;gt;&amp;amp;#9658;&amp;lt;/span&amp;gt; page &amp;lt;span class=&quot;sep&quot;&amp;gt;&amp;amp;#9658;&amp;lt;/span&amp;gt; &amp;lt;?php $plxShow-&amp;gt;staticTitle(); ?&amp;gt;					
            &amp;lt;/div&amp;gt; &amp;lt;!-- end #breadcrumbs --&amp;gt;
&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;

Il nous reste plus que le template &lt;strong&gt;article.php&lt;/strong&gt; dont on insère la catégorie courante et le titre de l&#039;article:&lt;br /&gt;
&lt;textarea name=&quot;tuto2&quot; style=&quot;width: 500px; height: 100px;&quot; class=&quot;codeedit php lineNumbers&quot;&gt;&amp;lt;div id=&quot;breadcrumbs&quot;&amp;gt;		
&amp;lt;?php $plxShow-&amp;gt;mainTitle(&#039;link&#039;); ?&amp;gt; &amp;lt;span class=&quot;sep&quot;&amp;gt;&amp;amp;#9658;&amp;lt;/span&amp;gt; Blog &amp;lt;span class=&quot;sep&quot;&amp;gt;&amp;amp;#9658;&amp;lt;/span&amp;gt; &amp;lt;?php $plxShow-&amp;gt;artCat(); ?&amp;gt;  &amp;lt;span class=&quot;sep&quot;&amp;gt;&amp;amp;#9658;&amp;lt;/span&amp;gt; 	&amp;lt;?php $plxShow-&amp;gt;artTitle(&#039;&#039;); ?&amp;gt;				
                        &amp;lt;/div&amp;gt; &amp;lt;!-- end #breadcrumbs --&amp;gt;
&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;

Et pour parfaire le tout on style tout ça avec du css que vous placerez bien entendu dans votre feuille de style:&lt;br /&gt;
&lt;textarea name=&quot;tuto2&quot; style=&quot;width: 500px; height: 100px;&quot; class=&quot;codeedit css&quot;&gt;#breadcrumbs{border-bottom:1px solid #ebebeb; font-family:Georgia,serif; text-transform:uppercase; font-size:11px; font-style:italic; padding:0px 15px 11px 45px}

#breadcrumbs, #breadcrumbs a{color:#9e9e9e}

#breadcrumbs a:hover{color:#5f5e5e; text-decoration:none}

#breadcrumbs span.sep{display:inline-block; width:4px; height:7px; margin:1px 1px 0 3px}
&lt;/textarea&gt;&lt;br /&gt;&lt;br /&gt;

&lt;h2&gt;Conclusion&lt;/h2&gt;

Cet article touche à sa fin ! N’hésitez pas à me faire des retours. J’ai essayé de trouver un moyen fonctionnel pour arriver à mes fins et afficher un fil d&#039;ariane ou breadcrumb en anglais.&lt;strong&gt;Par PluXml.org&lt;/strong&gt;</description>
		<pubDate>Tue, 16 Nov 2010 20:13:00 +0100</pubDate>
		<dc:creator>Frédéric</dc:creator>
	</item>
	<item>
		<title>Gestion avancée des thèmes dans PluXml</title> 
		<link>http://www.pluxml.org/article45/gestion-avancee-des-themes-dans-pluxml</link>
		<guid>http://www.pluxml.org/article45/gestion-avancee-des-themes-dans-pluxml</guid>
		<description>&lt;p&gt;Bonjour à tous,&lt;br /&gt;&lt;br /&gt;

Comme vous le savez, nous essayons de faire au mieux pour que vous puissiez modifier à votre aise vos thèmes pour PluXml. Aujourd&#039;hui nous allons étudier les multiples possibilités offertes afin de ne pas surcharger vos pages et votre temps de travail.&lt;br /&gt;&lt;br /&gt;

Au sommaire : comment attribuer un affichage différent selon la catégorie, la page statique, voir même selon l&#039;article.&lt;/p&gt;&lt;br /&gt;&lt;hr /&gt;&lt;br /&gt;
&lt;h3&gt;Les bases d&#039;un thème&lt;/h3&gt;&lt;br /&gt;
&lt;p&gt;Avant d&#039;entrer dans le vif du sujet, reprenons ensemble les bases :&lt;br/&gt;
Un thème de base est composé de fichiers &lt;em&gt;.php&lt;/em&gt;, ayant chacun un rôle bien précis, ainsi qu&#039;une seule feuille de style .css. Il sont tous important et, en tout cas au début, il faut tous les laisser.&lt;br/&gt;
Voici la liste des fichiers :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;header.php : Haut de page&lt;/li&gt;
&lt;li&gt;footer.php : Pied de page&lt;/li&gt;
&lt;li&gt;home.php : Page d&#039;accueil&lt;/li&gt;
&lt;li&gt;categorie.php : Affichage en mode catégorie&lt;/li&gt;
&lt;li&gt;article.php : Affichage en mode article&lt;/li&gt;
&lt;li&gt;commentaires.php : Affichage des commentaires (lié à article.php)&lt;/li&gt;
&lt;li&gt;static.php : Affichage en mode statique&lt;/li&gt;
&lt;li&gt;erreur.php : Affichage en mode erreur&lt;/li&gt;
&lt;li&gt;archives.php : Affichage en mode archives&lt;/li&gt;
&lt;li&gt;tags.php : Affichage en mode tags&lt;/li&gt;
&lt;li&gt;sidebar.php : Affichage de la barre latérale&lt;/li&gt;
&lt;/ul&gt;


&lt;p&gt;Après avoir vu cette liste, j&#039;imagine ta tête en te disant : &lt;em&gt;trop de fichiers tue le fichier !&lt;/em&gt;. J&#039;ai envie de dire &lt;em&gt;non&lt;/em&gt;. Il est tout de même beaucoup plus simple pour un utilisateur lambda de se retrouver dans un fichier ayant moins de lignes et un nom correct, qu&#039;un seul gros fichier, non ?&lt;/p&gt;

&lt;br /&gt;&lt;hr /&gt;&lt;br /&gt;

&lt;h3&gt;A table !&lt;/h3&gt;&lt;br /&gt;

&lt;p&gt;Après cette introduction, qui, je n&#039;en doute pas, t&#039;as fait bien peur, nous allons voir que la séparation de tout les éléments d&#039;affichage peut s&#039;avérer être un atout de taille dans la réalisation d&#039;un thème complexe. Ne mangez pas trop de pain, vous allez être gavés avant le dessert !&lt;br /&gt;&lt;br /&gt;

Depuis la version 5, nous avons intégré des détails qui vous sauveront la vie lors de vos réalisations. En effet il n&#039;y a quasiment plus de limite à la personnalisation de vos pages.&lt;br /&gt;&lt;br /&gt;

Il nous a été demandé depuis longtemps de pouvoir mettre une page statique en page d&#039;accueil tout en gardant une autre page type blog, sans passer des heures à magouiller. Voilà qui est désormais possible, pour cela, il suffit de vous rendre dans : &lt;b&gt;Paramètres &gt; Options d&#039;affichages &gt; Utiliser une page statique comme page d&#039;accueil&lt;/b&gt;. Le menu du thème propose alors un nouveau lien : Blog.&lt;br /&gt;&lt;br /&gt;

Puisque vous êtes pointilleux, nous avons poussé le vice un poil plus loin, nous vous donnons la possibilité d&#039;appliquer un thème différent à chaque partie du site.&lt;br /&gt;&lt;br /&gt;

Et là, j&#039;imagine votre tête, sachez-le, vous pouvez si l&#039;envie vous en prend, donner un thème différent par page statique, par catégorie et même par articles ! Sympa non ? Comment ça c&#039;est nul ? Dans ta chambre! Pas de dessert pour toi !&lt;br /&gt;

Combien d&#039;entre-vous se sont parfois battus pendant des heures avec des div cachées, des magouilles &amp; co par dessus la tête avant d&#039;arriver à faire ce qu&#039;ils voulaient de leur page. C&#039;est fini le temps des prises de têtes sans nom !&lt;/p&gt;

&lt;br /&gt;&lt;hr /&gt;&lt;br /&gt;

&lt;h3&gt;Principe de fonctionnement&lt;/h3&gt;&lt;br /&gt;

&lt;p&gt;Le principe est des plus simples, oui on aime qu&#039;un plan se déroule sans accrocs ! On vas donc dans le dossier du thème sur lequel on travail, on crée un nouveau fichier utilisant comme préfixe la partie du site que l&#039;on souhaite personnaliser :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;static-&lt;/strong&gt;home.php&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;categorie-&lt;/strong&gt;1.php&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;article-&lt;/strong&gt;381.php&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Il est essentiel d&#039;appliquer un nom de fichier avec un préfixe comme ci-dessus, vous pouvez ensuite nommer la fin comme bon vous semble.&lt;br /&gt;&lt;br /&gt;

Reste donc à appeler ces fichiers via notre administration :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Pour une catégorie : Administration &gt; Catégories, puis cliquer sur l&#039;onglet &quot; Option &quot; en bout de ligne de la catégorie concernée et choisissez le fichier thème à appeler pour cette dernière.&lt;/li&gt;
&lt;li&gt;Pour un article, cela se déroule lors de la phase de rédaction, dans la colonne de droite en bas, on vous propose de sélectionner le fichier désiré.&lt;/li&gt;
&lt;li&gt;Pour une page statique, le principe est similaire à celui utilisé pour les catégories.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;En quoi cela est-il vraiment pratique. Marmonnes-tu ? Tu va finir par l&#039;avoir ta rouste toi ! Si l&#039;on regarde bien, cela va nous permettre mille et une options. Pourquoi ? Si j&#039;ai un fichier static-home.php, rien ne m&#039;empêche d&#039;appeler header-home.php par exemple, vous voyez où je veux en venir ? Seule la pagination reste à ce jour peu personnalisable, mais cela ne devrait tarder... des nouvelles méthodes vont peut être arriver ?&lt;/p&gt;

&lt;p&gt;Alors, que pense-tu de ce nouveau système de gestion des thèmes ?&lt;/p&gt;&lt;strong&gt;Par PluXml.org&lt;/strong&gt;</description>
		<pubDate>Fri, 12 Nov 2010 16:36:00 +0100</pubDate>
		<dc:creator>Ti-Pierre</dc:creator>
	</item>
	<item>
		<title>Réaliser une page &quot;statique&quot; avec commentaires.</title> 
		<link>http://www.pluxml.org/article43/realiser-une-page-statique-avec-commentaires</link>
		<guid>http://www.pluxml.org/article43/realiser-une-page-statique-avec-commentaires</guid>
		<description>&lt;p&gt;Avec la version 5 de PluXml il est possible d&#039;utiliser des gabarits pour l&#039;affichage des catégories, articles et &lt;strong&gt;pages statiques&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Il est aussi possible d&#039;afficher une &lt;strong&gt;page statique&lt;/strong&gt; en accueil au lieu de la boucle des articles du blog.&lt;/p&gt;

&lt;p&gt;C&#039;est grâce a ça que l&#039;on va pouvoir réaliser notre page &quot;&lt;strong&gt;statique&lt;/strong&gt;&quot; avec l&#039;intégration des commentaires et son formulaire d&#039;envoi.&lt;/p&gt;


&lt;p&gt;Je mets entre guillemets le mot &lt;strong&gt;statique&lt;/strong&gt; car en fait on va utiliser un article pour le faire.&lt;/p&gt;&lt;p&gt;On va tout d&#039;abord configurer notre PluXml en tant que &lt;strong&gt;CMS&lt;/strong&gt;, pour cela aller dans votre administration et loger vous avec vos identifiants.&lt;/p&gt;

&lt;p&gt;Créer une page statique qui contiendra votre page d&#039;accueil (on dupliquera le template home.php).
Vous pouvez utiliser un gabarit personnalisé.&lt;/p&gt;

&lt;p&gt;Puis dans &lt;strong&gt;Paramètres&lt;/strong&gt; =&gt; &lt;strong&gt;Options d&#039;affichages&lt;/strong&gt;, sélectionnez comme ci dessous l&#039;option &lt;strong&gt;Utiliser une page statique comme page d&#039;accueil&lt;/strong&gt;.
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-43/page-static-article.jpg&quot; rel=&quot;lightbox&quot; title=&quot;configurer une page d&#039;accueil&quot;&gt;&lt;br /&gt;
&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-43/page-static-article.jpg.tb&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;En l&#039;état actuel rien ne peux faire ressembler à un blog sauf la sidebar qui contient les derniers articles, commentaires, tags, archives et les catégories.&lt;/p&gt;

&lt;p&gt;
Pour pouvoir afficher nos pages avec commentaires on va donc enlever l&#039;include de la sidebar dans notre page d&#039;accueil et garder le code qui affiche les derniers articles pour l&#039;afficher dans le menu.&lt;/p&gt;

&lt;p&gt;Dans le template header de votre thème, ajouter 
&lt;textarea name=&quot;tuto&quot; style=&quot;width:500px; height:40px; white-space: nowrap&quot; class=&quot;codeedit php lineNumbers&quot;&gt;
&lt;?php $plxShow-&gt;lastArtList(&#039;&lt;li class=&quot;#art_status&quot;&gt;&lt;a href=&quot;http://www.pluxml.org/atom/categorie3#art_url&quot; title=&quot;#art_title&quot;&gt;#art_title&lt;/a&gt;&lt;/li&gt;&#039;); ?&gt;
&lt;/textarea&gt;
&lt;br /&gt;
Juste après 
&lt;br /&gt;
&lt;textarea name=&quot;tuto&quot; style=&quot;width:500px; height:40px; white-space: nowrap&quot; class=&quot;codeedit php lineNumbers&quot;&gt;
&lt;?php $plxShow-&gt;staticList(&#039;Accueil&#039;,&#039;&lt;li id=&quot;menu-item-#static_id&quot; class=&quot;menu-item menu-item-type-post_type&quot;&gt;&lt;a href=&quot;http://www.pluxml.org/atom/categorie3#static_url&quot; class=&quot;#static_status&quot; title=&quot;#static_name&quot;&gt;#static_name&lt;/a&gt;&lt;/li&gt;&#039;); ?&gt;
&lt;/textarea&gt;&lt;/p&gt;

&lt;p&gt;On va enfin &lt;strong&gt;créer notre page &lt;em&gt;statique&lt;/em&gt;&lt;/strong&gt; avec un &lt;strong&gt;template personnalisé&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Dupliquez le template article.php de votre thème en le nommant article-static.php et éditez le pour ne laisser que l&#039;include du template.&lt;br /&gt;
&lt;em&gt;Exemple:&lt;/em&gt;&lt;br /&gt;
&lt;textarea name=&quot;tuto&quot; style=&quot;width:500px; height:100px;&quot; class=&quot;codeedit php lineNumbers&quot;&gt;
&lt;?php include(dirname(__FILE__).&#039;/header.php&#039;); # On insere le header ?&gt;
&lt;div id=&quot;page&quot;&gt;
	&lt;div id=&quot;content&quot;&gt;
                &lt;?php echo &#039;Ma page &quot;statique&quot; avec commentaires !&#039;; ?&gt;&lt;br /&gt;
		&lt;?php $plxShow-&gt;artContent(); ?&gt;&lt;br /&gt;
                &lt;?php include(dirname(__FILE__).&#039;/commentaires.php&#039;); # On insere les commentaires ?&gt;
	&lt;/div&gt;
&lt;/div&gt;
&lt;?php include(dirname(__FILE__).&#039;/footer.php&#039;); # On insere le footer ?&gt; 
&lt;/textarea&gt;&lt;/p&gt;


&lt;p&gt;J&#039;ai gardé ici volontairement notre variable &lt;strong&gt;artContent&lt;/strong&gt; pour avoir une page facilement &quot;éditable&quot; de contenu via l&#039;admin.&lt;br /&gt;
On va donc sélectionner ce nouveau template lors de la rédaction d&#039;un nouvel article comme ceci:&lt;br /&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-43/page-statique2.png&quot; rel=&quot;lightbox&quot; title=&quot;Ajouter un template personnalisé&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-43/page-statique2.png.tb&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Si vous avez suivi correctement ce tutoriel vous devriez arriver au final à ça:&lt;br /&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-43/page-statique3.png&quot; rel=&quot;lightbox&quot; title=&quot;Page au final&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-43/page-statique3.png.tb&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;&lt;strong&gt;Par PluXml.org&lt;/strong&gt;</description>
		<pubDate>Wed, 01 Sep 2010 21:22:00 +0200</pubDate>
		<dc:creator>Frédéric</dc:creator>
	</item>
	<item>
		<title>Utiliser la fonction « groupe » des pages statiques</title> 
		<link>http://www.pluxml.org/article41/utiliser-la-fonction-groupe-des-pages-statiques</link>
		<guid>http://www.pluxml.org/article41/utiliser-la-fonction-groupe-des-pages-statiques</guid>
		<description>La version 5.0 de PluXml introduit la notion de « groupe » de pages statiques.
&lt;br /&gt;
Nous allons voir comment organiser l’affichage des pages statiques dans la sidebar grâce à cette nouvelle fonctionnalité.Depuis la sortie de PluXml 5.0 nous pouvons regrouper l&#039;affichage des pages statiques. Nous allons voir comment utiliser et mettre en pratique cette nouveauté à travers un exemple, afin d&#039;obtenir ceci:
&lt;br /&gt;&lt;br /&gt;

&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-41/statique-1.jpg&quot; alt=&quot;&quot; /&gt;
&lt;br /&gt;&lt;br /&gt;

Ici les pages « Statique 1 » et « Statique 2 » sont dans le groupe appelé « Présentation ».&lt;br /&gt;
Les pages statiques 3 et 4 sont affichées dans le groupe « Organisation »&lt;br /&gt;
La page « Statique 5 » ne fait partie d’aucun groupe. Elle est affichée au même niveau que « Présentation » et « Organisation »
&lt;br /&gt;
&lt;br /&gt;
Pour notre exemple nous devons donc créer 5 pages statiques « Statique 1 », « Statique 2 », etc… à partir de l’interface d’administration, menu « Pages statiques » tel que ci-dessous :&lt;br /&gt;&lt;br /&gt;

&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-41/statique-2.jpg&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-41/statique-2.jpg.tb&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
(cliquer pour agrandir)
&lt;br /&gt;&lt;br /&gt;
C’est la colonne « Groupe » qui nous intéresse ici.&lt;br /&gt;&lt;br /&gt;

Pour que les pages statiques 1 et 2 appartiennent au même groupe « Présentation » il faut renseigner le champ correspondant avec le même nom de groupe :&lt;br /&gt;&lt;br /&gt;

« Présentation » pour les pages 001 et 002&lt;br /&gt;

« Organisation » pour les pages 003 et 004&lt;br /&gt;&lt;br /&gt;

La page statique 005 ne fait partie d’aucun groupe. Le champ groupe de la ligne « Page 005 » reste vide.&lt;br /&gt;
&lt;br /&gt;


Il faut maintenant adapter notre thème pour mettre en place l’affichage. Nous allons modifier le fichier sidebar.php&lt;br /&gt;

Editez le fichier /themes/defaut/sidebar.php de votre PluXml et en dessous de la ligne :&lt;br /&gt;
&lt;br /&gt;
&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-41/statique-4.jpg&quot; alt=&quot;&quot; /&gt;
&lt;br /&gt;&lt;br /&gt;
Ajoutez les lignes suivantes :&lt;br /&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-41/statique-3.jpg&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-41/statique-3.jpg.tb&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;br /&gt;
(cliquer pour agrandir)
&lt;br /&gt;&lt;br /&gt;
&lt;br /&gt;
Nous avions l’habitude dans les versions précédentes de PluXml d’utiliser la fonction $plxShow-&gt;staticList pour afficher les pages statiques sous forme de menus horizontaux dans le fichier header.php
&lt;br /&gt;
&lt;br /&gt;

Depuis la version 5.0, la fonction staticList accepte un troisième paramètre permettant de définir l’affichage des groupes de façon verticale :&lt;br /&gt;
&lt;br /&gt;

&lt;br /&gt;
&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-41/statique-5.jpg&quot; alt=&quot;&quot; /&gt;
&lt;br /&gt;&lt;br /&gt;

#group_id : id du groupe&lt;br /&gt;
#group_class : nom de la classe css utilisée pour formater l’affichage&lt;br /&gt;
#group_name : nom du groupe&lt;br /&gt;
&lt;br /&gt;

Pour le nom du groupe la classe css utilisée est « static-group »&lt;br /&gt;
Pour les pages statiques la classe css utilisée est « static-menu »&lt;br /&gt;&lt;br /&gt;

Il nous reste donc à mettre en forme l’affichage grâce au fichier css de notre thème en ajoutant les lignes suivantes à la fin du fichier style.css
&lt;blockquote&gt;&lt;pre style=&quot;font-size:11px&quot;&gt;
#sidebar .item-0 .static-group { padding-left:10px; font-weight : bold; background-color : #CCCCCC; }
#sidebar .item-0 .static-menu { padding-left: 30px; background-color : #EEEEEE; }
#sidebar .item-0 li a.active  { color : #999999; }
#sidebar .item-0 li a:hover  { color : #999999; }
&lt;/pre&gt;&lt;/blockquote&gt;&lt;br /&gt;

&lt;h3&gt;Conclusion&lt;/h3&gt;
&lt;br /&gt;

La gestion des groupes de pages statiques offrent de nouvelles possibilités d’affichage pour mieux organiser par thématique vos pages statiques. Sa mise en place reste très simple car peu de code à ajouter dans votre thème, et son utilisation est très facile grâce à l’interface d’administration des pages statiques.&lt;strong&gt;Par PluXml.org&lt;/strong&gt;</description>
		<pubDate>Wed, 14 Jul 2010 08:00:00 +0200</pubDate>
		<dc:creator>Stéphane</dc:creator>
	</item>
	<item>
		<title>plxToolbar: créer vos propres boutons</title> 
		<link>http://www.pluxml.org/article40/plxtoolbar-creer-vos-propres-boutons</link>
		<guid>http://www.pluxml.org/article40/plxtoolbar-creer-vos-propres-boutons</guid>
		<description>Avec la sortie de PluXml 5.0, il est désormais possible d’enrichir la plxToolbar avec ses propres boutons, afin d&#039;automatiser les tâches de saisie de texte.&lt;h3&gt;Les bases&lt;/h3&gt;
&lt;br /&gt;
Si vous aimez utiliser la barre d&#039;outils plxToolbar intégrée par défaut dans PluXml pour rédigé vos articles, vous apprécierez surement la possibilité de créer vos propres boutons pour ajouter rapidement et facilement de texte dans la zone de rédaction.
&lt;br /&gt;
&lt;br /&gt;
Avec la sortie de PluXml 5.0, il est désormais possible d’enrichir la plxToolbar. Avec un peu de programmation et quelques règles à respecter, nous allons donc voir comment rajouter des nouvelles icones dans la barre d’outils.
&lt;br /&gt;
&lt;br /&gt;
Pour commencer il nous faut créer 2 dossiers : un dossier nommé addons à la racine de Pluxml, puis un dossier plxtoolbar.buttons dans le dossier addons précédemment créé de manière à obtenir cette arborescence :
&lt;br /&gt;&lt;br /&gt;
&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-40/plxtoolbar.buttons.1.png&quot; alt=&quot;&quot; /&gt;
&lt;br /&gt;&lt;br /&gt;
Dans le dossier plxtoolbar.buttons, nous allons créer le fichier php qui sera automatiquement lu et chargé par PluXml.&lt;br /&gt;&lt;br /&gt;
Tous les fichiers des boutons doivent commencer par buttons. + un libellé identifiant le nom du bouton (pas de caractères spéciaux, accentués ou d’espace dans ce libellé)
&lt;br /&gt;
&lt;br /&gt;
Exemple : button.helloworld.php
&lt;br /&gt;
&lt;br /&gt;
A titre d’exemple nous allons créer un bouton qui affichera « Hello world » grâce au fichier button.helloworld.php
&lt;br /&gt;
&lt;br /&gt;
Voici le code du fichier : addons/plxtoolbar.buttons/button.helloworld.php
&lt;br /&gt;&lt;br /&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-40/plxtoolbar.buttons.2.png&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-40/plxtoolbar.buttons.2.png.tb&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;(cliquer pour agrandir)&lt;br /&gt;&lt;br /&gt;
Voyons en détail les éléments indispensables de ce fichier :
&lt;br /&gt;
&lt;br /&gt;

Ligne 1 : Cette déclaration permet de sécuriser le script en cas d’appel sans passer par pluxml. Autant dire qu’il est vivement conseillé de l’ajouter.
&lt;br /&gt;
&lt;br /&gt;
Ligne 3 : Début du script javascript qui va nous permettre de créer notre bouton
&lt;br /&gt;
&lt;br /&gt;
Ligne 5 : L’objet plxToolbar représente la barre d’outils plxToolbar. En appelant sa méthode addButton nous allons définir les propriétés qui permettent de déclarer un nouveau bouton. Ces propriétés sont au nombre de 3
&lt;br /&gt;
&lt;br /&gt;
icon (ligne 6) : permet de définir l’emplacement de l’image servant d’icône dans la barre d’outils. Il est conseillé de mettre l’image dans le dossier addons/plxtoolbar.buttons et d’utiliser &lt; ?php echo PLX_ROOT ?&gt; dans la définition du début du chemin.
&lt;br /&gt;
&lt;br /&gt;
title (ligne 7) : est le titre affiché lorsque la souris survole le bouton
&lt;br /&gt;
&lt;br /&gt;
onclick ligne 8) : contient le code de l’événement javascript onclick, déclenché lorsque l’on clique sur le bouton. Il suffit de retourner une chaine de caractère pour que celle-ci soit ajoutée dans la zone de rédaction&lt;br /&gt;
&lt;br /&gt;
Exemple :
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;&lt;pre&gt;
onclick : function() {
     return &#039;Hello world !&#039;;
}
&lt;/pre&gt;&lt;/blockquote&gt;
&lt;br /&gt;
&lt;br /&gt;
Ligne 14 : on marque la fin du code javascript
&lt;br /&gt;&lt;br /&gt;
&lt;h3&gt;Exemple : un bouton Youtube pour ajouter le code du lecteur Youtube&lt;/h3&gt;
&lt;br /&gt;
Maintenant que nous avons vu les bases pour créer un bouton, nous allons concrètement ajouter un bouton Youtube. Celui-ci va permettre d’insérer dans la zone d’édition le code du lecteur vidéo de Youtube. Afin de rendre la saisie encore plus facile, nous ouvrirons une fenêtre de dialogue permettant de saisir l’url de la vidéo que nous souhaitons afficher.
&lt;br /&gt;
&lt;br /&gt;
Contenu du fichier addons/plxtoolbar.buttons/button.youtube.php
&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-40/plxtoolbar.buttons.3.png&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-40/plxtoolbar.buttons.3.png.tb&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
&lt;br /&gt;(cliquer pour agrandir)
&lt;br /&gt;&lt;br /&gt;
Nous retrouvons ici tous les mêmes éléments décris dans notre bouton de test « Hello world »
&lt;br /&gt;
&lt;br /&gt;
Le l’url d’une vidéo sur Youtube est de la forme : http://www.youtube.com/watch?v=xxxxxxx&lt;br /&gt;
Or dans le code d’affichage du lecteur vidéo, il faut transformer cette url en : http://www.youtube.com/v/xxxxxx&lt;br /&gt;
C’est la fonction get_url_param qui va se charger d’isoler le nom de la vidéo (ici : xxxxx) saisie dans la fenêtre de dialogue appelée par l’instruction prompt. En retour, l’événement onclick retourne une chaine de caractère contenant le code du lecteur vidéo, code qui sera ajouté dans la zone d’édition par la plxToolbar.
&lt;br /&gt;
&lt;br /&gt;&lt;br /&gt;
&lt;h3&gt;Conclusion&lt;/h3&gt;&lt;br /&gt;
L’ajout de boutons personnalisés dans la plxToolbar peut vous éviter de taper des longues lignes de code dans la zone d’édition lors de la rédaction d’articles.. Un clic est le code sera ajouté automatiquement : de quoi encore gagner du temps&lt;strong&gt;Par PluXml.org&lt;/strong&gt;</description>
		<pubDate>Wed, 14 Jul 2010 00:10:00 +0200</pubDate>
		<dc:creator>Stéphane</dc:creator>
	</item>
	<item>
		<title>Réaliser un thème statique</title> 
		<link>http://www.pluxml.org/article38/realiser-un-theme-statique</link>
		<guid>http://www.pluxml.org/article38/realiser-un-theme-statique</guid>
		<description>&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-38/1267810708_site.png&quot; alt=&quot;&quot; /&gt;
&lt;p&gt;Bonjour à toi ! Je me suis décidé à écrire ce billet suite à une remarque de &lt;a href=&quot;http://forum.pluxml.org/profile.php?id=3181&quot;&gt;Ghune&lt;/a&gt; dans &lt;a href=&quot;http://forum.pluxml.org/viewtopic.php?id=1604&quot;&gt;cette discussion sur les forums&lt;/a&gt;. En effet, à une époque, deux versions de PluXml étaient proposées mais à l&#039;heure d&#039;aujourd&#039;hui, je pense que les pages statiques pourraient amplement suffirent pour certains types de sites.&lt;/p&gt;
&lt;p&gt;Nous allons donc voir comment modifier proprement les fichiers thèmes afin de ne garder que les pages statiques, c&#039;est à dire grand nettoyage et optimisation de la feuille de style.&lt;/p&gt;&lt;br /&gt;
&lt;h3&gt;Pourquoi n&#039;utiliser que les pages statiques ?&lt;/h3&gt;
&lt;hr /&gt;
&lt;p&gt;C&#039;est la question évidente quand on vois l&#039;intitulé de ce billet, et il faut l&#039;avouer, dans certains cas de figure, les gens n&#039;ont pas besoin de script de blog mais simplement d&#039;un script qui pourrais gérer des pages et que l&#039;on peut éditer facilement. Pour mon cas personnel, je n&#039;ai pas utilisé PluXml, ( ne me tapez pas ! ) car le xHTML / Css ne me dérange pas trop, mais pour quelqu&#039;un qui à moins de connaissances en ce domaine, ou pour une société voulant un site vitrine c&#039;est peu pratique.&lt;/p&gt;
&lt;br /&gt;
&lt;h3&gt;On épure les fichiers thèmes&lt;/h3&gt;
&lt;hr /&gt;
&lt;p&gt;Afin de ne pas avoir de surprises lors de la création / ou de la modification du thème, nous allons quelque-peu modifier les fichiers suivants :&lt;/p&gt;
&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-38/1267823876_old-edit-find-replace.png&quot; alt=&quot;&quot; style=&quot;margin: 15px 35px 0 0;&quot;/&gt;
&lt;div class=&quot;div_alert&quot;&gt;&lt;p&gt;&lt;strong&gt;Attention&lt;/strong&gt; : Afin de vous y retrouver, j&#039;ai supprimé certains fichiers ( voir la liste à gauche pour plus de détails ), vous ne pourrez donc en aucun cas utiliser ce thème pour un blog classique.&lt;/p&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;Style.css : &lt;span class=&quot;modif&quot;&gt;Modifié&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;Home.php : &lt;span class=&quot;modif&quot;&gt;Modifié&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;Article.php : &lt;span class=&quot;delete&quot;&gt;Supprimé&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;Sidebar.php : &lt;span class=&quot;delete&quot;&gt;Supprimé&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;Catégorie.php : &lt;span class=&quot;delete&quot;&gt;Supprimé&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;Commentaires.php : &lt;span class=&quot;delete&quot;&gt;Supprimé&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Le but de la manœuvre est le suivant : enlever tout ce qui concerne la partie article pour n&#039;avoir aucun soucis d&#039;affichage. Pour cela je vous invite à télécharger les fichiers suivants que j&#039;ai modifiés.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A noter&lt;/strong&gt; : Dans cet exemple, la sidebar ( barre latérale ) a été supprimé puisqu&#039;elle n&#039;a plus d&#039;utilité, enfin selon moi. Par contre il nous faut toujours avoir un article en page d&#039;accueil, une page statique ne pouvant être assignée dans ce rôle.&lt;/p&gt;
&lt;p class=&quot;boutons&quot;&gt;
&lt;a href=&quot;http://bas.pluxml.org/themes/&quot; class=&quot;demo&quot;&gt;Démonstration&lt;/a&gt;
&lt;a href=&quot;http://www.pluxml.org/data/documents/tutoriaux/article-38/static.zip&quot; class=&quot;dl&quot;&gt;Téléchargement&lt;/a&gt;
&lt;/p&gt;
&lt;br /&gt;
&lt;h3&gt;Les points fort des pages statiques&lt;/h3&gt;
&lt;hr /&gt;
&lt;p&gt;Maintenant que notre thème est prêt pour utiliser nos pages, voyons ce que l&#039;on peut faire avec.&lt;/p&gt;
&lt;div class=&quot;div_info&quot;&gt;&lt;p&gt;&lt;strong&gt;Information&lt;/strong&gt; : Vous pouvez voir sur les images précédentes un aperçu de la gestion des pages. Vous pouvez aussi apercevoir l&#039;édition d&#039;une page, vous retrouvez donc la PlxToolBar.&lt;/p&gt;&lt;/div&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-38/admin_static_1.png&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-38/admin_static_1.png.tb&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;
&lt;a href=&quot;http://www.pluxml.org/data/images/tutoriaux/article-38/admin_static_2.png&quot;&gt;&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-38/admin_static_2.png.tb&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p style=&quot;clear: both;&quot;&gt;L&#039;un des gros avantages dans ces pages statiques, est bien évidement l&#039;insertion de php, ce dernier permettra de faire ce que vous voulez de vos pages. Vous pouvez par exemple y intégrer un formulaire de contact. Ces pages comme les articles gèrent aussi le xHTML / CSS / JS ce qui vous permettra facilement d&#039;appliquer de très beaux effets.&lt;/p&gt;
&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-38/1267893575_run.png&quot; alt=&quot;&quot; style=&quot;float: right; margin-left: 15px;&quot;/&gt;
&lt;p&gt;Un autre point important qui peut vous être très utile, c&#039;est &lt;strong&gt;la gestion de l&#039;ordre des pages&lt;/strong&gt;, pour la simple et bonne raison qu&#039;une page statique ayant pour ordre &quot; 0 &quot; ne sera pas affichée dans la liste du menu, mais vous pouvez tout de même l&#039;afficher en entrant l&#039;adresse de celle-ci dans votre barre d&#039;adresse. Ce petit détail vous permettra, par exemple, de créer des tutoriels sur plusieurs pages, ils vous suffit de mettre en ligne la première puis d&#039;indiquer le lien vers la page suivante ( A faire manuellement lors de la rédaction de votre page ).&lt;/p&gt;
&lt;p&gt;Je vous invite à retourner sur la démonstration que vous trouverez un peu plus haut, selectionnez le thème Static si celui-ci n&#039;est pas déjà actif, puis visualisez les pages que j&#039;ai moi-même testé pour vous donner un exemple illustré.&lt;/p&gt;
&lt;br /&gt;
&lt;h3&gt;Compatibilité des thèmes PluXml&lt;/h3&gt;
&lt;hr /&gt;
&lt;img src=&quot;http://www.pluxml.org/data/images/tutoriaux/article-38/1267894834_broken.png&quot; alt=&quot;&quot; /&gt;
&lt;p&gt;J&#039;imagine que la première question que vous vous posez concerne les thèmes disponibles actuellement dans la partie ressources. Si vous décortiquez l&#039;ensemble des fichiers que je vous ai mis à disposition un poil plus haut, vous verrez qu&#039;il est possible pour vous d&#039;utiliser des thèmes disponibles dans la partie ressources, mais il vous faudra mettre les mains dans la cambouis pour adapter l&#039;affichage. &lt;strong&gt;Je déconseille fortement&lt;/strong&gt; d&#039;utiliser les feuilles de styles d&#039;un thème sur un autre ayant une structure différente ( logique non ? ).&lt;/p&gt;

&lt;p&gt;Ne vous inquiétez pas, nous verrons bientôt des thèmes pour PluXml statique dans les ressources, et je vous invite à visiter le &lt;a href=&quot;http://wiki.pluxml.org&quot;&gt;Wiki Officiel&lt;/a&gt; afin de voir les modifications que vous pouvez apporter à votre site par le simple biais des pages statiques.&lt;/p&gt;
&lt;p&gt;A bientôt pour une nouvelle aventure les pixrates !&lt;/p&gt;&lt;strong&gt;Par PluXml.org&lt;/strong&gt;</description>
		<pubDate>Sun, 14 Mar 2010 18:28:00 +0100</pubDate>
		<dc:creator>Ti-Pierre</dc:creator>
	</item>
</channel>
</rss>
