Facebook permet désormais d’insérer un bouton « I Like » sur n’importe quelle page de son site. L’intégration est ultra-simplissime et se fait en deux minutes. Voici comment l’ajouter sur un site réalisé avec Spip.

Pas besoin de plugin, il vous suffit d’ajouter dans le squelette article.html le code suivant :

1

<iframe src="http://www.facebook.com/plugins/like.php?href=[(#URL_ARTICLE|url_absolue|urlencode)]&layout=standard&show_faces=true&width=125&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:125px; height:px"></iframe>

Il faut bien entendu ajouter ce bout  de code à l’intérieur d’une boucle article pour que cela fonctionne.

Facebook est une formidable source de trafic pour les blogueurs et webmasters. Sur Cyberbougnat.net, Facebook est ainsi devenu la troisième source de trafic, loin derrière Google, mais quasiment au même niveau que Google Actualités.

Encore faut-il parvenir à faire des liens de la bonne manière. Ce qui permet d’apporter du trafic, c’est de partager le lien via son statut sur son mur. Facebook rend l’URL cliquable automatiquement et renvoie directement vers le site. Beaucoup plus pratique que l’import de RSS prévu dans l’application Notes qui ne fait qu’importer les articles. L’internaute lira de ce fait votre billet dans Facebook et ne viendra que rarement sur vos pages.

Combiner les services

Il est assez simple d’automatiser la mise à jour de ce statut en se basant sur les flux RSS. L’idée est de combiner deux services complémentaires :

• Ping.fm ou HelloTxt : Ces deux services vous permettent de publier un statut sur bon paquet de services sociaux : Facebook, Twitter, Plurk, FriendFeed et bien d’autres. Une bonne centaine chacun. Une fois inscrit, vous paramétrez vos services et pouvez publier vos statuts en même temps très rapidement.

• Twitterfeed : A l’origine, ce service est destiné à la mise à jour automatique d’un compte Twitter depuis un flux RSS. Petit à petit, le service s’est étoffé et peut publier vers d’autres services et notamment HelloTxt et Ping.fm. Dans la pratique, Twitterfeed vérifie votre flux RSS à intervalle régulier et demande à Ping.fm ou HelloTxt de mettre à jours vos réseaux sociaux.

Cette méthode fonctionne bien, mais dans le cas de Facebook elle a longtemps été limité à la mise des statuts des comptes. Facebook ne permettait en effet pas la mise à jour du statut d’une page. On devait alors se contenter de l’import de Notes dans Facebook ou essayer de se débrouiller avec quelques applis au comportement aléatoire.

Cette limitation expliquait aussi pourquoi nous étions un paquet à avoir créé un compte pour notre site avec une mise à jour automatique du statut. Toutefois c’est peu pratique, normalement interdit par Facebook et limité à 5000 amis.

Mais les choses évoluent et Facebook a palié ce problème. On peut désormais mettre à jour le statut d’une page via les api et applications tiers. Bonne nouvelle, HelloTxt et Ping.fm ont tous les deux intégré cette possibilité.

Mon choix : Ping.fm

Utilisant HelloTxt depuis quelques temps j’ai d’abord essayé d’ajouter cette solution. HelloTxt avait pris un peu d’avance dans ses fonctionnalités. Hélas, le lien avec Facebook ne semble pas très au point pour l’instant et l’application par laquelle tout passe est un peu obscure. Je n’ai ainsi pas réussi à la faire fonctionner correctement ni à paramétrer exactement comme je le voulais. Elle publiait sur mon profil et non sur ma page ou alors ne publiait plus du tout.

La solution Ping.fm est elle bien plus aboutie et fonctionne parfaitement. Surtout son paramétrage est bien plus simple et se passe directement sur le site de Ping.fm. Il suffit de lui indiquer vos identifiants et Ping vous affiche ensuite votre compte et les pages que vous administrez. On peut difficilement faire plus rapide.

Note : Twitterfeed vous demandera pour poster sur HelloTxt et Ping.fm de lui indiquer votre API KEY. Pas forcément simple à trouver voici le lien direct pour Ping.fm et HelloTxt.

