Vous êtes ici: Accueil » Design » Structure d'un site

Structure d'un site

fr.eelinker3 à une structure de site par défaut bien définit. Cette structure est définie par les fichiers de templates.

Les pages disponibles par défaut

Voici les pages disponibles par défaut dans un thème fr.eelinker3 ainsi que leurs relations avec les fichier de template (situé dans le répertoire /dist/nom_du_theme)

  • Accueil → accueil.tpl
  • Catégorie (dans un contexte catégorie=xx) → categorie.tpl
  • Toptags → toptags.tpl
  • Tags (dans un contexte tag=xx) → tags.tpl
  • Info (dans un contexte link=xx) → info.tpl
  • Préférés → prefere.tpl
  • Recherche → search.tpl
  • Soumission → submit.tpl
    • Soumission classique → submit_classic.tpl
    • Soumission fsw → submit_fsw.tpl
  • Mon compte (à condition que le visiteur soit authentifié) → myaccount.tpl
  • Mes bookmarks (à condition que le visiteur soit authentifié) → bookmarks.tpl
  • S'enregistrer (Permet à un utilisateur de se créer un compte) → register.tpl

Structure d'une page

Nous avons vu ci-dessus les pages par défaut d'un site fr.eelinker3, voyons maintenant comment se comporte une page en elle même lorsque celle-ci est affichée.

Dénominateur commun

Structure basique d'une page.Vous remarquerez sur un site fr.eelinker3, que la structure de la page fait toujours, et de manière inconditionnelle, appel aux éléments suivants, quelque soit la page visitée. Vous aurez donc toujours:

  • Un header, ou une entête, dans lequel vous aurez généralement un menu de navigation, le nom de votre site, un court descriptif de votre site… bien entendu, cela dépend du thème utilisé.
  • Une colonne de gauche ou de droite selon le thème, qui affiche par exemple les catégories disponibles dans votre annuaire. Cette colonne peut aussi afficher diverses autres informations, comme le formulaire de recherche ou de connexion, tout comme, des liens partenaires.
  • Un footer, qui affiche par exemple le copyright ou divers autres liens de partenaires.
  • Un content, c'est à dire le contenu central de la page… c'est dans cet élément que sont appelés les différent fichiers de template (par exemple accueil.tpl).

Où est définie cette structure ?

Lorsque vous chargez n'importe quelle page, fr.eelinker3 fera toujours appel à un fichier de template, situé dans votre thème: index.tpl (le chemin relatif est /dist/nom_du_theme/index.tpl). C'est dans ce fichier qu'est défini la structure. Voici le fichier index.tpl du thème par défaut:

<!-- header -->
<?php include $this->loadTemplate(FL_THEME.'/inc/inc.header.tpl') ?>
 
<!-- Right Col -->
<?php include $this->loadTemplate(FL_THEME.'/inc/inc.right_col.tpl') ?>
 
<!-- Content -->
<?php include $this->loadTemplate(FL_THEME.$this->template); ?>
 
<!-- Footer -->
<?php include $this->loadTemplate(FL_THEME.'/inc/inc.footer.tpl') ?>

On peut clairement voir le chargement successif des éléments suivants:

  • le header, c'est l'entête, → /dist/nom_du_theme/inc/inc.header.tpl
  • la colonne, ici, nommée right_col, parce que placée à droite → /dist/nom_du_theme/inc/inc.right_col.tpl
  • le content cad. le contenu central → le fichier est en fonction de la page visitée.
  • le footer pied de page → /dist/nom_du_theme/inc/inc.footer.tpl

Le content est donc chargé dynamiquement, en fonction de la page visitée. Si vous êtes sur la page /accueil.html de votre site, $this→template sera donc égal à accueil.tpl. Si vous êtes sur la page /categorie/generaliste.html de votre site, $this→template sera donc égal à categorie.tpl… ainsi de suite.