Plantillas personalizadas

Cómo asociar plantillas personalizadas de páginas y categorías



Ahora que ya sabemos cómo utilizar referencias en BauDocWriter , podemos avanzar un poco más en el tratamiento de plantillas y estudiar las plantillas personalizadas.

Una plantilla personalizada es precisamente una plantilla particular para una página o una serie de páginas.

Por ejemplo, si vemos la página principal de nuestro sitio, nos daremos cuenta que en realidad estamos utilizando la misma pantilla que para los artículos, pero si vamos al índice de este sitio, veremos que aparece una página especial sin barras laterales. Esto se consigue utilizando una plantilla personalizada.

Para hacerlo, en primer lugar añadimos una nueva plantilla a nuestro directorio Application \Templates del proyecto de referencias Plantilla . Vamos a llamarla MainFullPage :

Ventana de creación de nueva plantilla

y vamos a escribir este contenido:

	
%html {lang="es"}
		%title $FullTitle
		%meta { content = "text/html; charset=utf-8" http-equiv="Content-Type" }
		%meta { name = "viewport" content="width=device-width, initial-scale=1.0" }
		%meta { name = "revisit-after" content = "2 days"}
		%meta { name = "robots" content = "index,follow"}
		%meta { name = "publisher" content = $Author }
		%meta { name = "copyright" content = "Creative Commons"}
		%meta { name = "author" content = $Author }
		%meta { name = "distribution" content ="global"}
		%meta { name = "description" content = $Description }
		%meta { name = "keywords" content = $Keywords }
		%meta { name = "Content-Type" content = "Content-Type: text/html; charset=utf-8" }
		%meta { name = "generator" content = "BauDocWriter" }
		%meta { name="lang" content="es" }
		%meta { name="siteinfo" content="robots.txt" }
		%link { href=" Styles\Layout.css" rel="stylesheet" }
	%body
		&Page
			
			%header
				$Header
			
			%section	
				<%if $Content != "" %>
					%div
						$Content
				<%if $AdditionalContent != "" && $AdditionalContent != "null" %>
					%div
						$AdditionalContent
				%div { style = "clear:both;" }
					%br
			%div { class = "GridRow" }
				$Footer 
	

Como podemos ver, las únicas diferencias con respecto a la plantilla Main.tpt es que no seleccionamos la clase MainBar puesto que sólo vamos a tener una página y no añadimos la barra lateral.

En segundo lugar, vamos a crear una plantilla especial para los artículos llamada PageLanding.tpt que muestre únicamente el contenido sin el título ni etiquetas especiales para los artículos:

	
%NoTag
	$Content
	

Por último, vamos a asociar estas plantillas como referencias en nuestro sitio final, para ello, en el árbol de proyectos seleccionamos el nodo ApplicationTemplates del sitio Web EjemploReferencia y seleccionamos la opción del menú secundario Nuevo | Referencia :

Agregar referencias a EjemploReferencia

en el cuadro de diálogo seleccionamos las plantillas que acabamos de crear.

Ahora, sólo nos queda abrir la página index y en la ficha de plantillas, seleccionar MainFullPage como plantilla predeterminada y PageLanding como página de artículo:

Selección de plantillas para la página index

Para que todo sea un poco más vistoso, vamos a modificar también la página index con este contenido:

	
%section { class = "GridRow" }
	%article { class = "well bg-clr-article ShadowBottom" }
		%h1 Ejemplo con referencias
		%p #b Ejemplo con referencias # es un ejemplo de creación de un sitio utilizando proyectos de referencia.
			
		%p Puede ver más páginas en el menú superior.
	

Ahora ya podemos compilar y ver la página de índice de nuestro sitio:

La nueva página de índice

Ahora nuestra página principal es algo más moderna. Por supuesto, este cambio de plantillas se puede utilizar en otros lugares como las páginas de categorías, pero para que no sea demasiado largo, lo veremos en el paso de creación de plantillas personalizadas para categorías .



Páginas relacionadas