Pages et composants
Chaque page d’un site est un fichier HTML. Les parties qui se répètent sur chaque page, comme l’en-tête et le pied de page, sont des composants : écrits une fois et placés sur chaque page.
Ajouter une page#
Dans l’éditeur, appuyez sur + à côté de Pages et donnez un nom à la page, par exemple « Pricing ». Weblooks transforme ce nom en nom de fichier (pricing.html) et construit la page à partir de la mise en page de celle que vous avez ouverte : mêmes feuilles de style et mêmes scripts, même en-tête et même pied de page, et une zone principale vide avec un titre.
Ce qui décrivait l’ancienne page est volontairement laissé de côté : son titre, sa description, son aperçu pour les réseaux sociaux et ses données structurées. Donnez à la nouvelle page son propre titre et sa propre description ; les analyses signalent tout ce qui manque encore.
Composants#
Un composant est un bloc que vous définissez une fois et placez partout où vous en avez besoin. Son code se trouve dans components/<name>/<name>.html, avec une feuille de style facultative à côté, et une page le place avec une seule balise :
<wl-use name="site-header"></wl-use>
Modifiez le composant et chaque page qui l’utilise change avec lui. Weblooks développe la balise dans le canevas de l’éditeur et à la publication du site : les visiteurs reçoivent donc du HTML simple. Les modèles de départ incluent un composant d’en-tête et un composant de pied de page sur lesquels construire.
Quand créer un composant#
Créez un composant quand le même bloc apparaît sur plusieurs pages, ou quand vous seriez sinon tenté de le copier-coller : navigation, pieds de page, bandeaux d’appel à l’action, cartes. Gardez les sections uniques dans la page elle-même. Le panneau Composants du mode Design de l’éditeur liste chaque composant et les endroits où il est utilisé.