Dans ce dossier nous allons voir comment installer un template que vous avez téléchargé sur DomPhp.com. Nous verrons également comment le modifier afin que vous puissiez le personnaliser à votre site. Après toutes ces explications, vous comprendrez mieux comment créer votre propre template en ayant pris connaissance de quelques règles à respecter.

Installer un template téléchargé.

Un fois téléchargé, vous devez décompresser l’archive.

Pour chacun des templates vous devez obtenir après décompression :

• Un fichier « tempNOMTEMPLATE.html »
• Un fichier « tempaccueilNOMTEMPLATE.html »
• Un dossier « NOMTEMPLATE »

L’expression « NOMTEMPLATE » correspondant bien entendu au nom du template que vous avez téléchargé. Ce nom peut être quelconque, mais il est obligatoire, et doit être identique dans chacun des noms qui y font référence, à la majuscule près.

Le dossier « NOMTEMPLATE » contient les images du template, le fichier de style, les fichiers javascript ou PHP si le template en utilise.

En clair, le dossier « NOMTEMPLATE » contient tous les fichiers dont à besoin le template, en dehors des fichier « tempNOMTEMPLATE.html » et « tempaccueilNOMTEMPLATE.html » qui se trouve directement dans le dossier « templates » de votre site.

Après avoir décompressé le templates, il vous faut maintenant le télécharger sur votre site. Cette opération s’effectue à l’aide de votre logiciel FTP préféré. Vous devez charger les 2 fichiers html et le dossier au nom du template dans le dossier template de votre site.

Une fois chargé, les templates sont bien présent, mais il faut indiquer à votre site qu’il peut les utiliser. Pour cela, ouvrez votre navigateur et connectez vous à votre site.

Allez dans la partie administration, puis cliquez sur l’icône « skin ». Si cette icône n’est pas présente dans votre partie administration, c’est qu’il vous faut activer le module « skin » dans la partie « option module ».

Une fois dans l’administration des « skin », allez dans la gestion des templates personnalisés, ajouter un nouveau template.

Attention, dans la zone de texte vous devez indiquer uniquement le nom de votre template, c'est-à-dire « NOMTEMPLATE » pour notre exemple.

Après avoir validé, vous devriez voir dans la liste des templates, en bas de la page, le template que vous venez d’ajouter.

Cliquez sur « sélectionner » au regard de la ligne content le nom du template que vous voulez utiliser. Un fois la page rechargée, vous devriez voir votre site dans ce nouveau template. Si ce n’est pas le cas, c’est que votre site est en mode « skin », et non en mode « template ».

Pour basculer votre site en mode « template », dans le bas de la partie « skin », sélectionnez « Ne plus utiliser de Skin Perso mais utiliser un Template ci dessous »

Cette fois vous devriez voir votre site habillé du template que vous venez d’installer.
 

 Modifier un template.

Cette partie demande certaines bases de connaissance du langage HTML.

Nous avons dit ci-dessus, c’est dans le dossier « NOMTEMPLATE » que vous devez placer tous les fichiers intervenant dans votre template, sauf les 2 fichiers « tempNOMTEMPLATE.html » et « tempaccueilNOMTEMPLATE.html ».

Le principe :

Le fichier « tempNOMTEMPLATE.html » est l’enveloppe de votre site. C’est dans ce fichier que nous trouverons l’instruction qui permettra de charger dans sa partie centrale, soit la page d’accueil « tempaccueilNOMTEMPLATE.html » soit les pages demandées par l’utilisateur.

Exemple de site au plus simple :

<table><tr><td colspan=2>Ici c’est l’entéte de mon site</td></tr>
<tr><td>la colonne contenant mon menu</td>
<td>< !—ici le code qui permet de gérer le contenu central -- > 
if($accueil) 
    include("../templates/tempaccueil".$_SESSION['SESSION_SKIN'].".html");
} else {
    echo $entete;
    echo $milieu; 
}
</td></tr></table>

Les commentaires de la page « tempNOMTEMPLATE.html » vous apprendront bien d’autre possibilité d’inclusion. Les fonctions à inclure sont rarement plus importantes que celle ci dessous. Cette fonction vous permet par exemple d’insérer les blocs libre que vous créé et qui sont visible. Vous ajoutez simplement cette ligne dans votre template, et DomPhp s’occupe d’interagir avec la partie administration de votre site pour savoir ce qu’il doit afficher.

D'autres exemples :

<!-- Affichage des menus bloc libre. -->
<?php
  include("../bloclibre/modulebloc.php");
  // modulebloc(couleurtextetitre, couleurfondtitre, couleurfondmodule, imagefondtitre [,classtitre[, hauteurtitre]]);
  modulebloc("FFFFFF", "000000", "", "../templates/gris/fondtitremenu.jpg","menutitre", "29");
?>

Les scripts sont suffisamment commentés pour que vous puissiez comprendre ce qui est ajouté . La première ligne "// modulebloc" est juste la pour vous expliquer les paramètres de cette fonction.

Le script ci-dessous permet d’afficher le menu principal du site.

<?php
  // menulien(couleurtextetitre, couleurfondtitre, couleurfondmodule, imagefondtitre, titremenu)
  menulien("FFFFFF", "000000", "", "../templates/gris/fondtitremenu.jpg", "non");
?>

La page « tempaccueilNOMTEMPLATE.html » est la page de contenu de l’accueil. Le principe est le même, il suffit d’ajouter les fonctions des parties que l’on désire afficher.

Pour afficher le moteur de recherche :

<?php
  require('../recherche/afficheform.php');
  echo $formcherchligne;
?>

Pour afficher l’édito :

<?php
  include("../news/ liensedito.php");
?>

 Pour afficher les news :

<?php
  include("../news/liensnews.php");
?>

  
Rien de bien compliqué, regardez bien les commentaires dans les fichiers, vous en apprendrez beaucoup.