<?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>Olivier Buisson &#187; tutorial</title>
	<atom:link href="http://blog.shaze.net/index.php/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.shaze.net</link>
	<description>Des idées et des mots</description>
	<lastBuildDate>Fri, 03 Sep 2010 10:35:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Buddypress: Modification de la feuille de style</title>
		<link>http://blog.shaze.net/index.php/2009/01/28/buddypress-modification-de-la-feuille-de-style/</link>
		<comments>http://blog.shaze.net/index.php/2009/01/28/buddypress-modification-de-la-feuille-de-style/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 07:52:59 +0000</pubDate>
		<dc:creator>obuisson</dc:creator>
				<category><![CDATA[BuddyPress]]></category>
		<category><![CDATA[Réseau Social]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[modification]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.shaze.net/?p=166</guid>
		<description><![CDATA[


Une petite astuce pour faire des modifications rapide des thèmes Buddypress. Il est possible de modifier les feuilles de style associées aux thèmes de façon rapide et propre. 
Dans le répertoire mon_install_wpmu/wp-content/theme/buddypress-home/css/, vous avez les feuilles de style du thème principal décomposées de la façon suivante : 
base.css =&#62; Fichier de définition CSS globale. 
custom-sample.css =&#62; Voir plus [...]


Aucune article en rapport.]]></description>
			<content:encoded><![CDATA[<p>Une petite astuce pour faire des modifications rapide des thèmes Buddypress. Il est possible de modifier les feuilles de style associées aux thèmes de façon rapide et propre. </p>
<p>Dans le répertoire mon_install_wpmu/wp-content/theme/buddypress-home/css/, vous avez les feuilles de style du thème principal décomposées de la façon suivante : </p>
<blockquote><p>base.css =&gt; Fichier de définition CSS globale. </p>
<p>custom-sample.css =&gt; Voir plus bas.</p>
<p>ie/ =&gt; Fichiers CSS  spécifique pour Internet Explorer </p>
<p>loader.php =&gt; Fichier permettant de gérer les différents fichiers CSS. </p></blockquote>
<p> </p>
<p>Le fichier &laquo;&nbsp;custom-sample.css&nbsp;&raquo; vous permet de modifier à votre guise les différents style de la CSS de base, sans avoir à toucher les fichiers livrés avec BuddyPress. Cela permet de pouvoir faire des mise à jour de buddypress, en douceur, sans tout perdre. </p>
<p>Pour que le fichier &laquo;&nbsp;custom-sample.css&nbsp;&raquo; fonctionne, il faut tout d&#8217;abord le renommer : </p>
<blockquote><p>mv custom-sample.css custom.css</p></blockquote>
<p> </p>
<p>A partir de là, vous pouvez mettre les styles que vous voulez modifier dans le fichier &laquo;&nbsp;custom.css&nbsp;&raquo; et les modifications seront prisent en compte lorsque du rechargement de la page de votre site. </p>
<p> </p>
<p>Pour prendre un exemple, si vous voulez modifier la couleur de fond du corps de la page:</p>
<blockquote><p>Il faut copier la définition du style #body du fichier base.css qui contient : </p>
<p>body {</p>
<p>     background: #fff;</p>
<p>     font-size: 1.2em;</p>
<p>    color: #555;</p>
<p>    background: url(../images/background.gif) top left repeat-y;</p>
<p>   line-height: 170%; </p>
<p>   min-width: 960px;</p>
<p>    max-width: 1300px;</p>
<p>    margin: 0 auto;</p>
<p>}</p>
<p>et mettre les styles suivant dans &laquo;&nbsp;custom.css&nbsp;&raquo; : </p>
<p>body {</p>
<p>    background: #ff0000;</p>
<p>    font-size: 1.2em;</p>
<p>    color: #555;</p>
<p>    line-height: 170%;</p>
<p>    min-width: 960px;</p>
<p>    max-width: 1300px;</p>
<p>    margin: 0 auto;</p>
<p>}</p></blockquote>
<p> </p>
<p>Recharger votre site et vous verrez vos modifications. Pour le moment, le site pique les yeux car le rouge est plutôt violent mais c&#8217;est plus pour vous montrer la mécanique. Maintenant, c&#8217;est à vous de jouer et de modifier votre page buddypress comme vous le souhaitez. A noter, qu&#8217;un certain nombre de bandeaux de couleur sont gérés par des images. Si vous voulez complètement modifier les couleurs de votre thème, il faudra utiliser votre logiciels de retouche d&#8217;image préféré afin de procéder à ce changement. </p>
<p> </p>
<p>La même mécanique est, bien entendu, possible avec les thèmes des membres.</p>


<p>Aucune article en rapport.</p>]]></content:encoded>
			<wfw:commentRss>http://blog.shaze.net/index.php/2009/01/28/buddypress-modification-de-la-feuille-de-style/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>BuddyPress: Intégration des forums</title>
		<link>http://blog.shaze.net/index.php/2009/01/19/buddypress-integration-des-forums/</link>
		<comments>http://blog.shaze.net/index.php/2009/01/19/buddypress-integration-des-forums/#comments</comments>
		<pubDate>Mon, 19 Jan 2009 07:48:50 +0000</pubDate>
		<dc:creator>obuisson</dc:creator>
				<category><![CDATA[BuddyPress]]></category>
		<category><![CDATA[Réseau Social]]></category>
		<category><![CDATA[bbpress]]></category>
		<category><![CDATA[forums]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.shaze.net/?p=114</guid>
		<description><![CDATA[MAJ: Ce tutorial n&#8217;est plus valide pour les versions 1.0 de BuddyPress et 1.0-RC3 de BBPress. Vous pouvez retrouver un tutorial pour ces versions ici http://buddygrid.net/2009/06/21/ajouter-un-forum-bbpress-a-votre-buddypress/
 
Aujourd&#8217;hui, un tutorial afin d&#8217;intégrer des forums dans les groupes de BuddyPress. 
Afin de réaliser cette intégration en douceur, il vous faut :

La version SVN de BuddyPress 
La version SVN de Wordpress [...]


Aucune article en rapport.]]></description>
			<content:encoded><![CDATA[<p><strong>MAJ: Ce tutorial n&#8217;est plus valide pour les versions 1.0 de BuddyPress et 1.0-RC3 de BBPress. Vous pouvez retrouver un tutorial pour ces versions ici </strong><a title="http://buddygrid.net/2009/06/21/ajouter-un-forum-bbpress-a-votre-buddypress/" href="http://buddygrid.net/2009/06/21/ajouter-un-forum-bbpress-a-votre-buddypress/" target="_self"><strong>http://buddygrid.net/2009/06/21/ajouter-un-forum-bbpress-a-votre-buddypress/</strong></a></p>
<p> </p>
<p>Aujourd&#8217;hui, un tutorial afin d&#8217;intégrer des forums dans les groupes de BuddyPress. </p>
<p>Afin de réaliser cette intégration en douceur, il vous faut :</p>
<ul>
<li>La version SVN de BuddyPress </li>
<li>La version SVN de Wordpress MU</li>
<li>La version Alpha de BBPress (moteur de forums). </li>
</ul>
<p> </p>
<p>Maintenant que l&#8217;on sait ce dont nous avons besoin, nous allons voir ce qu&#8217;il faut faire. </p>
<p> </p>
<ul>
<li><strong>Etape #1 : Récupération des sources :</strong></li>
</ul>
<p>Sur votre serveur, vous devez avoir un client subversion afin de récupérer les softs. </p>
<blockquote><p>Pour Buddypress, il faut récupérer le repository svn en faisant un : &laquo;&nbsp;svn co http://svn.buddypress.org/trunk&nbsp;&raquo;</p>
<p>Pour Wordpresss MU, il faut récupérer le repository svn en faisant un : &laquo;&nbsp;svn co http://svn.automattic.com/wordpress-mu/trunk/&nbsp;&raquo;</p>
<p>Pour BBPress, il faut récupérer la version <strong>alpha</strong> sur le site du projet ici : <a title="http://bbpress.org/download/" href="http://bbpress.org/download/" target="_blank">http://bbpress.org/download/</a></p></blockquote>
<p> </p>
<ul>
<li><strong>Etape #2 : Installation Buddypress et WPMU</strong></li>
</ul>
<p>Je ne vais pas détailler l&#8217;installation de WPMU et de BuddyPress ici car ce n&#8217;est pas l&#8217;objet de ce tutorial. </p>
<p> </p>
<ul>
<li><strong>Etape #3 : Installation de BBPress</strong></li>
</ul>
<p>Le plus simple est de créer un répertoire forums à la base de votre installation de WPMU. Ce qui vous permettra d&#8217;appeler votre forums avec une url de la forme : &laquo;&nbsp;http://mon_site_buddypress.com/forums/&nbsp;&raquo;</p>
<p>Décompresser l&#8217;archive dans le répertoire forums afin de disposer des fichiers nécessaire. Vous devez aussi créer une base de donnée dédié à bbpress. </p>
<p>Une fois les fichiers prêts et votre base de donnée créée. Dans votre navigateur, allez à l&#8217;url suivante : &laquo;&nbsp;http://mon_site_buddypress.com/forums&nbsp;&raquo;. </p>
<blockquote><p>Remplissez le formulaire correspondant aux paramètres de base de donnée. </p></blockquote>
<blockquote><p>Il n&#8217;est pas utile de procéder à l&#8217;intégration de bbpress dans wordpress. Vous pouvez passer à l&#8217;étape suivante. </p></blockquote>
<blockquote><p>A l&#8217;étape suivante, remplissez le nom du forums, le login pour l&#8217;administrateur du forums et le nom du premier forums. </p></blockquote>
<p>L&#8217;installation est prête. </p>
<p> </p>
<ul>
<li><strong>Etape #4 : La configuration de bbpress</strong></li>
</ul>
<p>Afin de commencer l&#8217;intégration du forum dans votre install buddypress, il faut copier le plugin bbpress fait pour buddypress dans votre install bbpress. Pour cela faire :</p>
<blockquote><p>Copier le fichier depuis votre install buddypress situé bp-forums/bbpress-plugins/buddypress-enable.php dans un répertoire my-plugins de votre install bbpress. </p></blockquote>
<p>Dans l&#8217;interface d&#8217;administration de votre bbpress,</p>
<blockquote><p>Activez le plugins &laquo;&nbsp;buddypress support plugins&nbsp;&raquo;.</p>
<p>Dans la partie settings, activez le xml-rpc et le pingback. </p></blockquote>
<p> </p>
<ul>
<li><strong>Etape #5 : Intégration des forums dans buddypress.</strong></li>
</ul>
<p>Allez dans votre backend de buddypress et activer le forums. Cette partie est un peu récalcitrante donc n&#8217;hésitez pas à refaire l&#8217;étape plusieurs fois. </p>
<p>Aller dans la partie administration d&#8217;un groupe, vérifiez si le forums est activé. Si c&#8217;est le cas, désactivez le et sauvegardez les préférences. </p>
<p>Puis réactivez le forums afin de procéder à l&#8217;installation du forums de votre groupe. </p>
<p>Normalement, si vous avez un forums portant le nom du groupe dans votre bbpress, c&#8217;est que l&#8217;intégration fonctionne. </p>
<p> </p>
<p>voila c&#8217;est terminé pour aujourd&#8217;hui.</p>


<p>Aucune article en rapport.</p>]]></content:encoded>
			<wfw:commentRss>http://blog.shaze.net/index.php/2009/01/19/buddypress-integration-des-forums/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Ajout d&#8217;un fichier de langue dans Elgg</title>
		<link>http://blog.shaze.net/index.php/2008/11/26/elgg-ajout-de-langue/</link>
		<comments>http://blog.shaze.net/index.php/2008/11/26/elgg-ajout-de-langue/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 08:22:57 +0000</pubDate>
		<dc:creator>obuisson</dc:creator>
				<category><![CDATA[Elgg]]></category>
		<category><![CDATA[langue]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://blog.shaze.net/?p=16</guid>
		<description><![CDATA[Cela fait quelques mois que je teste un moteur de réseau social nommé Elgg (http://www.elgg.org). La version 1.0 est sortie au mois de mai et je suis vraiment impressionné par ce moteur. 
Je travaille donc sur un projet de réseau social. J&#8217;en reparlerai le moment venu quand tout sera prêt. Dans le cadre de ce projet, [...]


Aucune article en rapport.]]></description>
			<content:encoded><![CDATA[<p>Cela fait quelques mois que je teste un moteur de réseau social nommé <strong>Elgg</strong> (<a title="http://www.elgg.org" href="http://www.elgg.org" target="_blank">http://www.elgg.org</a>). La version 1.0 est sortie au mois de mai et je suis vraiment impressionné par ce moteur. </p>
<p>Je travaille donc sur un projet de réseau social. J&#8217;en reparlerai le moment venu quand tout sera prêt. Dans le cadre de ce projet, je me suis donc attaqué à la traduction en français de ce logiciel. </p>
<p>L&#8217;ajout de fichier de langue est simple mais il y a quelques astuces que je voudrais partagé avec vous :</p>
<ul>
<li><strong>Les fichiers de langues : </strong></li>
</ul>
<div>Les fichiers de langue principaux se trouve dans le répertoire &laquo;&nbsp;/languages&nbsp;&raquo;. Chaque langue est dans un fichier à part. Les fichiers de langues sont, en fait, des scripts php qui contiennent des tableaux de traduction.</div>
<div> </div>
<div>Il existe d&#8217;autres fichiers de langue qui correspondent aux différents modules. Ces fichiers se trouvent dans</div>
<div>&laquo;&nbsp;/mod/[nom_du_module]/languages&nbsp;&raquo;</div>
<div>
<ul>
<li><strong>Première étape : Ajout d&#8217;un fichier de langue.</strong></li>
</ul>
<div>Le plus simple pour rajouter une langue est de copier le fichier &laquo;&nbsp;en.php&nbsp;&raquo; qui se trouve dans &laquo;&nbsp;/languages&nbsp;&raquo; dans un fichier nommé &laquo;&nbsp;fr.php&nbsp;&raquo; (si vous voulez faire une traduction en français). </div>
</div>
<div>
<ul>
<li><strong>Deuxième étape : Configurer le nouveau fichier de langue.</strong></li>
</ul>
<div>Une fois copié, nous devons configurer la langue. Pour cela, vous devez éditer le nouveau fichier et modifiez le nom du tableau :</div>
<blockquote>
<div>Remplacer &laquo;&nbsp;$english = array(&nbsp;&raquo; par &laquo;&nbsp;$french = array (&laquo;&nbsp;. </div>
</blockquote>
<div>Ce tableau va contenir les traductions. </div>
<div>Il faut aussi indiquer le support de cette nouvelle langue dans Elgg. Pour cela, il faut aller à la fin du fichier de langue et modifiez le code ci-dessous : </div>
<blockquote>
<div>Remplacer &laquo;&nbsp;add_translation(&laquo;&nbsp;en&nbsp;&raquo;,$english);&nbsp;&raquo; par &laquo;&nbsp;add_translation(&laquo;&nbsp;fr&nbsp;&raquo;,$french)&nbsp;&raquo;. </div>
</blockquote>
<div>Voila votre fichier est configuré.</div>
<div>
<ul>
<li><strong>Troisième étape : Traduction.</strong></li>
</ul>
</div>
<div> Cette étape est la plus longue car il s&#8217;agit de modifier chaque ligne du tableau par sa traduction française. </div>
</div>
<div>
<ul>
<li><strong>Quatrième étape : Configuration de Elgg.</strong></li>
</ul>
<div>Afin d&#8217;activer votre nouvelle langue, il faut se connecter à Elgg en tant qu&#8217;administrateur. </div>
<div>Ensuite, allez dans le panel d&#8217;administration.</div>
<div>Cliquez sur &laquo;&nbsp;Site Administration&nbsp;&raquo;</div>
<div>Sélectionner la langue. Normalement, vous devriez retrouver la nouvelle langue que vous venez d&#8217;ajouter. </div>
<div>Cliquez sur &laquo;&nbsp;Save&nbsp;&raquo;. </div>
</div>
<div>A noter que les utilisateurs ont la possibilité dans leur panel de configuration de choisir leurs langues préférées. Si vous ne visualisez pas votre traduction, il faut modifier votre langue par défaut dans le panel de configuration de l&#8217;utilisateur. </div>
<div>Je continuerai cette série d&#8217;article autour d&#8217;Elgg. La prochaine étape est &laquo;&nbsp;Comment créer un thème pour Elgg&nbsp;&raquo;. </div>


<p>Aucune article en rapport.</p>]]></content:encoded>
			<wfw:commentRss>http://blog.shaze.net/index.php/2008/11/26/elgg-ajout-de-langue/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
