Share
In Mura CMS, è facile creare tutti i modelli di layout che desideri per formattare le pagine tematiche. I modelli di layout sono assegnati alle tue pagine Mura all'interno del gestore del sito.
Se si pensa a una tipica pagina HTML nel browser, sarà generalmente composta dai seguenti elementi:
Questa struttura è essenzialmente ciò che comprende un modello di layout Mura, ma puoi comunque creare i tuoi modelli di layout. Ad esempio, se si desidera una pagina di destinazione speciale o una sezione del sito che includa un'intestazione separata, CSS, ecc., È possibile creare tale modello e applicarlo a una pagina Mura nel gestore del sito. I tuoi modelli potrebbero persino essere HTML al 100% se li vuoi (ovviamente, a quel punto niente sarebbe dinamico).
Per creare un modello di layout, iniziare un nuovo file .cfm nella directory dei modelli del tema. I modelli a discesa nel gestore del sito guarderanno all'interno di quella cartella e vedranno automaticamente tutti i file .cfm, permettendoti di applicarli a quella pagina.
Per testare questo, possiamo creare un helloWorld.cfm pagina nella nostra directory dei modelli e applicala a qualsiasi pagina:
Ciao mondo
Ora che comprendi come vengono caricati i modelli, puoi iniziare a costruirli per essere più dinamici creando gli include globali per l'intestazione HTML, l'intestazione e il piè di pagina.
Inizia creando un include directory all'interno della directory dei modelli nel tuo tema. Potrebbe assomigliare a questo: nome tema / templates / inc
In questa cartella, puoi creare tutte le diverse inclusioni che vuoi. Consiglierei di iniziare con quanto segue:
Possiamo includere questi file nel nostro modello usando il
Nota: il percorso del template è relativo al file da cui lo chiamiamo.
Quando crei i tuoi modelli aggiuntivi, puoi riutilizzarli, quindi se hai bisogno di apportare modifiche, devi solo modificare un file e verrà aggiornato a livello globale su tutti i tuoi modelli.
Il tuo modello completo potrebbe essere simile a questo:
# $. dspBody (body = $. content ('body'), pageTitle = $. content ('title'), crumbList = false, showMetaImage = true, metaImageClass = "thumbnail") # # $. dspObjects (2) #
Puoi creare tutti i modelli che desideri
Nella maggior parte dei siti web, è comune che la home page sia abbastanza diversa dalle altre pagine del sito. Può contenere un'intestazione più grande con una presentazione, ulteriori chiamate all'azione e così via. Per questo motivo, in genere includiamo un modello home.cfm con ogni tema per tenere conto di tutto questo markup speciale. Inoltre, è possibile aggiungere un ID o classe del corpo superiore casa per consentire ulteriormente di agganciare gli stili della homepage con i CSS e tenere conto di eventuali differenze.
Accentsconagua