Mura CMS Layout Maler

I Mura CMS er det enkelt å lage så mange layoutmaler som du ønsker å formatere temasidene dine i. Oppsettmaler er tilordnet dine Mura-sider i nettstedssjefen. 

Hvis du tenker på en typisk HTML-side i nettleseren, vil den vanligvis bestå av følgende elementer:

• HTML-hodet (Meta-koder, CSS, JavaScript-biblioteker)
• Overskrift (Site logo / banner og navigasjon)
• Container
• Hovedinnhold (primær innholdsseksjon, sidebjelker, etc)
• Footer (bottom nav, copyright, kontaktinformasjon, etc)
• HTML-bunntekstelementer (ekstra JavaScript-biblioteker og init-kode)

Denne strukturen er i hovedsak hva en Mura layout mal består av, men du kan bygge opp layoutmaler, men du vil. Hvis du for eksempel ville ha en spesiell destinasjonsside eller en del av nettstedet ditt, som inkluderte en egen topptekst, CSS osv., Kan du opprette den mal og bruke den på en Mura-side i nettstedssjefen. Malerne dine kan til og med være 100% HTML hvis du vil at de skal (selvfølgelig, ingenting ville være dynamisk på det tidspunktet). 

Opprette en ny layoutmal

For å opprette en layoutmal må du starte en ny .cfm-fil i mallkatalogen av temaet ditt. Malerne faller ned i nettstedshåndteringen vil se inne i denne mappen og automatisk se eventuelle .cfm-filer, slik at du kan bruke dem til den siden.

For å teste dette kan vi lage en helloWorld.cfm side i vår maler katalog og bruke det til en hvilken som helst side:

1. I sidefilene dine, naviger til din SiteID / includes / temaer / motiv / sjablonger katalog
2. Opprett en ny fil som heter helloWorld.cfm
   
   
3. Lim inn følgende kode og lagre

 Hei Verden 

Bruk den nye malen til en side i Mura

1. Klikk på malikonet ved siden av hvilken som helst side i nettstedshåndtereren.
2. Velg den nye helloWorld.cfm-malen
   
   
3. Klikk på globusikonet for å forhåndsvise siden

Legge til dynamisk Inkluderer

Nå som du forstår hvordan maler er lastet, kan du begynne å bygge dem ut for å være mer dynamiske ved å lage globale inkluderer for HTML-overskriften, topptekst og bunntekst. 

Begynn med å opprette en inkluderer katalog i maler katalogen i temaet ditt. Det kan se slik ut: tema navn / maler / inc

I denne mappen kan du opprette så mange forskjellige innstillinger som du vil. Jeg vil anbefale å starte med følgende:

• html_head.cfm (Meta tags, CSS, JavaScript-biblioteker)
• header.cfm (Site logo / banner og navigasjon)
• footer.cfm (nederste navs, copyright, kontaktinformasjon, etc)
• html_footer.cfm (ekstra JavaScript-biblioteker og init-kode)

Vi kan inkludere disse filene i vår mal ved å bruke merk som:

Merk: Malen banen er i forhold til filen vi ringer den fra.

Når du bygger ut dine ekstra maler, kan du bruke dem igjen, så hvis du trenger å gjøre endringer, må du bare redigere en fil, og den vil bli oppdatert globalt på tvers av alle maler. 

Din fulle mal kan se slik ut:

    
 
  
  # $. dspBody (kropp = $. innhold ('body'), pageTitle = $. innhold ('tittel'), crumbList = false, showMetaImage = true, metaImageClass = "miniatyrbilde") # # $. dspObjects (2) # 
 
  
  

Du kan opprette så mange maler som du ønsker, for eksempel 

• one_column.cfm
• twoCol_SR.cfm (sidebar er til høyre)
• two_Col_SL.cfm (sidebar er til venstre)
• three_column.cfm
• etc.

Hjemmesiden Mal

På de fleste nettsteder er det vanlig at hjemmesiden er ganske annerledes enn de andre sidene på nettstedet. Det kan inneholde en større overskrift med en lysbildefremvisning, flere anrop til handling og så videre. På grunn av dette inkluderer vi vanligvis en home.cfm-mal med hvert tema for å ta hensyn til alt dette spesielle oppslaget. I tillegg kan du legge til et øverste legitimasjon eller klasse av hjem For å gjøre det mulig for deg å koble deg til hjemmesidestilene med CSS og regne med eventuelle forskjeller der.