Et bien tout simplement parce que je l’ai kidnappé… dans Facebook. Je trouve l‘application Kidnappeur en série un peu débile, mais elle au moins servi à quelque chose. Notez toutefois que je me suis refusé pour l’instant à le torturer comme le permet l’application. Notez aussi que personne n’est venu le libérer, y compris des gens de droite que j’ai dans mes amis facebook.

Je crois que je vais attendre la nomination du secrétaire d’Etat au développement de l’économie numérique pour le libérer. D’ailleurs on annonce Devedjan à ce poste. Je n’aime pas particulièrement ce bonhomme mais cela me semble plus cohérent que Lefebvre.

Tout cela n’est bien sûr qu’une petite blague…

Si vous avez du mal pour trouver votre thème Wordpress, envisagez la solution de la personnalisation et notamment du changement de couleurs. Par exemple un thème comme Dilectio est très bien organisé et proportionné mais vous n’aimez peut être pas les couleurs. Personnalisez le en modifiant quelques images et vous voilà avec un thème à votre goût sans avoir besoin de tout réinventer. Exemple réussi avec le blog de Paul Carr qui a adapté le fameux Dilectio.

J’ai voulu ce week-end personnaliser un tout petit peu mon iPhone avec une sonnerie personnalisée. Rien de compliqué, juste un petit bout d’une chanson de Brad Sucks que j’avais en mp3 et qui se trouve dans mon iTunes et dans mon iPhone. Pas besoin d’acheter une sonnerie pour ça.

Alors voici la technique qui est très simple :

1. Ouvrez votre mp3 avec un éditeur audio comme Audacity.
2. Prenez les 30 secondes maxi qui vous intéresse et enregistrez votre mp3
3. Maintenant ouvrez votre mp3 avec Quicktime
4. Exportez le au format iPhone. Vous obtenez ainsi un joli fichier avec une extension m4v.
5. Remplacez l’extension m4v par m4r (ça doit être le r de ringtone)
6. Double cliquez sur ce nouveau fichier, ça va l’ajouter dans vos sonnerie dans iTunes.
7. Synchronisez votre iPhone et vous maintenant allez dans les options pour la choisir en sonnerie générale ou pour un contact.

Simple non ?! Maintenant, par comparaison voici la méthode Nokia :

1. Dans votre téléphone allez sur la liste des titres mp3. Faites Option > Définir comme sonnerie. Et voilà…

Comme quoi, chez Apple ce sont les rois de l’ergonomie sauf quand ça pourrait les empêcher de gagner de l’argent…

Assez curieusement, hier ma clé 3G SFR a cessé de fonctionner sur EEE-PC sous Xandros. Quand je la branchais, la clé clignotait, le logiciel démarrait bien mais sans demander le code PIN de la clé. Plusieurs redémarrages furent inutiles et je me suis donc même en quête d’une solution. En fait j’en ai trouvé deux : recréer une connexion ou faire un reset.

Recréer la connexion

1. Branchez la clé sur l’EEE-PC.
2. Dans l’onglet  internet, allez dans Réseau (ou connexion réseau) et cliquez sur Créer…
3. Choisissez GSM / 3G (UMTS) / HSDPA
4. Sélectionnez ensuite le modem huawei
5. Il vous demande ensuite le code PIN de la clé. N’oubliez pas de cocher la case « Mémoriser »
6. Cliquez ensuite sur Rechercher et choisissez le réseau SFR. Essayez plusieurs fois si ça ne marche pas.
7. Cliquez sur suivant et choisissez France – SFR comme opérateur
8. Sur l’écran suivant APN devrait être websfr. Je ne sais pas si ça marche avec ce websfr, mais vous pouvez aussi mettre slsfr qui marche bien. Supprimez le nom d’utilisateur et le mot de passe
9. Cliquez sur Terminer pour enregistrer votre connexion.

La connexion est maintenant créée et il vous suffit d’aller dans Réseau et de sélectionner la connexion pour vous connecter. Je me suis rendu compte par contre que cela ne marchait parfois pas si le logiciel Asus était démarré.

