Le deal à ne pas rater :
Cartes Pokémon 151 : où trouver le coffret Collection Alakazam-ex ?
Voir le deal

Partagez
 

 Introduction aux templates

Aller en bas 
Introduction aux templates - Mer 29 Aoû - 19:21

Introduction aux templates




Tout d'abord, Template est un mot anglais que l'on peut traduire par "gabarit". Il s'agit donc du gabarit de la page web, autrement dit de la mise en page. Le Template va permettre de placer les différentes informations sur la page et cela grâce à des boucles et des variables.

1) Qu’est-ce qu’une boucle ?


Les boucles tout simplement ce sont des commentaires de pages HTML.

Schématiquement on a :
Code:
<!-- BEGIN quelques_mots_en_anglais -->
xxxx blablabla xxxxx
<!-- END quelques_mots_en_anglais  -->

Ces boucles sont indispensables au bon fonctionnement du code, ne les modifiez donc PAS ! Elles permettent une structuration correcte des pages ! Mais toutes les boucles ne sont pas indispensables. En effet, bien souvent, les codes sont répétés plusieurs pour différentes condition. Par exemple, prenons dans les catégories.

Vous avez des boucles qui vont dire: si vous avez un affichage des catégories comme ci, alors on affiche ça. Si l'affichage est en fait comme ça: afficher ça. Ainsi, si vous avez défini un affichage des catégories (séparation sur l'index etc...) et que vous ne comptez pas en changer en cours de route, et bien, certaines boucles sont inutiles et peuvent être supprimées. Faites bien attention à supprimer de la boucle BEGIN à la boucle END.


2) Qu’est-ce qu’une variable ?


Une variable c’est l'information qui va être appelée. Cette information, elle se situe sur une page à part, programmée grâce à du PHP. Elle est hébergée ailleurs que dans votre Template et le navigateur l’appelle en détectant le nom qui lui est attribué. On la reconnait facilement car elle est encadrée par deux accolades : { et }. Chaque variable renvoie donc à un fichier, où elle est définie par un texte ou par une fonction.

Un exemple de variable :
Hey, bien le bonjour à toi Invité !

Et oui, c’est bien votre prénom qui est écris dans le tutoriel. Mais sachez que si je lis le post, ce sera mon pseudo qui sera affiché. Et cela est possible grâce à la variable :
Code:
{USERNAME}

La variable va renvoyer à une fonction qui va aller chercher dans la base de données votre pseudo pour après l’afficher. Magique non ? Mais on en rencontre beaucoup d'autres. Par exemple dans le Templates des catégories, il y a la variable qui appelle la description des forums, celle qui appelle le titre des catégories, celle qui appelle les sous forum .. etc...


3) Un point sur le code couleur des Templates.


ForumActif (FA - pour les intimes ^^) a adopté un code couleur et une numérotation des lignes pour faciliter la lecture des codes.

Ainsi, vous pouvez voir que :
- toutes les balises sont écrit en vert (tel que div, span etc...)
- en bleu, on a les attributs des balises.
- les propriétés des attributs, écrits entre guillemet eux, sont de couleur rouge.
- le texte qui va s'afficher sur votre page, lui est écrit en gris (toujours compris entre une balise ouvrante et fermante). Y comprit les variables qui font appellent à une (ou plusieurs) fonction(s) pour afficher du texte.
- enfin, dernière couleur : le marron qui est utilisé pour mettre en relief les boucles.

Notez que si vous ne fermez pas correctement vos balises, tout votre code s'affichera en rouge, après l'oubli ! Trahissant une coquille dans votre code ! Pratique ! Wink


4) Quelques informations complémentaires


Seul le fondateur a accès aux Template Panneau d’administration  → Affichage → Page Accueil  → Templates → Général et peut donc les modifier à sa guise.





En espérant que ce tuto, vous a permis d’y voir un plus clair ! Si une question subsiste, n'hésitez pas à répondre à ce sujet pour demander des éclaircissements.

Enjoy coding !
 Introduction aux templates 3522390538


Arya

Jamy
Jamy
ex-staffienne
 
Introduction aux templates
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Avada Kedagraph :: Section Codage :: Tutos et Astuces - code :: Templates-
Sauter vers: