Estás en: Inicio > Partners y Diseñadores > Plantillas > Creando una nueva plantilla para el editor en vivo Inicio

Creando una nueva plantilla para el editor en vivo

El editor en vivo confía en que el marcado de la plantilla será correcto y válido por tanto si la plantilla no reune estas condiciones es posible que el modo edición no funcione correctamente.

El editor en vivo requiere dos etiquetas liquid: {% live %} y {% footer %}.

{% live %}

Esta etiqueta introduce los archivos javascripts y css necesarios para el editor. Los archivos javascripts utilizan la librería jQuery 1.4.2, pero utiliza el modo compatibilidad y no debería dar ningún problema con otros frameworks como Prototype o MooTools, entre otros, siempre y cuando {% live %} esté incluida después de la carga de éstos.

Esta etiqueta también introduce el código CSS personalizado, por lo que es importante no incluir ninguna hoja de estilos o css despues ya que podría sobreescribir los estilos personalizados.

Así pues lo ideal es incluir {% live %} al final de la etiqueta <head>:

<html>
  <head>
    <!-- contenido de head -->
    {% live %}
  </head>
  <body>
    <!-- contenido de body -->
  </body>
</html>

{% footer %}

Esta etiqueta introduce información acerca de los DROPS usados para mostrar la página. Como la plantilla se parsea secuencialmente es necesario que este tag esté en algun lugar despues de todos los DROPS.

Lo ideal es incluir {% footer %} al final de la etiqueta <body>:

<html>
  <head>
    <!-- contenido de head -->
  </head>
  <body>
    <!-- contenido de body -->
    {% footer %}
  </body>
</html>

Enlaces de interés:

Estás en: Inicio > Partners y Diseñadores > Plantillas > Creando una nueva plantilla para el editor en vivo Inicio