Componente “Noticias”

Componente “Noticias”
Página 1 de 9
Índice de ilustraciones
Illustration 1: Selección de la carpeta actualidad..............................................................4
Illustration 2: Selección de la carpeta Noticias.................................................................4
Illustration 3: Listado de noticias y selección de nuevo....................................................4
Illustration 4: Selección de elementos básicos del portal..................................................5
Illustration 5: Selección de una noticia..............................................................................5
Illustration 6: Nombre del fichero de la noticia.................................................................6
Illustration 7: Edición de las propiedades de la noticia.....................................................6
Illustration 8: Vista de la noticia recién creada.................................................................6
Illustration 9: Edición de la noticia....................................................................................7
Illustration 10: Noticia completamente informada............................................................7
Illustration 11: Selección de la previsualización editable de la web.................................8
Illustration 12: Web previsualizada con iconos de edición directa...................................9
Página 2 de 9
Crear y gestionar noticias en OpenCms
El objetivo del presente manual es la correcta creación y mantenimiento de noticias
dentro de los portales creados con OpenCms. Las noticias son un componente básico
de toda web y pueden ser utilizadas en cualquier punto de la misma, ser listadas,
compartidas por internet mediante rss, etc.
Básicamente hay dos formas de crear noticias en OpenCms:
• Creación mediante la interfaz de administración: Accederemos a la creación de
las noticias a través del botón “Nuevo” del interfaz de administración de
OpenCms.
• Creación mediante la interfaz de previsualización web: Si nos encontramos
viendo nuestra web mediante el modo desconectado (pinchando en el fichero
index.html con el botón izquierdo del ratón) podremos seleccionar el icono de
“+” para crear nuevas noticias.
Vamos a tratar de cubrir estas dos opciones en profundidad.
Página 3 de 9
Creación de una nueva noticia desde la interfaz de administración
Una vez hayamos accedido a la interfaz de administración podemos acceder al listado
de noticias actual entrando en la carpeta “actualidad” y dentro de ella en “noticias”.
Illustration 1: Selección de la carpeta actualidad
Illustration 2: Selección de la carpeta Noticias
Una vez dentro de la carpeta noticias podremos ver todas las noticias que se
encuentren creadas hasta ese momento. Podremos también notar que todas las
noticias siguen la nomenclatura “notica_xxxx.html”, donde x es igual a un número. De
igual modo las noticias se encuentran enumeradas de forma incremental, siendo la
primera noticia la “noticia_0001.html”, la segunda “noticia_0002.html”, etc.
El orden y la nomenclatura elegidas para las noticias no es trivial y nos permite
posteriormente mostrar las noticias de forma adecuada en la Web.
Teniendo en cuenta esta ordenación podemos crear una noticia nueva. Lo primero que
haremos será crear como tan un nuevo componente “noticia”. Para ello pinchamos en
“nuevo” dentro de la barra superior.
Illustration 3: Listado de noticias y selección de nuevo
Página 4 de 9
Illustration 4: Selección de elementos básicos del portal
Illustration 5: Selección de una noticia
Una vez elegido el componente noticia hay que empezar a rellenar sus propiedades
básicas. Lo primero será un título para el fichero. Recordar en este punto que la
interfaz de OpenCms funciona como los escritorios de los sistemas operativos (pero
con alguna restricción). Los nombres de los ficheros solo pueden contener caracteres
alfanuméricos y algún carácter especial. En el caso de las noticias la nomenclatura es
clara, el nombre del fichero debe ser “noticia_0002” (recordemos por la ilustración 3
que el último elemento era “noticia_0001”).
Página 5 de 9
Illustration 6: Nombre del fichero de la noticia
Inicialmente las propiedades no necesitamos informarlas. La carpeta “noticias” cuenta
ya con toda la configuración necesaria para que la nueva noticia funcione de forma
autosuficiente. De este modo dejaremos la ventana de propiedades sin informar y
pincharemos en “finalizar”, obteniendo así nuestra nueva noticia recién creada y aún
sin contenido.
Illustration 7: Edición de las propiedades de la noticia
Illustration 8: Vista de la noticia recién creada
Sólo nos queda completar el contenido de la noticia. Para ello basta con editarla e
introducir la información de la nueva noticia. Veamos un ejemplo:
Página 6 de 9
Illustration 9: Edición de la noticia
Una noticia completamente informada podría queda así:
Illustration 10: Noticia completamente informada
Adicionalmente podremos marcar la pestaña “Destacar en Portada” si queremos que
nuestra noticia aparezca destacada en titulares de nuestra página Web.
Una vez publicada la noticia ya estará disponible para ser vista a través del portal.
Página 7 de 9
Creación de una nueva noticia desde la interfaz web
La creación de noticias a través de la interfaz web es algo más sencilla que mediante el
administrador. Para acceder a la interfaz web del proyecto solo tenemos que hacer
click izquierdo con el ratón sobre el fichero index.html. Mediante esta acción
accederemos a la previsualización editable de nuestra web.
Illustration 11: Selección de la previsualización editable de la web
La previsualización de la Web nos ofrece una serie de iconos para la edición directa:
•
Editar: Permite modificar el contenido del elemento seleccionado.
•
Eliminar: Elimina el elemento seleccionado.
•
Añadir: Permite crear un nuevo elemento de una colección.
En el listado de noticias pinchando en el icono de “añadir” podremos acceder
directamente a la pantalla de datos de una noticia, permitiéndonos así obviar la
creación del componente, la introducción del nombre, etc.
Página 8 de 9
Illustration 12: Web previsualizada con iconos de edición directa
Una vez pulsemos en el signo de sumar obtendremos la pantalla de la ilustración 10.
Permitiéndonos de este modo la creación rápida de noticias.
Página 9 de 9