Reset de l’Eee-Pc

La première méthode marche pas mal mais le logiciel Asus continuait de s’afficher pour rien. De plus je trouve le logiciel Asus plus pratique. J’ai donc opté pour un reset total qui est d’une simplicité redoutable.

1. Pendant le démarrage de l’Eee-PC appuyez sur la touche F9 au moment où s’affiche un premier écran Eee-PC (celui qui vous donne les commandes pour aller dans le Bios).
2. Choisissez ‘Reset Factory Settings‘
3. Tapez Yes quand il vous le demande

Vous obtenez un Eee-PC tout neuf. Attention donc de sauvegarder vos données personnelles avant. La première fois j’ai essayé en ayant la clé branchée. Cependant l’outil s’était affiché au même moment que les écrans Asus demandant mon nom et mon mot de passe et impossible de faire disparaître l’outil de connexion. J’ai recommencé sans la clé et ça a marché aussi.

Voilà deux astuces qui vous éviteront de passer du temps pour rien avec la Hotline SFR et vous permettront de retrouver votre connexion.

Voici un logiciel qui risque de vite devenir indispensable pour moi si j’arrive à le faire marcher à 100%. Pour l’instant je ne pouvais synchroniser mes contacts de mon téléphone Pocket PC qu’avec Outlook. Normal dans la logique Microsoft mais peu pratique car sur mon ordinateur je n’utilise pas Outlook mais Thunderbird pour tout ce qui est messagerie. Je me retrouvais donc avec des listes de contacts différentes et j’étais obligé d’aller piocher dans Outlook des adresses pour écrire sous Thunderbird.

Et c’est là que BirdieSync constitue une petite révolution attendue depuis longtemps pour ma part. Il permet en effet d’ajouter une synchro entre Pocket Outlook et Thunderbird. Mieux il supporte aussi en principe Lightning qui est la solution de calendrier pour ThunderBird. Là je dis en principe car cela n’a pas marché pour moi.

BirdieSync n’est pas gratuit, mais son prix de 20 �?� n’est finalement pas très élevé comparé à nombre de logiciels pour Pocket PC qui sont inutiles et surtout par rapport au service rendu.

Les fichiers amr sont des fichiers sons utilisés sur des téléphones portables (Nokia, Sony Ericsson par exemple). Par exemple sur le Nokia 6111 dispose d’une fonction d’enregistrement qui stocke les fichiers en .amr.

Pour les lire une fois rapatriés sur un PC pas de problème : Winamp sait faire, Real Player aussi une fois qu’il a récupéré les codecs sur internet. Seulement moi j’avais besoin de reprendre le fichier, le redécouper et le mixer avec un mp3 sous Audacity et en faire un petit podcast.
Je n’ai pas trouvé la bonne manipulation sous Audacity pour le faire ou en tout cas pas le bon paramètre avec Raw Import. J’ai ensuite d’abord essayé le logiciel Switch. Ce logiciel est normalement capable de convertir pas mal de formats en mp3 mais là il n’a pas réussi.

J’ai donc cherché un spécialiste du format et j’ai trouvé chez Miksoft Mobile Media Converter. Une fois installé rien de plus simple, vous lui indiquez le fichier .amr et lui transforme ça en mp3. Simple et efficace !! A noter que le logiciel sait aussi faire l’inverse et qu’il sait aussi faire les même choses pour le format vidéo 3GP

Avec les versions précédentes de Dreamweaver, il était très simple d’ouvrir un fichier .tpl (ou autre extension choisie pour vos templates). Il suffisait en effet d’associer l’extension au logiciel, et comme par magie on pouvait travailler sur les fichiers comme sur n’importe quelle page HTML

Avec la version MX, cette manipulation n’est pas suffisante, puisque le fichier sera ouvert en mode Code et qu’il est impossible de passer en mode Création.

Trifouiller dans les fichiers de configuration

Pourtant la solution est très simple. Le logiciel dispose en effet de toute une série de fichiers de configuration en xml que vous pouvez simplement modifier avec Notepad ou tout autre éditeur texte.

