Plantillas - (Templates) en MODx

Editado el 09-05-2018 a las 16:14:46

En MODX, una Plantilla no está clasificada como un recurso . Técnicamente, una plantilla es un elemento . Solo tienen cuatro campos editables: nombre de la plantilla, descripción, categoría y código de plantilla, pero el único campo obligatorio es el nombre de la plantilla. Una plantilla de MODX es algo así como un membrete de negocios. Proporciona un modelo sobre el que se construyen las páginas web. Cuando un navegador solicita una página web, lo primero que hace MODX es ver qué plantilla está asociada con el recurso. MODX recupera la plantilla y procede a completarla reemplazando todas las etiquetas en la plantilla antes de entregar la página web terminada al navegador.

Una plantilla MODX realiza la función de modelo de página. Contiene la información básica que aparecerá repetida en varias páginas web diferentes. Por lo general, contiene el HTML básico para una página web (DOCTYPE, <head>, <body>, etc.), así como el banner en la parte superior de la página, el pie de página en la parte inferior y, a menudo, uno o más barras laterales. También puede contener otros objetos MODX, como veremos en la siguiente sección.

Al igual que el membrete de una empresa, la plantilla probablemente contendrá un encabezado y un pie de página (posiblemente con imágenes) que aparecerán en cada página que use la plantilla. A diferencia de un membrete, sin embargo, una plantilla MODX también puede contener otros objetos MODX. Puede contener un Título de documento (y / o un Título largo) y un menú. Esto cambiará en cada página, pero siempre aparecerán en el mismo lugar y con el mismo estilo para cada página que use esa la plantilla.

Crear una Plantilla Para crear una plantilla, simplemente haz clic derecho en la carpeta "Plantillas" en el árbol de "Elementos", en el Administrador de MODX y selecciona "Plantilla Nueva". Si deseas crear una plantilla más abajo en la jerarquía de plantillas, puedes hacer clic derecho en una plantilla existente (o nombre de categoría si has creado categorías para tus plantillas) y seleccionar "Crear una nueva Plantilla aquí." Una tercera alternativa es hacer clic en una plantilla existente y seleccionar "Duplicar Plantilla". Este última método es una excelente opción si deseas crear una nueva versión de una plantilla existente, modificar la plantilla de otra persona, o simplemente hacer una copia de seguridad de una plantilla existente antes de jugar con ella.

Veamos una plantilla MODX relativamente simple:


<!doctype html>
<html lang="es">
<head>
<base href="[[++base_url]]">
<meta charset="[[++modx_charset]]">
<title>[[++site_name]] | [[*pagetitle]]</title>
<meta name="copyright" content="&copy;[[*createdon:strtotime:date=`%Y`]]-[[++site_name]]">
<link href="[[++assets_url]]css/simple.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<header>
  <div id="logo"> [[*longtitle]] </div>
 </header>

<main> [[*content]] </main>

<aside> [[$SideBar]] </aside>

<nav> [[Wayfinder?&startId=`0`]] </nav>

<div id="news"> [[!getResources?&parents=`22`&tpl=`MyGrTpl`]] </div>

<p><a href="[[~[[*id]]]]#">Volver arriba</a></p>

<p><a href="[[~[[++site_start]]]]">Página de inicio de MODX</a></p>

<footer> [[$Footer]] </footer>

</body>
</html>

Si estás familiarizado con HTML, te sonará la mayoría de esto. Las etiquetas HTML estándar están ahí ( <DOCTYPE>, <html>, <head>, <body>, <div> <a href> , etc.). Como ya sabrás, las etiquetas HTML tienen el formato: <TagName> . Puedes detectar las etiquetas de MODX Revolution porque todas tienen el formato: [[TagName]].

Si nos centramos en la sección <head>, encontramos varias etiquetas de MODX. En la primera declaración que encontramos, <base href="[[++base_url]]"> , vemos como el valor del atributo href se especifica con una etiqueta de MODX (empieza y finaliza con dobles corchetes: [[...]]). Es una etiqueta de Ajuste de Sistema (indicado por el token ++). Esta etiqueta será reemplazada por el valor que tenga el Ajuste de Sistema base_url en MODX antes de enviar la página al navegador.

Publicado el:

Comentarios 0

Añadir comentario





Vista previa

(anonymous) escribió::
25 de mayo del 2019, a las 12:21


Añadir un nuevo comentario:


Vista previa