En Mura CMS, es fácil crear tantas plantillas de diseño como desee para dar formato a sus páginas de temas. Las plantillas de diseño se asignan a sus páginas de Mura dentro del administrador del sitio.
Si piensa en una página HTML típica en el navegador, generalmente constará de los siguientes elementos:
Esta estructura es esencialmente lo que comprende una plantilla de diseño Mura, pero puede crear sus plantillas de diseño como desee. Por ejemplo, si desea una página de inicio o sección especial de su sitio que incluya un encabezado, CSS, etc., puede crear esa plantilla y aplicarla a una página de Mura en el administrador del sitio. Sus plantillas podrían ser incluso 100% HTML si lo desea (por supuesto, nada sería dinámico en ese momento).
Para crear una plantilla de diseño, comience un nuevo archivo .cfm en el directorio de plantillas de su tema. Las plantillas desplegadas en el administrador del sitio verán dentro de esa carpeta y verán automáticamente los archivos .cfm, permitiéndole aplicarlos a esa página..
Para probar esto, podemos crear una helloWorld.cfm página en nuestro directorio de plantillas y aplicar eso a cualquier página:
Hola Mundo
Ahora que comprende cómo se cargan las plantillas, puede comenzar a desarrollarlas para que sean más dinámicas al crear inclusiones globales para el encabezado HTML, el encabezado y el pie de página..
Comience creando un incluye directorio dentro de su directorio de plantillas en su tema. Puede parecer algo como esto: nombre del tema / templates / inc
En esta carpeta, puede crear tantos objetos diferentes como desee. Yo recomendaría comenzar con lo siguiente:
Podemos incluir estos archivos dentro de nuestra plantilla usando el
etiqueta como así:
Nota: la ruta de la plantilla es relativa al archivo del que lo llamamos.
A medida que construye sus plantillas adicionales, puede reutilizar estos recursos incluidos, por lo que si alguna vez necesita hacer un cambio, solo tiene que editar un archivo y se actualizará globalmente en todas sus plantillas.
Su plantilla completa puede verse algo como esto:
# $. dspBody (body = $. content ('body'), pageTitle = $. content ('title'), crumbList = false, showMetaImage = true, metaImageClass = "thumbnail") # # $. dspObjects (2) #
Puede crear tantas plantillas como desee, como
En la mayoría de los sitios web, es común que la página de inicio sea un poco diferente a las otras páginas del sitio. Puede contener un encabezado más grande con una presentación de diapositivas, llamadas a la acción adicionales, etc. Debido a esto, normalmente incluimos una plantilla home.cfm con cada tema para dar cuenta de todo este marcado especial. Además, puede agregar un ID de cuerpo superior o una clase de casa
para permitirle engancharse a los estilos de la página de inicio con CSS y tener en cuenta las diferencias allí.