Cherchez donc le fichier MMDocumentTypes.xml qui se trouve dans le dossier Configuration\DocumentTypes du dossier où vous avez installé Dreamweaver MX. La troisième ligne doit ressembler à cela :

<documenttype id="HTML" internaltype="HTML" winfileextension="htm,html,shtml,shtm,stm,lasso,xhtml" macfileextension="html,htm,shtml,shtm,lasso,xhtml" file="Default.html" writebyteordermark="false">

Modifiez la simplement en rajoutant l’extension de vos fichiers template (ici tpl) :

<documenttype id="HTML" internaltype="HTML" winfileextension="htm,html,shtml,shtm,stm,lasso,xhtml,tpl" macfileextension="html,htm,shtml,shtm,lasso,xhtml,tpl" file="Default.html" writebyteordermark="false">

Dreamweaver assimile maintenant vos fichier .tpl a des fichiers html des plus classiques, et vous pourrez les ouvrir en mode Création.

Autre astuce

Il y a un autre fichier qui peut vous être utile de modifier, il concerne cette fois le type de document dans les boites de dialogue « Ouvrir ». Trouver dans le dossier Configuration le fichier Extensions.txt. Il contient tous les filtres possibles sur le type de document lorsque vous faites Fichier > Ouvrir dans Dreamweaver.

Pour ma part j’ai rajouté une ligne dans ce fichier :

TPL:Fichiers templates

Ainsi je peux choisir de n’afficher que les fichier .tpl, ce qui est parfois bien pratique. Vous pouvez aussi ajouter l’extenson dans une autre ligne, comme ici à la ligne 2 :

HTM,HTML,XHTML,HTA,HTC,TPL:Documents HTML

Ainsi vous pourrez n’afficher que les document .htm, .html … et .tpl

Bien sûr vous pouvez ajouter le support d’autres extensions de la même manière.

Pour illustrer le cas, nous allons mettre en place une sorte d’annuaire des liens sur PHP ! Pour simplifier au maximum je ne prendrais que les titres des sites.

Les données

J’utilise ici des tableaux, car c’est plus simple dans le cadre du tutorial. Mais nous pourrions, utiliser des données provenant d’une base de données.

<?
$categories = array( // les catégories de liens
    0 =>"Francais",
    1 =>"Anglais"
    );
$liens[0]=array( // les liens de la catégorie 0
    0 => "Phpinfo.net",
    1 => "PhpFrance.com"
    );

$liens[1]=array( // les liens de la catégorie 1
    0 => "PhpBuilder.com",
    1 => "Php.net"
    );
?>

Le template

Comme le tutorial est sur les blocks imbriqués, nous allons créer un seul fichier (tableau.tpl) contenant un titre et 2 blocks :

<html>
<p><font size="3"><b>Mes liens</b></font></p>
<!-- BEGIN CATEGORIE --><p><b>{TITRE_CATEGORIE}</b><br>
<!-- BEGIN ITEM --> * {TITRE_ITEM}<br>
<!-- END ITEM --></p><!-- END CATEGORIE -->
</html>

Comme vous pouvez le constater le block ITEM commence et se termine à l’intérieur du block CATEGORIE. Il ne faut pas l’oublier au moment d’écrire son code Php. On doit en effet commencer par déclarer le block à l’intérieur, puis l’autre :

$t->set_block("tableau","ITEM","item"); // on définit le block intérieur
$t->set_block("tableau","CATEGORIE","categorie"); // on définit le block extérieur

IMPORTANT : Si on faisait l’inverse, le block ITEM ne sera pas vu du tout, et vous obtiendriez un message d’erreur.

Le script

