Sidor och komponenter
Varje sida på en webbplats är en HTML-fil. Delarna som återkommer på varje sida, som sidhuvud och sidfot, är komponenter: skrivna en gång och placerade på varje sida.
Lägg till en sida#
I redigeraren trycker du på + bredvid Sidor och ger sidan ett namn, till exempel ”Pricing”. Weblooks gör om namnet till ett filnamn (pricing.html) och bygger sidan utifrån layouten på sidan som du har öppen: samma stilmallar och skript, samma sidhuvud och sidfot, och en tom huvudyta med en rubrik.
Det som beskrev den gamla sidan tas medvetet inte med: titel, beskrivning, förhandsvisning för sociala medier och strukturerad data. Ge den nya sidan en egen titel och beskrivning; skanningarna flaggar allt som fortfarande saknas.
Komponenter#
En komponent är ett block som du definierar en gång och placerar där du behöver det. Koden ligger i components/<name>/<name>.html, med en valfri stilmall bredvid, och en sida placerar den med en enda tagg:
<wl-use name="site-header"></wl-use>
Ändra komponenten så ändras varje sida som använder den. Weblooks expanderar taggen i redigerarens canvas och när webbplatsen publiceras, så besökarna får vanlig HTML. Startmallarna har en komponent för sidhuvud och en för sidfot att bygga vidare på.
När du ska göra en komponent#
Gör en komponent när samma block finns på mer än en sida, eller när du annars skulle kopiera och klistra in det: navigering, sidfötter, sektioner med en uppmaning till handling, kort. Låt sektioner som bara finns en gång ligga kvar i själva sidan. Panelen Komponenter i redigerarens läge Design listar varje komponent och var den används.