Plantillas

Para definir el aspecto que tendrá cada página el editor selecciona qué plantilla se usará en cada página.

La apariencia de cada plantilla es trabajo del diseñador.

Como ya hemos mencionado en Soy un diseñador, la plantilla sólo define el diseño de la página, es decir, qué se incluirá en la página. A través de las hojas de estilo puedes dar forma a esa estructura para definir su aspecto.

Bien, ¿cómo creamos una plantilla en CMS Made Simple? Es sencillo. Usando HTML plano se posicionan las etiquetas reservadas para el contenido, el menú, etc. Cuando un usuario visita tu sitio, la página se genera automáticamente a partir de la plantilla, y las etiqeutas se reemplazan con el contenido correspondiente. Para tener una idea de cómo funciona esto puedes echarle un vistazo a cómo se construyen las plantillas por defecto.

Esto significa que puedes coger el diseño de una página que te guste y crear fácilmente una plantilla para tus páginas de CMSMS.

Etiquetas comunes usadas en las plantillas de CMS Made Simple

Éstas son las etiquetas más comunes usadas para situar el contenido de la plantilla:

  • {title} – Será reemplazada con el título del contenido (Puedes elegir un título cuando creas páginas de contenido).
  • {stylesheet} – Ésta debe estar entre las etiquetas <head>. Enlaza a todas las hojas de estilo que hayan sido adjuntadas a tu plantilla. Si se te olvida poner esta etiqueta tu página aparecerá sin estilos. Si prefieres usar hojas de estilo externas puedes usar una etiqueta <link/> en la cabecera.
  • {content} – Será reemplazada con el contenido real de la página seleccionada, el contenido que puedes editar en Contenido -> Páginas.
  • {breadcrumbs} – Se reemplazará con la ruta al contenido seleccionado, a través de la jerarquía establecida en la estructura de las páginas.
  • {metadata} – Esta etiqueta debe colocarse entre las etiquetas <head> del HTML. Su función es la de enlazar información específica de la página y del sitio, así como la de exportar la etiqueta <base>, que es necesaria para generar la estructura jerárquica de las URL.
  • {bulletmenu} – Este es uno de los menús más comunes. El menú será generado automáticamente a partir de tus páginas allí donde sitúes esta marca. Esta etiqueta puede recibir parámetros para mostrar el menú de diversas maneras. Por ejemplo, {bulletmenu collapse='1'} para que los subelementos del menú aparezcan colapsadas, y sólo se muestren los subelementos del elemento seleccionado actualmente.
  • {cms_module module='cssmenu'} – Este es otro menú alternativo, uno de tipo desplegable que sólo usa CSS (aunque se necesita un poco de JavaScript para funcionar en Internet Explorer). Esta etiqueta también puede recibir parámetros, que puedes consultar pulsando el enlace Ayuda de cada módulo en Extensiones -> Módulos.

¿Qué marcas reservadas pueden usarse en una plantilla?

  • Encontrarás una larga lista de etiquetas (tags) en Extensiones -> Tags dentro del Panel de administración. Algunos ejemplos son {title}, {stylesheet} y {bulletmenu}. Pulsa sobre sus enlaces de ayuda (Help) para saber cómo se usan.
  • Puedes hacer tus propias etiquetas definidas por el usuario (User-defined Tags). Simplemente inserta su nombre así {etiquetadefinidaporelusuario}.
  • Los módulos (Modules) se insertan usando la etiqueta {cms_module module='nombredelmodulo'}. Puedes ver cómo se usan en sus enlaces de ayuda respectivos (Extensiones -> Módulos).


Hay muchas etiquetas y módulos que pueden recibir parámetros, y la sintaxis para hacerlo es la siguiente: {etiqueta parámetro='valor'}.

Adjuntando hojas de estilo

Para dar estilo a los elementos de tu plantilla y para posicionar los elementos div, debes adjuntar una o más hojas de estilo a tu plantilla. En la lista de plantillas (Diseño -> Plantillas), pulsa sobre el icono de CSS a la derecha de la plantilla, selecciona la hoja de estilos que quieras adjuntar a la plantilla de entre las disponibles en el menú desplegable de la zona inferior, y pulsa Añadir CSS.


This page in: English - Deutsch - Español - Français - Italiano - Lietuvių - Nederlands - Norsk - Polski - Česky - Русский - Svenska - Tiếng Việt - عربي - 日本語 简体中文

User Handbook/Getting Started/Designer/Templates/es

From CMSMS

Arvixe - A CMSMS Partner