<?
include "template.inc";
$t=new template("."); // création du template
$t->set_file("tableau","tableau.tpl"); // on indique le fichier servant de modèle
$t->set_block("tableau","ITEM","item"); // on définit le block intérieur
$t->set_block("tableau","CATEGORIE","categorie"); // on définit le block extérieur
for ($i=0; $i<sizeof($categories); $i++) { // on commence par lister les catégories
       $t->set_var("TITRE_CATEGORIE",$categories[$i]);
       $t->set_var("item",""); // ligne à ne pas oublier sous peine de surprise !!!
        for ($j=0; $j<sizeof($liens[$i]); $j++) { // on liste les liens pour chaque catégorie
                     $t->set_var("TITRE_ITEM",$liens [$i][$j]);
                     $t->parse ("item","ITEM",true); //on traite le block ITEM
                     }
       $t->parse ("categorie","CATEGORIE",true); // on traite le block CATEGORIE
       }
$t->parse("MyOutput","tableau",true); // on traite le reste de la page
$t->p("MyOutput"); // on affiche la page
?>

Si vous avez lu les tutoriaux précédents, il n’y a rien de nouveau pour vous. On appelle le fichier, on déclare le block, on affecte les valeur aux zones et on affiche le tout. Il y a une seule variante, mais il ne faut absolument pas l’oublier :

$t->set_var("item",""); // ligne à ne pas oublier sous peine de surprise !!!

Elle tient au fait que vous avez 2 boucles imbriquées. Cette ligne affecte une valeur nulle au block ITEM. Ce nettoyage permet de vider la valeur, qui sans cette ligne suivrait dans la boucle suivante. Pour faire un test, essayez d’enlever cette ligne. Pour la première catégorie cela ne change rien, mais dans la deuxième, vous obtenez les liens de la deuxième catégorie mais aussi ceux de la première qui ont suivis. Si vous aviez 3 catégories, la troisième afficherait les liens de la première, de la deuxième et bien sûr ceux de la troisième. Alors imaginez le résultat si vous programmez un annuaire de 20 ou 30 catégories avec quelques sous-catégories !!

Conclusion

Si vous pouvez vous passer des blocks imbriqués, la technique utilisée pour vider le contenu du block vous sera certainement très utile. Elle fonctionne aussi de la même manière si vous utlisez plusieurs fichiers template plutôt que des blocks.
Je connais certains développeurs qui ont passé leur week-end sur ce problème, surtout que la documentation de la Phplib ne mentionne pas du tout cette astuce.

Je crois que vous en savez maintenant assez pour développer votre site avec les templates !

Télécharger les sources du tutorial

Pour étudier les blocks nous allons revenir sur le tutorial sur les templates. Reprenons le deuxième exemple. D’abord le tableau (tableau.tpl) :

<html>
   <table>
       {LISTE}
   </table>
</html>

il nous faut un deuxième template qui correspond à la présentation d’une ligne du tableau (ligne.tpl) :

<tr>
   <td>{ID} : {NOM}</td>
</tr>

Maintenant voyons le script pour afficher le tableau (test2.php):

<?
include "template.inc";
$tableau=array("tarzan","jane","cheetah");
$t = new Template("tpl/"); // création du template $t
$t->set_file(array(
     "page"=>"tableau.tpl",
     "ligne"=>"ligne.tpl"
)); // on définit le fichier contenant le modèle

// traitement des lignes du tableau
reset($tableau);
while (list($cle,$valeur) = each($tableau)) {
 $t->set_var(array(
     "ID"=>$cle,
     "NOM"=>$valeur
 ) );
 $t->parse("LISTE","ligne",true);
}
// fin du traitement des lignes du tableau
$t->pparse("MyOutput","page"); // traitement du modele et affichage
?>

Et avec les blocks ?

Cet exemple utilisait 2 fichiers template pour afficher le tableau. Les blocks vont permettre de n’en utiliser qu’un seul, ce qui réduit le nombre de fichiers et simplifie parfois le travail. On crée donc tableau.tpl :

<table border="0" cellspacing="0" cellpadding="0" width="200">
<!-- BEGIN LIGNE --><tr>
<td>{ID} : {NOM}</td>
</tr><!-- END LIGNE -->
</table>

J’ai volontairement pris le même exemple très simple. Le block est la partie définie par les commentaires : <!-- BEGIN LIGNE -->...<!-- END LIGNE -->. Dans ce cas ce block s’appelle LIGNE. Ce block est équivalent au fichier ligne.tpl de l’exemple précédent, et remplit le même rôle : il sera répété autant de fois que l’on en aura besoin.

