Blog Web-Création.ca

Les articles dans joomla sont composés de titres, et de leur contenu. L’objectif de ce tutoriel est d’utiliser une police de caractère spéciale dans les titres des articles identique pour tous les naviguateurs. Lorsqu’on utilise une police de caractère qui n’existe pas sur l’ordinateurs des visiteurs, celle-ci ne sera pas affichée.

Les images PHP peuvent être utilisées pour ça ! Nous allons donc voir comment implémenter une image PHP dynamique qui affiche le titre des articles avec la police de votre choix dans Joomla!

1. Tout d’abord, choisissez une police qui correspond à votre design et placez le fichier .TTF dans un répertoire /fonts.
2. Ensuite, Créez une image PNG transparente de la taille de votre titre. Placez-là ensuite dans le répertoire /images.
3. Enfin créez un fichier “picture.php” que vous mettez à la racine de votre site.

Éditons maintenant le fichier picture.php, qui va servir à générer l’image dynamiquement :

// ------------- Aucun HTML avant cette partie ------------- //
<?php
header("Content-type: image/png");
// ------------- Récupération du titre de Joomla ------------- //
$text = $_GET['title'];
// ------------- Remplacer "CUTEL___.TTF" par la police que vous avez choisi ------------- //
$font = "./font/CUTEL___.TTF";
// ------------- Création de l'image à partir du PNG transparent ------------- //
$im = imagecreatefrompng("./images/bg-php.png");
// ------------- Création de la couleur du texte ------------- //
$black = imagecolorallocate($im,0,0,0);
// ------------- Écriture et positionnement du texte ------------- //
imagettftext($im, 30, 0, 50, 45, $black, $font, $text);
// ------------- Génération de l'image PHP ------------- //
ImagePNG($im);
ImageDestroy($im);
?>


Une fois ce code entré dans le “picture.php” sauvegardez ce fichier. Pour avoir plus d’information sur chacune de ces fonctions, faites une recherche sur PHP.NET.

Votre script est maintenant prêt à être appelé par joomla.

- Ouvrez le fichier “content.html.php” situé dans le répertoire /components/com_content/ de votre installation joomla.

- Cherchez cette ligne (elle est présente à 2 endroits) :
<?php echo $row->title;?>


- Remplacez aux deux endroits par ce code :
<?php
echo "<iframe src=\"picture.php?title=".$row->title."\" width=\"500\" height=\"60\" noresize=\"noresize\" scrolling=\"no\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" vspace=\"0\" hspace=\"0\"></iframe>";
?>

Et voilà, le tour est joué !

Chaque article de joomla remplace le titre standard par l’image PHP avec la police de caractère que vous souhaitez !

Pour toute question sur cet article, veuillez remplir le formulaire de contact sur ce site : http://www.web-creation.ca/