16.6 Ajout des templates spécifiques

Le lendemain matin, la fête du vin est terminée. Didier et Marlène ramènent de nombreux documents photographiques. M. Bertrand met en place les fichiers PDF sur son site.
La connexion pour le paiement par PayPal a été testée.

Tout le monde se retrouve pour le déjeuner, car Ruth a entretemps terminé la conception de ses deux templates. Elle rapporte les fichiers sur une clé USB et raconte les détails du processus de réalisation.

16.6.1 Installation des templates

M. Bertrand décompresse les deux fichiers zip des templates pour obtenir deux dossiers avec des sous-dossiers pour chacun d’eux. Il transfère ensuite chacun des deux sous-dossiers via FTP dans le dossier bertrand/templates de son site Web (il faut d’abord supprimer un éventuel sous-dossier portant le même nom). Il choisit ensuite la commande EXTENSIONS > GESTION DES TEMPLATES pour instaurer son nouveau template tmpl_bertrand comme template par défaut (voir Figure 16.60).

Figure 16.60 Activation du nouveau template dans le gestionnaire des templates.

Le template secondaire tmpl_bertrand_shop doit être utilisé uniquement dans les pages concernant le vin, pour permettre une commande directe. Il suffit pour cela d’aller dans les paramètres détaillés de ce template (voir Figure 16.61).

16.6.2 Évolution des templates

Ruth a conçu les deux templates avec plusieurs objectifs en tête.
Évolution M. Bertrand veut faire évoluer son site, y compris au niveau de son aspect. La conceptrice en a tenu compte. Elle a crée un gabarit bien structuré qui permettra à M. Bertrand de remplacer les images dans la partie supérieure lorsqu’il en aura le désir.
Mise en page Ruth explique la manière dont elle a travaillé pour concevoir les templates :
« L’aspect visuel d’un site Web offre de nombreuses possibilités.
M. Bertrand veut vendre du vin.

Figure 16.61 Sélection des pages pour lesquelles le template de boutique doit être utilisé.

Son template doit donc véhiculer une idée de recherche de la qualité dans la tradition, pour que l’on devine que l’on pourra acheter ici du vin de qualité.

Il aurait été inefficient de concevoir un template de style technologique avec des effets métalliques, même si cela aurait donné un aspect moderne.

Nous avons choisi des visuels de grappes de raisins et des couleurs de terroir. Les tons ont été appareillés au niveau des couleurs de fond et des éléments graphiques.

Plusieurs éléments participent à l’aspect visuel : le logo, le choix des couleurs, le style des photographies et des graphiques (les graphiques regroupent tous les éléments qui ne sont pas des photographies, et donc aussi les boutons et symboles) et enfin les polices de caractères.

Tous ces éléments doivent être correctement positionnés pour occuper l’espace de la page.
Les éléments doivent bien s’adapter et cohabiter pour donner un effet visuel harmonieux. Mieux vaut n’utiliser qu’une seule police de caractères, en la faisant varier par le gras et l’italique.

Dans les templates Bertrand, j’ai opté pour une police de caractères très classique pour les titres, afin de donner un aspect traditionnel. Il s’agit de la police Times, très utilisée dans les quotidiens. Il n’est pas nécessaire de vouloir toujours être original. La sobriété a du bon. »
Un portrait retrouvé Pendant toutes ces discussions, Ruth a griffonné un petit portrait de M. Bertrand qu’elle lui transmet par messagerie. Il l’ajoute immédiatement à sa galerie de photos.

Figure 16.62 Portrait de M. Bertrand.