Une petite remarque à ce sujet : quand vous créez un commentaire avec Dreamweaver, il ne laisse jamais d’espace avant le texte, et en laisse toujours un après. Pour que le script fonctionne, il faut rajouter l’espace de début, sinon vous aurez toujours une erreur.

Voyons maintenant le script php (index.php) :

<?
include "template.inc";
$t=new template("."); // création du template
$t->set_file("tableau","tableau.tpl"); // on indique le fichier servant de modèle
$t->set_block("tableau","LIGNE","une_ligne"); // on définit le block

$tableau=array("Tarzan", "Jane","cheetah"); // les données qui serviront d'exemple
// on va afficher le tableau ligne par ligne
reset($tableau);
while (list($cle,$valeur)=each($tableau)) {
 $t-> set_var(array(
   "ID"=>$cle,
   "NOM"=>$valeur
   ));
 $t->parse("une_ligne","LIGNE",true); // on traite le block
}
$t->parse("MyOutput","tableau"); // on traite le reste de la page
$t->p("MyOutput"); // on affiche la page
?>

Le script est très ressemblant là encore, et produit le même résultat. Seulement on appelle plus qu’un seul fichier à l’aide de set_file(), et on définit le block avec la fonction set_var(). Sinon la démarche est la même, car à chaque passage dans la boucle on utilise la fonction parse() pour traiter le block.

Conclusion

L’utilisation des blocks plutôt que des fichiers templates séparés produit le même résultat, et ne complique pas plus le script. Souvent l’utilisation des blocks vous évitera seulement d’avoir plusieurs fichiers pour une même page. Je n’ai pas fait de test précis de rapidité entre les 2 méthodes, mais pour utiliser les 2 je ne vois pas de différence.

Télécharger les sources du tutorial

Les templates (ou modèles) permettent de séparer le code HTML et le script PHP. Dit comme ça, le bénéfice ne vous semble pas évident par rapport à l’immersion des balises html dans le script php. Voilà pour moi les avantages des templates :

• simplification des scripts php
• optimisation plus simple du code html
• plus de flexibilité dans le développement et modification de l’aspect d’un site en quelques secondes
• customization du site (voir les skins)
• permet au webdesigner qui ne connait pas la programmation de travailler tranquillement sur des sites dynamiques tout en conservant ses outils
• réutilisation plus facile du code

Avant de commencer

Il existe actuellement de nombreuses librairies de scripts gérant les templates. La plus connue est sûrement FastTemplate, mais elle n’est pas la seule. Pour ma part je lui préfère l’implémentation de la PHPLib. Je lis régulièrement des avis sur la supériorité de l’une par rapport à l’autre, et je ne rentrerai pas dans ces considérations. Mais pour résumer il semble que FastTemplate soit moins rapide car ce serait une simple traduction d’une librairie PERL et donc n’utilisant pas les meilleurs fonctions de PHP.
Pour ceux qui s’inquiètent déjà en se disant qu’il faut installer la PHPLib, ce qui n’est pas toujours possible, ne vous inquiétez pas. Vous n’avez besoin que d’un fichier : template.inc. Vous pouvez jetter le reste si vous le souhaitez.

Premier exemple

Créons un fichier html (template.tpl) contenant ce simple code (attention, retapez le code, car le copier-coller risque de créer des erreurs) :

Bonjour {NOM} !

C’est ce fichier qui définit l’apparence. Le nom et l’extension du fichier importent peu, c’est à vous de créer une convention qui vous indique que c’est un fichier template.

Maintenant un petit bout de script php, créons un fichier test.php :

<? 
 include "template.inc";
 $nom="tarzan";
 $t = new Template("."); // création du template $t 
 $t->set_file("page","template.tpl"); // on définit le fichier contenant le modèle
 $t->set_var("NOM",$nom); // on indique que l'on doit remplacer {NOM} par le contenu de la variable $nom
 $t->parse("MyOutput","page"); // traitement du modele 
 $t->p("MyOutput"); // on affiche la page complète 
 ?>

