[Edit: 30/08/2008]Pour une version propre et illustrée de la procédure, voir
http://josar.free.fr/tutoKompozer/MenuM ... nclus.html
[/Edit]
Je reprends et tente de simplifier au maximum la procédure telle qu'elle peut être mise à profit dans KompoZer.
Merci de corriger ce qui doit l'être. Le but étant de permettre la publication d'une méthode simple et claire.
Comment réaliser un menu dont le contenu puisse être modifié et qui, après modification, sera reproduit sur toutes les pages du site web, sans qu'il soit nécessaire d'éditer chaque page?
Ci-dessous, quelques éléments de réponse.
Préalables
- Il est nécessaire d'avoir un hébergeur qui supporte le PHP
- L'éditeur utilisé est KompoZer
et pas NVU qui n'est plus supporté.
- L'ajout de l'extension Handcoder est fortement recommandée pour permettre simplement l'édition des pages .php qui seront produites.
- On dispose parallèlement d'un éditeur de texte brut du type NotePad++ (sous Windows), Scite, Quanta+, Gedit,...
Méthode
- Un menu sera idéalement formé d'une liste non ordonnée, encore appelée "liste à puces".
- Cliquer n'importe où dans ce menu, de manière à faire apparaître la balise <ul> correspondant à la liste non ordonnée dans la barre d'état, au bas de la fenêtre de KompoZer
- Cliquer du bouton droit sur cette balise <ul> pour faire apparaître un menu contextuel.
- Dans ce menu, choisir la commande "Code HTML..."
- Une fenêtre s'ouvre: le code HTML du menu y apparaît. Quelque chose comme
Code : Tout sélectionner
<ul>
<li><a href="page1.html">item1</a></li>
<li><a href="page2.html">item2</a></li>
<li><a href="page3.html">item3</a></li>
<li><a href="page4.html">item4</a></li>
</ul>
- Sélectionner l'ensemble (Ctrl + A) et le copier (Ctrl + C)
- La fenêtre peut être fermée sans autre forme de procès.
- Ouvrir, par ailleurs, un logiciel d'édition de texte brut.
- Coller le texte provenant de la manipulation précédente (Ctrl + V)
- Enregistrer le document sous le nom "menu.inc.html" ou n'importe quel autre nom qui convient.
L'extension .php n'est nécessaire que si le code collé contient du PHP.
- Revenir à KompoZer.
- La balise correspondant au menu est toujours sélectionnée.
- Dans le menu "Insertion", choisir la commande "Code PHP..."
- Dans la fenêtre qui apparaît, écrire l'instruction suivante:
- Cliquer sur OK pour fermer la fenêtre contenant ce bout de code.
- Dans la page, le menu est remplacé par un petit rectangle jaune dans lequel on peut lire la mention PHP
- Dans le menu "Fichier", sélectionner la commande "Enregistrer Sous..."
- Changer l'extension du fichier: .html est remplacé par .php
- Procéder de même dans toutes les pages qui contiennent le menu:
- * remplacement du menu par le code PHP mentionné plus haut.
* enregistrement de la page avec l'extension .php
Il reste maintenant à corriger le code du menu. En effet, tous les liens pointent vers des pages .html (Exemple: page1.html) qui sont fort probablement devenues des pages .php (Exemple: page1.php)
Dans l'exemple présenté ci-dessus, le code deviendrait
Code : Tout sélectionner
<ul>
<li><a href="page1.php">item1</a></li>
<li><a href="page2.php">item2</a></li>
<li><a href="page3.php">item3</a></li>
<li><a href="page4.php">item4</a></li>
</ul>
- Dans le logiciel d'édition de texte brut, remplacer les extensions .html par les extension .php
- Enregistrer le document modifié.
A partir de ce moment, toute modification du menu ne doit plus être faite que dans ce fichier "menu.inc.html". Elle sera répercutée automatiquement dans toutes les pages où le code PHP d'appel du menu aura été inséré.
Épilogue et avertissements
Attention! Les pages .php ne peuvent plus être visualisées directement dans le navigateur par un simple clic sur l'icône "Navigateur" de la barre d'outils. Elles doivent obligatoirement être interprétées par un serveur web qui "comprend" le PHP.
Deux possibilités:
1. Voir le résultat sur le serveur web distant; ce qui oblige à télécharger les pages par FTP pour pouvoir les visualiser.
2. Installer un serveur du type Easy PHP, Wamp Server,... sur l'ordinateur local.
Une petite difficulté pourrait survenir si le fichier "menu.inc.html" contient des caractères accentués (ces caractères sont alors remplacés par des signes différents).
Dans ce cas, vérifier que le logiciel d'édition de texte pur utilise bien le même encodage que KompoZer:
> Outils > Préférences > Paramètres de page > Encodage
Pour éditer très simplement les pages .php depuis le "Gestionnaire de sites", installer l'extension Handcoder.
De nombreux points de la procédure décrite ci-dessus sont de la plume de Kazé. Merci à lui.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9) Gecko/2008061015 Firefox/3.0