Páginas y componentes
Cada página de un sitio es un archivo HTML. Las partes que se repiten en todas las páginas, como la cabecera y el pie de página, son componentes: se escriben una vez y se colocan en cada página.
Añadir una página#
En el editor, pulsa + junto a Páginas y ponle un nombre a la página, por ejemplo «Pricing». Weblooks convierte el nombre en el nombre del archivo (pricing.html) y crea la página a partir del diseño de la que tienes abierta: las mismas hojas de estilo y los mismos scripts, la misma cabecera y el mismo pie de página, y un área principal vacía con un encabezado.
Lo que describía la página original se deja fuera a propósito: su título, su descripción, la vista previa para redes sociales y los datos estructurados. Dale a la nueva página su propio título y su propia descripción; los análisis señalan lo que aún falte.
Componentes#
Un componente es un bloque que defines una vez y colocas donde lo necesites. Su marcado está en components/<name>/<name>.html, con una hoja de estilo opcional al lado, y una página lo coloca con una sola etiqueta:
<wl-use name="site-header"></wl-use>
Cambia el componente y cambiarán con él todas las páginas que lo usan. Weblooks expande la etiqueta en el lienzo del editor y al publicar el sitio, así que los visitantes reciben HTML normal. Las plantillas de inicio incluyen un componente de cabecera y otro de pie de página para que partas de ellos.
Cuándo crear un componente#
Crea un componente cuando el mismo bloque aparezca en más de una página, o cuando de otro modo tendrías que copiarlo y pegarlo: navegación, pies de página, franjas de llamada a la acción, tarjetas. Deja las secciones únicas dentro de la propia página. El panel Componentes del modo Diseño del editor lista todos los componentes y dónde se usa cada uno.