c’est une exemple volontairement très simple, mais vous avez là pratiquement toutes les fonctions des templates. Décryptons un peu ce code. La première ligne inclut le fichier template.inc livrée avec la PHPLib, c’est lui qui contient les fonctions neccesaires pour utiliser les templates. En fait c’est une classe (voir le tutorial sur phpinfo.net), et il faut donc créer un objet pour pouvoir utiliser les fonctions de la classe.

Le code $t = new Template(« . »); crée donc un objet $t et indique le chemin pour accéder aux fichiers templates. Dans ce cas le fichier php et le template sont dans le même dossier, et on aurait aussi pû créer l’objet comme ça : $t = new Template(); .

Ensuite set_file() indique le fichier template à utiliser. Puis; on défini le contenu de la zone {NOM} avec la fonction set_var(). La fonction parse() traite ensuite le template mais n’affiche rien. Pour afficher la page, on utilise la fonction p().
Sur un exemple aussi simple, l’intérêt des templates est limité, mais il vous permet de tester quelques possibilités. Pour modifier l’aspect de votre page, vous n’avez plus qu’à modifier template.tpl. Vous pouvez le modifier sans rique dans un éditeur HTML comme Dreamweaver car il ne contient aucun code php.

On complique un peu

Créons un tableau avec une liste de nom. Nous allons utiliser non pas un, mais deux templates. D’abord le tableau (tableau.tpl) :

<html>
   <table>
       {LISTE}
   </table>
</html> 

il nous faut un deuxième template qui correspond à la présentation d’une ligne du tableau (ligne.tpl) :

 <tr>
    <td>{ID} : {NOM}</td>
 </tr>

Maintenant voyons le script pour afficher le tableau (test2.php):

<?
include "template.inc";
$tableau=array("tarzan","jane","cheetah");
$t = new Template("tpl/"); // création du template $t
$t->set_file(array(
     "page"=>"tableau.tpl",
     "ligne"=>"ligne.tpl"
)); // on définit le fichier contenant le modèle

// traitement des lignes du tableau
reset($tableau);
while (list($cle,$valeur) = each($tableau)) {
 $t->set_var(array(
     "ID"=>$cle,
     "NOM"=>$valeur
 ) );
 $t->parse("LISTE","ligne",true);
}
// fin du traitement des lignes du tableau
$t->pparse("MyOutput","page"); // traitement du modele et affichage
?>

J’ai introduit ici quelques différences. Tout d’abord, j’ai placé les fichier templates dans un dossier spécial nommé tpl. la création de l’objet est donc $t = new Template(« tpl/ »); Comme on utilise 2 templates, on doit le spécifier dans le script. Plutôt que de faire 2 fois appel à la fonction set_var(), on passe un tableau en paramètres. Les fonctions set_file() et set_var() permettent en effet de passer un tableau en paramètre ce qui est parfois bien utile.

La ligne $t->parse(« LISTE », »ligne »,true); introduit une petite variante par rapport au 1er exemple. Ici elle permet de créer une ligne du tableau à chaque passage dans la boucle while(). Le paramètre « true » est neccessaire ici pour afficher plusieurs lignes. Le tableau $tableau a en effet 3 lignes, et sans le paramètre true seule la dernière ligne serait affichée.

Enfin la fonction pparse() rassemble les fonction parse() et p(). La ligne $t->pparse(« MyOutput », »page »); est équivalente aux 2 lignes suivantes :

$t->parse("MyOutput","page");
$t->p("MyOutput");

Conclusion

Voilà une aperçu rapide des templates. Dans un prochain tutorial, nous verrons que le deuxième exemple peut être aussi traité avec les blocks, ce qui permet de n’utiliser qu’un fichier template au lieu de deux.
Les templates ne se limitent pas aux pages html. on peut aussi générer du xml, wml, texte des e-mails…. On peut par exemple avec le même script php générer la version html et la version wml d’une page en indiquant seulement un template différent.