Plantillas
En Navigate CMS todas las páginas de un sitio web necesitan una plantilla para determinar la forma en que se debe mostrar. Una plantilla define el esqueleto de la página — el menú principal aquí, el logotipo allí, cuántas secciones de contenido hay, etc.
Si tienes un tema instalado en tu sitio web seguro que tiene algunas plantillas. No puedes modificar las plantillas del tema con esta función. Si necesitas cambiar el código de una plantilla determinada tendrás que editar el archivo de código fuente. Si no es posible modificar aquí una plantilla del tema, ¿para qué sirve esta función, entonces?
≈ Obtener información sobre un tipo específico de plantilla (ubicación del archivo, secciones y propiedades que integra, etc.)
≈ Crear y modificar tus propias plantillas personalizadas
Es posible que desees crear una nueva plantilla cuando al conjunto de plantillas del tema le falte alguna característica que quieras utilizar, o simplemente no necesitas un tema y quieres construir tu sitio web desde cero usando sólo herramientas de Navigate CMS. Más adelante en este capítulo se describen los pasos para iniciar la creación de una plantilla personalizada para un tema.
Afortunadamente, Navigate CMS es muy flexible en cuanto a opciones de temas y opciones de configuración, por lo que los creadores del tema pueden añadir fácilmente muchas características personalizadas para sus trabajos. Creemos que en la medida de lo posible los usuarios jamás deberían tener que modificar el código fuente de una plantilla u hoja de estilo.
La función de Plantillas tiene dos vistas: Lista y Formulario.
Lista
La primera vista de la función de plantillas muestra una lista completa de plantillas disponibles: plantillas activas del tema y plantillas personalizadas.
Columnas de la lista:
- ID — identificador numérico de plantilla personalizada o nombre interno para una plantilla del tema
- Título — nombre de la plantilla y, si la plantilla pertenece a un tema, su nombre como prefijo
- Tema — título del tema al que pertenece la plantilla
- Permiso — el estado de la plantilla: pública, privada (sólo visible para usuarios de Navigate CMS), oculta a todo el mundo
- Habilitada — la plantilla se puede utilizar para mostrar las páginas web
Haz doble clic en una fila para cargar el formulario de esa plantilla. Si intentas editar una plantilla del tema, aparecerá una advertencia de "modo de sólo lectura", no podrás modificar ningún campo.
Al igual que con otras listas en Navigate CMS:
- Haz clic en una fila para seleccionarla/deseleccionarla
- Haz doble clic o una pulsación larga en una fila para cargar el formulario de edición
- Ctrl + clic dos veces en una fila para abrir el formulario de edición en una nueva pestaña / ventana
- Mueve la barra de desplazamiento para obtener más elementos
- Encuentra filas usando el pequeño formulario de búsqueda que se encuentra en la parte superior derecha
Formulario
Después de seleccionar una plantilla o hacer clic en el botón Crear, serás redirigido al formulario de edición de plantillas, que tiene tres pestañas: Principal, Secciones y Propiedades.
Principal
La pestaña principal define las propiedades de la plantilla:
- ID — identificador numérico de plantilla personalizada o nombre interno para la plantilla de tema
- Título — nombre dado a la plantilla
- Archivo — ruta absoluta del sistema donde se encuentra el archivo de código fuente de la plantilla
- Icono de lápiz — las plantillas personalizadas muestran un icono de lápiz, haz clic en él para abrir una ventana de edición de código fuente
- Estado — define los permisos de acceso para las páginas que usan esa plantilla
- Publicada (acceso concedido a todo el mundo)
- Privada (sólo accesible por los usuarios de Navigate CMS)
- Oculta (no accesible para nadie)
- Estadísticas — el conjunto de páginas que usen esta plantilla se incluirán en las estadísticas internas de Navigate CMS
- Activado — forma rápida para definir si las páginas que usan esta plantilla pueden visualizarse
Secciones
Una página puede dividir su contenido principal en varias partes como introducción, contenido principal, resumen... A cada una de esas partes se le llama Sección, es decir, cada uno de los fragmentos que componen el contenido de una página.
- Secciones — tabla dinámica, una fila por cada sección. Haz clic en el botón Crear para agregar una nueva sección (no verás el botón si estás viendo una plantilla del tema). Columnas de la tabla:
- Código — nombre del código interno que se utiliza en la plantilla para recuperar el contenido de la sección
- Nombre — título de la sección tal y como aparecerá en Navigate CMS al editar el contenido
- Editor — establece el editor que se cargará para editar el contenido de esa sección
- TinyMCE — editor de texto enriquecido
- Código HTML — editor de código fuente para introducir código HTML
- Raw — área de texto básica, sin opción de estilos de texto
- Ancho — ancho disponible para esa sección en la plantilla; Navigate CMS te sugerirá valores utilizados en otras plantillas para ayudarte
- Eliminar — eliminar esa sección
- Galería — definir si la plantilla admite mostrar una galería de imágenes
- Comentarios — define si la plantilla utiliza las funciones de Navigate CMS para visualizar y enviar comentarios
- Etiquetas — define si los tipos de páginas que usan esta plantilla pueden tener sus propias etiquetas (que se añadirán a las palabras claves o metaetiquetas en la cabecera)
Propiedades
Otra de los puntos fuertes de Navigate CMS son las propiedades. Sabemos que cada sitio tiene sus propias necesidades; un blog sencillo no tendrá las mismas opciones que una página web de recetas de cocina, por ejemplo. Tomando este ejemplo, podemos pensar en una plantilla receta que va a necesitar algunas propiedades como comensales, tiempo de preparación, nivel de dificultad... Definiendo estas propiedades te permitirá recuperar cada valor en el punto de tu plantilla donde lo necesites y esto implica una mayor libertad de diseño, a la vez que bajamos varios grados de complejidad a la hora de introducir el contenido.
Propiedades tiene una tabla dinámica con una fila para cada propiedad. Haz doble clic en una fila para editar o revisar los detalles, pulsa en el botón Crear para añadir una nueva propiedad.
- Nombre — título/nombre de código asignado a la propiedad. Se mostrará al editar contenido en Navigate CMS y debe utilizarse para solicitar un valor en la plantilla.
- Tipo — indica el tipo de la propiedad ( lista de tipos de propiedad )
- Asociación — define si se trata de una propiedad de categoría (estructura) o propiedad de contenido. Se verá en el lugar apropiado de Navigate CMS.
- Activada — la propiedad se muestra y se carga o permanece oculta
Edición de una propiedad
Al hacer doble clic en una fila para editar una propiedad o al hacer clic en el botón Crear, se abrirá una ventana de edición de propiedades.
Una propiedad se define por los siguientes campos:
- Título — título / nombre de código asignado a la propiedad. Se mostrará al editar contenido en Navigate CMS y debe utilizarse para solicitar un valor en la plantilla.
- Asociación — define si se trata de una propiedad de categoría (estructura) o de contenido. Se mostrará en el lugar apropiado de Navigate CMS.
- Tipo — campo de tipo de propiedad ( lista de tipos de propiedad )
- Valor por defecto — valor asignado cuando la propiedad queda vacía, consulta el manual para conocer el formato como introducir los valores según el tipo de propiedad.
- Activada — la propiedad se muestra en las funciones de Navigate CMS y el valor puede usarse en la página web
Creación de plantillas personalizadas para un tema existente
Cuando a un tema instalado para un sitio web le faltan algunas características que necesitamos, tenemos dos opciones:
≈ Actualizar los archivos del tema
≈ Crear una plantilla personalizada
La primera opción es perfectamente válida, pero perderás compatibilidad con el tema, ya que no podrás actualizarlo automáticamente sin perder tus modificaciones. Si eso no representa un problema, recomendamos leer la guía de los temas en esta documentación.
Si no quieres tocar los ficheros del tema recomendamos crear una nueva plantilla basada en una existente. Vamos a explicar cómo hacerlo con una pequeña guía paso a paso:
1 Define exactamente lo que necesitas cambiar analizando el tema original
2 Selecciona la plantilla del tema que más se acerque a tus necesidades
3 Inspecciona los archivos del tema descargándote su instalación o accedediendo a él a través del FTP de tu servidor (habitualmente en la carpeta www/navigate/themes)
4 Identifica el archivo asociado a la plantilla seleccionada (ayúdate de la función Plantillas)
5 Copia el código fuente
6 Entra en la función Web/Plantillas de tu instalación de Navigate CMS
7 Haz clic en Crear en la barra de acciones
8 Introduce un título para la nueva plantilla y escribe un nuevo nombre de archivo
9 Guarda
10 Aparecerán las pestañas de Secciones y Propiedades, ahora debemos replicar la configuración de la plantilla original. Si no estás seguro de un valor, abre la plantilla del tema original en Navigate CMS para conseguir esa información.
11 En la primera pestaña, Principal verás el icono de lápiz junto al nombre del archivo nuevo. Haz clic en él y pega el código fuente copiado antes. Haz clic en Ok.
12 Guarda
Ahora tienes la base para tu plantilla personalizada. Si la seleccionas para un contenido existente o categoría, se utilizará en lugar de la plantilla del tema original.
Lo que queda es aplicar los cambios que necesitas para aplicar a la plantilla. Simplemente pulsa el icono de lápiz y empezar a editar.
0 Comentarios