Importere design mal ESite stepbystep 9112021 1 HTML

Importere design mal E-Site step-by-step 9/11/2021 1

HTML og CSS filer • Kjøp en designmal på nettet • Eller få et skreddersyd design fra en webdesigner 9/11/2021 2

Lag ZIP arkiv • Zip ned alle HTML, CSS og bildefiler (med mapper) • Dersom du har kjøpt malen online fra f. eks. www. Fourtemplates. c om må du unzippe filen og zippe ned innholdet i XHTML mappen 9/11/2021 3

Slik lager du ZIP filen • Velg alle filene høyre klikk og velg send to zip 9/11/2021 4

Slik lager du IKKE zip filen • Ikke ZIP ned mappen • Html filene må ligge i root mappen, eller så gjenkjenner ikke ESite filen som en design mal. 9/11/2021 5

Last opp arkivet • Logg inn i adminsidene dine • Gå inn i filadministrasjon • Last opp filen 9/11/2021 6

Åpne arkivet fra filadmin • Dobbelt klikk på zip filen • Innholdet i zip filen vises, • Design innhold gjenkjennes – Dette fordi zip filen inneholder både css og html filer – Du får en ekstra knapp øverst til høyre 9/11/2021 7

Klikk på ”Importer design mal” • Klikk på knappen øverst til høyre • Malen importeres 9/11/2021 8

Gå under design & settings • Du finner nå nye designoppsett for hver HTML fil i arkivet 9/11/2021 9

Åpne layout • Klikk på [+] foran design og klikk på layout objektet under. • Velg split view 9/11/2021 10

Legg inn dynamiske elementer Ved å høyreklikke på elementer kan du konvertere og sette inn dynamiske elementer: • Visningsområde • Menyer • Redigerbare områder 9/11/2021 11