Embed Size (px)
DESCRIPTION
Cómo gestionar contenido con el CMS "CMS Made Simple"
Citation preview
CMSMS – Tipos de Usuario Diseñador: Se encarga del diseño del sitio.
Generar y administrar las plantillas (CSS y XHTML).
Editor: Se encarga de crear/mantener contenidos (noticias, nuevas páginas, texto de las páginas, etc).
Administrador: Diseñador + Editor + Gestor de usuarios + Gestor de seguridad = Control total
CMSMS – Conceptos Básicos Plantillas: Permite definir el diseño, la distribución, la
apariencia de la página web. Debe crearla el diseñador utilizando XHTML+CSS. Todas las páginas de un CMS están basadas en plantillas y, por
tanto, todo lo que esté en una plantilla aparecerá en las páginas que utilicen esa plantilla.
CMSMS dispone de plantillas predefinidas, aunque se pueden añadir nuevas.
Páginas: Determinan la estructura del sitio. Sitio= Conjunto de páginas que se basan en plantillas.
Navegación/Menú: Enlaces que ayudan al usuario a navegar por las páginas del sitio web. En un CMS, serán generados automáticamente por CMSMS a
partir de la estructura de las páginas. Contenido: Es la información de las páginas.
CMSMS – Pasos para crear un sitio Los pasos que se deben seguir:
1. Planificación: Determinar la estructura y el diseño. Estructura: Páginas que tendrá el sitio Diseño: XHTML + CSS
2. Crear las plantillas Un sitio puede tener una o varias plantillas. P. ej: podría
existir una plantilla para las páginas de primer nivel, otra para las páginas de segundo nivel, etc.
CMSMS dispone de plantillas por defecto.3. Crear las páginas
Se deben crear las páginas Añadirles contenido Decidir que plantilla se quiere utilizar para cada una de
ellas.
CMSMS – Planificación Paso 1:
En este paso el objetivo es determinar la estructura y el diseño del sitio.
Una vez finalizado este paso, se deberá contar con: Estructura del sitio: Organizado por niveles y teniendo
claro qué páginas van en qué niveles. Diseño XHTML+CSS: Es decir, el código fuente XHTML
que será común a todas las páginas, junto con las hojas de estilo necesarias para darles formato. Es muy probable que se necesite más de un diseño. Generalmente existirá un diseño de página por cada nivel.
Ejemplo.
CMSMS – Crear las plantillas Paso 2:
En este paso anterior se ha obtenido como resultado el diseño (XHTML+CSS) y la estructura del sitio. Es decir, ya se dispone del: Código XHTML Código CSS
Ahora hay que convertir el XHTML y el CSS en plantillas de CMSMS que posteriormente estarán disponibles para se utilizadas por las páginas web del sitio.
La creación de las plantillas de CMSMS se lleva a cabo en 2 fases:1. Alta de la plantilla en CMSMS: Contiene el código
XHTML y otros elementos (Tags).2. Alta de las hojas de estilo: Contiene el código CSS que
utilizarán las plantillas.
CMSMS – Crear las plantillas Paso 2a: Alta de la Plantilla en CMSMS
1. Esta operación se lleva a cabo desde el menú DiseñoPlantilla
A partir de este momento, esta plantilla ya estará disponible para ser utilizada por las páginas web del sitio.
CMSMS – Crear las plantillas Paso 2b:
Alta de la Hoja de Estilos en CMSMS Esta operación se lleva a cabo desde el menú
DiseñoHojas de Estilo Una vez dada de alta la hoja de estilos, hay que indicar
esta hoja de estilos va a ser utilizada por una plantilla en concreto.
Asociar la Hoja de Estilos a la Plantilla Esta operación se lleva a cabo desde el menú
DiseñoPlantillas, o bien desde DiseñoHojas de Estilo.
A partir de este momento, CMSMS ya sabe qué CSS(s) debe utilizar con cada plantilla.
CMSMS – Elementos de una plantilla En una plantilla de CMSMS, además del código
XHTML se pueden introducir etiquetas o Tags. Tag: Reserva un espacio dentro de cada plantilla
para situar elementos como la barra de navegación, el menú, etc. Cuando un usuario visita una página, ésta se genera
automáticamente a partir de la plantilla y las etiquetas se reemplazan por su contenido automáticamente.
Ejemplo: {menu} {breadcrumbs}
CMSMS – Ejemplo de una plantilla Ejemplo de una plantilla de CMSMS con Tags
{process_pagedata} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > <head> <title>{sitename} - {title}</title>{metadata}{stylesheet}</head> <body> <!-- start header --> <div id="header"> <h1>{sitename}</h1> </div> <!-- end header --> <!-- start menu --><div id="menu"> {menu} </div><!-- end menu -->
<!-- start content --> <div id="content"> <h1>{title}</h1> {content} </div> <!-- end content -->
</body> </html>
Nombre del sitio
Título de la pág.
Menú autogenerado
CMSMS – Algunas Tags Tags frecuentemente utilizadas:
{title} – Será reemplazada con el título escogido a la hora de crear la página
{stylesheet} – Ésta debe estar entre las etiquetas <head></head>. Enlaza a todas las hojas de estilo que hayan sido adjuntadas a la plantilla. Si no se indica esta tag la página aparecerá sin estilos.
{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.
CMSMS – Algunas Tags Tags frecuentemente utilizadas:
{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.
{menu} – 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, {menu collapse='1'} para que los subelementos del menú aparezcan colapsadas, y sólo se muestren los subelementos del elemento seleccionado actualmente.
El listado completo de Tags que se pueden utilizar se puede encontrar en ExtencionesTags. Dispone de una pequeña ayuda que explica el significado y lo acompaña con un ejemplo.
CMSMS – Crear las páginas Paso 3:
En este paso anterior se crearon las plantillas de CMSMS.
El objetivo de este paso es crear/dar de alta las páginas web del sitio a través del panel de administración del CMS.
Esta gestión del las páginas web del sitio se lleva a cabo desde el menú Contenido de CMSMS.
CMSMS – Tipos de Páginas Paso 3:
CMSMS diferencia 5 tipos de páginas web en función del contenido que vayan a mostrar/visualizar:1. Páginas de Contenido: Son las páginas normales. El
diseño de este tipo de páginas se controla a través de las plantillas que se definieron en el paso anterior. Para cada página de contenido se le debe asociar una plantilla.
2. Páginas de Enlace: Éstas son justo lo que indica su nombre, un enlace a otra página ya sea interna o externa.
3. Páginas de Encabezado de sección: Las de este tipo se usan para dividir los menús en grupos más pequeños, es decir, en secciones. Este tipo no tienen ningún contenido asociado, ni enlazan a ninguna página. Sólo son letreros que aparecen en el menú para dar nombre al grupo de enlaces que le siguen.
CMSMS – Tipos de Páginas Paso 3:
CMSMS diferencia 5 tipos de páginas web en función del contenido que vayan a mostrar/visualizar:4. Páginas Separador: Éstas son, como su propio nombre indica,
separadores que pueden aparecen en los menús para separar grupos de opciones. Se puede seleccionar su posición dentro de la jerarquía.
5. News (Noticias): Las de este tipo muestran la página de resumen de la(s) categoría(s) de noticias que selecciones, gracias al módulo news. Aparecen en el menú en la posición que marques dentro de la jerarquía, y se pueden seleccionar varios parámetros como por ejemplo el número de noticias que se quieren mostrar. Sin embargo, también puedes insertar noticias en páginas de contenido mediante el uso de la etiqueta {cms_module module="News"} (consulta su ayuda dentro de Extensiones -> Módulos -> News -> Ayuda para más información).
CMSMS – Crear Páginas de Contenido El proceso de añadir páginas nuestro sitio web se lleva a cabo desde
ContenidoPáginasAñadir contenido Se mostrará un formulario en el que se deberán indicar una serie de datos
de la página: Se comienza por seleccionando el tipo de contenido de la página. Para una
página normal se utilizará el tipo por defecto que es Contenido. A continuación se introduce el título de la página. A continuación introduce el texto que aparecerá en el menú. Este texto puede
ser diferente del título de la página. Si la página que se añade va a ser un hijo de otra página, hay que seleccionar a
su padre del árbol de páginas existentes. Después se debe seleccionar la plantilla que se va a utilizar para esta página. A continuación se introduce el contenido de la página. Finalmente se pulsa uno de los botones siguientes:
Submit -- Guardar los cambios y volver a Contenido -> Páginas. Preview -- Previsualizar la página sin grabarla ni dejar la ventana de edición. Cancel -- Volver a Contenido -> Páginas sin aplicar ningún cambio. Apply -- Aplicar los cambios realizados, pero sin abandonar la ventana de edición.
CMSMS – Visualizar las páginas del sitio Web Para poder ver las páginas web que forman parte del sitio se
accede a ContenidoPáginas. De cada página se aporta la siguiente información:
Título -- es el título de la página (no debe confundirse con el texto del menú).
Plantilla -- indica el nombre de la plantilla que usa cada página. Tipo -- es el tipo de contenido de la página. Autor -- muestra el usuario que creó la página. Activo -- una página sólo puede ser visitada si está activa. Si no lo está no
se muestra en el menú y tampoco puede ser visitada, aunque permanece en el sistema en estado latente (no se borra). Así puedes editar una página tantas veces como sea necesario, y publicarla marcándola como activa cuando esté lista para ser visitada.
Defecto -- la página por defecto es la página que se muestra al visitante nada más entrar en tu sitio.
Mover -- pulsa la flechas para subir o bajar la página dentro de la jerarquía.
Los tres iconos de la derecha significan: Ver -- muestra esa página en una nueva ventana. Editar -- hace lo mismo que si pulsas sobre el título de la página. Borrar -- elimina la página ¡y no se puede deshacer!
CMSMS – Otros contenidos
Hasta el momento se ha visto como agregar al sitio contenidos de tipo página.
CMSMS permite añadir por defecto otros tipos de contenido como son: Imágenes Ficheros Noticias
CMSMS – Añadir contenido de tipo Imagen
Para poder utilizar una imagen en una página web es necesario haberla dado de alta (subirla) previamente en el CMS.
Las imágenes se almacenan por defecto en la carpeta: /carpeta_cms/uploads/images
Es importante tener en cuenta que esta carpeta debe tener los permisos necesarios para poder copiar en ella las imágenes.
CMSMS – Añadir contenido de tipo Imagen
Añadir contenido de tipo Imagen1. Contenido Gestión de imágenes. 2. Ir a la carpeta en la que se encuentra la imagen que se
va a subir.3. Pulsar el botón ”Seleccionar archivo” que hay en la
zona inferior. 4. Seleccionar la imagen que quieres añadir. 5. Pulsa Enviar.
Ver vídeo A partir de este momento, será posible utilizar
esta imagen en cualquier página web del sitio.
CMSMS – Añadir contenido de tipo Fichero
Al igual que ocurre con las imágenes, para poder utilizar un fichero en una página web es necesario haberlo dado de alta (subirlo) previamente en el CMS.
Los ficheros se almacenan por defecto en la carpeta: /carpeta_cms/uploads
Es importante tener en cuenta que esta carpeta debe tener los permisos necesarios para poder copiar en ella los ficheros.
CMSMS – Añadir contenido de tipo Fichero
Añadir contenido de tipo Fichero Se realiza desde Contenido Gestión de ficheros. Es muy similar a la gestión de imágenes, y también
permite la creación de carpetas para estructurar mejor los ficheros que se suben.
Ver vídeo A partir de este momento, será posible utilizar el
fichero desde cualquier página web del sitio.
CMSMS – Extensiones En CMSMS las extensiones pueden ser de los
siguientes tipos: Etiquetas (Tags): son pequeños trozos de código PHP
que se almacenan físicamente en el directorio /carpeta_cms/plugins y que se pueden insertar en las plantillas de las páginas Un ejemplo es la etiqueta {sitemap}
Módulos: Permite reutilizar funciones complejas. Se crean con PHP y permite aumentar la funcionalidad de CMSMS Un ejemplo es el libro de visitas
Etiquetas Personalizadas
Están accesibles a través del menú Extensiones
