manual del usuario editor de opencms · 1 manual del usuario editor de opencms ...

1

Manual del Usuario Editor de

OpenCms

www.sagasoluciones.com [email protected]

C/ Salado 11 Local 10. 41010 Sevilla T. + 34 954 45 72 75 F. + 34 954 45 75 72

Manual del Usuario Editor de OpenCms

2

SAGA Soluciones Tecnológicas

CONTROL DEL DOCUMENTO

Realizado (01/02/2011)

Inmaculada Peña Ruiz Técnico

Revisado (07/02/2011)

Sergio Raposo Vargas Director Técnico

Control de Modificaciones

Revisión Fecha Autor/res Descripción

Nº 1 01/02/2011 Inmaculada Peña Redacción inicial Nº 2 07/02/2011 Sergio Raposo Corrección de errores


3


Índice de Contenido

1. ACCESO AL GESTOR DE CONTENIDOS ............................................................................6

2. ENTORNO DE TRABAJO .................................................................................................7

2.1 ÁREA: BARRA DE HERRAMIENTAS___________________________________________ 7

2.2 ÁREA: ÁRBOL DE NAVEGACIÓN _____________________________________________ 9

2.3 ÁREA: PANTALLA DE RECURSOS ___________________________________________ 10

3. DISTINTOS EDITORES EN EL MISMO ENTORNO DE TRABAJO ...........................................10

4. PROYECTO OFFLINE / ONLINE ......................................................................................11

4.1 PROYECTO OFFLINE ___________________________________________________ 11

4.2 PROYECTO ONLINE ____________________________________________________ 11

4.3 ¿CÓMO PASAMOS UN CONTENIDO DEL PROYECTO OFFLINE AL ONLINE? ______________ 12

4.4 ¿CÓMO SE IDENTIFICAN LOS RECURSOS PENDIENTES DE PUBLICAR? ________________ 14

5. MENÚ CONTEXTUAL DE OPENCMS................................................................................14

6. CONFIGURACIÓN DE CARPETAS TEMPLATE SAGA .......................................................17

6.1 6CARPETA: _CATEGORIES _______________________________________________ 17

6.2 CARPETA: CONFIGURACIÓN ______________________________________________ 19

6.3 CARPERTA: GALERÍAS __________________________________________________ 20

6.4 CARPETA: NAV _______________________________________________________ 21

7. TIPOS DE RECURSOS ...................................................................................................22

8. TIPOS DE EDICIÓN .......................................................................................................24

8.1 DIRECT EDIT: ________________________________________________________ 24

8.2 EDICIÓN DESDE OPENCMS ______________________________________________ 26

9. CREACIÓN DE RECURSOS TEMPLATE SAGA ................................................................26

10. RECURSO DE INICIO DE UNA SECCIÓN ...........................................................................31

11. CÓMO DAR NAVEGACIÓN A UNA CARPETA ....................................................................36


4


12. SUBIDA Y CREACIÓN DE ARCHIVOS EN CARPETAS EXTENDIDAS .....................................38

12.1 CONSIDERACIONES GENERALES ___________________________________________ 38

12.2 CÓMO SUBIR IMÁGENES A LA CARPETA GALERÍA DE IMÁGENES ____________________ 41

12.2.1 Menú contextual de la Carpeta Galería de Imágenes............................................................... 45

12.3 CÓMO SUBIR DOCUMENTOS A LA CARPETA GALERÍA DE DESCARGAS ________________ 46

12.4 CÓMO SUBIR ENLACES A LA CARPETA GALERÍA DE ENLACES EXTERNOS _____________ 49

12.5 FICHEROS PLANTILLA, DE LAS CARPETAS GALERÍA HTML Y GALERÍA DE TABLAS _______ 49

13. EDITOR DE RECURSOS TEMPLATE SAGA .....................................................................50

13.1 BARRA DE HERRAMIENTAS _______________________________________________ 51

13.2 PESTAÑAS __________________________________________________________ 52

13.2.1 Pestaña Contenido ................................................................................................................. 52 13.2.2 Pestaña Categoría ................................................................................................................. 54 13.2.3 Pestaña Cajas........................................................................................................................ 58

14. CAMPOS DE CONTENIDO ..............................................................................................60

14.1 CAMPO EDITOR DE TEXTO WYSIWYG _______________________________________ 60

14.2 CAMPO IMAGEN _______________________________________________________ 65

14.2.1 Campo Propiedad de las imágenes ........................................................................................ 71

14.3 CAMPO DESCARGA ____________________________________________________ 73

14.4 CAMPO ENLACE ______________________________________________________ 76

14.4.1 Campo Enlace Externo ........................................................................................................... 76 14.4.2 Campo Enlace Interno ............................................................................................................ 76

15. MULTI IDIOMA .............................................................................................................77

16. CASO PRÁCTICO: EDICIÓN DEL RECURSO TEXTO ..........................................................82

16.1 CREACIÓN DEL RECURSO _______________________________________________ 82

16.2 ABRIR EL EDITOR _____________________________________________________ 85

16.3 CAMPO TÍTULO _______________________________________________________ 86

16.4 CAMPO FECHA DE CREACIÓN _____________________________________________ 86

16.5 CAMPO TEASER ______________________________________________________ 86


5


16.6 CAMPO PÁRRAFO _____________________________________________________ 86

16.6.1 Título ..................................................................................................................................... 87 16.6.2 Texto ..................................................................................................................................... 87 16.6.3 Títulos de Bloque ................................................................................................................... 88 16.6.4 Imagen .................................................................................................................................. 88 16.6.5 Propiedad_Imagenes ............................................................................................................. 89 16.6.6 Descarga ............................................................................................................................... 90 16.6.7 Enlace Externo ....................................................................................................................... 90 16.6.8 Enlace Interno ........................................................................................................................ 91 16.6.9 Multimedia ............................................................................................................................. 91 16.6.10 Información Adicional ............................................................................................................. 91 16.6.11 Plantilla .................................................................................................................................. 92

16.7 KEYWORDS __________________________________________________________ 93

16.8 VISUALIZACIÓN DEL RECURSO Y PUBLICACIÓN ________________________________ 93


6


1. Acceso al Gestor de Contenidos

Para acceder al gestor de contenidos (OpenCms) debemos introducir la siguiente dirección en

nuestro navegador:

http://ipservidor:8080/opencms/opencms/system/login/

Es posible que el primer OpenCms varíe según la versión instalada por lo que dependerá de cada

proyecto.

Una vez que se abre esta ventana, tendremos un cuadro de acceso como el siguiente:

Tras introducir los datos referentes al Usuario y Contraseña, debemos pinchar en el botón

“Opciones”, lo cual, desplegará una lista en la que seleccionaremos la Unidad Organizativa de

nuestro portal.


7


El sistema ofrece un máximo de 3 intentos en caso de introducir datos erróneos. En el momento

de superarse este número de intentos la cuenta quedará temporalmente deshabilitada.

En el caso de perder la contraseña póngase en contacto con el administrador

2. Entorno de Trabajo

Una vez dentro de OpenCms, veremos como el entorno de trabajo se encuentra dividido en tres

secciones principales.

2.1 Área: Barra de Herramientas

Contiene una serie de herramientas divididas en dos filas y cuyas funcionalidades serán descritas,

a grandes rasgo, en la siguiente lista:

Desplegable Proyecto

Permite ver nuestro gestor de contenidos Offline u Online si lo seleccionamos en su

desplegable. Por defecto aparece la opción Offline activa, ya que será el modo, en el cual

trabajaremos normalmente.


8


Botón Publicar Proyecto

Con él podremos publicar directamente y en bloque todos aquellos recursos de nuestra

web que hayan sido modificados.

Botón Cola

Si hacemos clic en él podremos ver el proceso de publicación de los recursos. En caso de

existir un error en la publicación de un recurso, podemos acudir a esta sección para ver su

detalle.

Desplegable Sitio

En OpenCms podremos almacenar más de un portal. Es, a través de éste desplegable,

donde podremos ver la lista de los Sites, y seleccionar aquel en el cual vamos a editar.

Desplegable Vista

Podremos seleccionar la visualización de la pantalla de Administración, en la que podremos

manejar temas relacionados con gestión de usuarios, lista de envío de newsletter, etc.

Botón Recargar

Recarga o refresca la pantalla de OpenCms.

Botón Preferencias

Permite configurar temas relacionados con tu cuenta en OpenCms. A través de su cuadro

de diálogo podemos adaptar el entorno de trabajo a nuestras necesidades, configurar

nuestra cuenta de usuario, etc.

Botón Salir

Con él salimos del entrono de trabajo de OpenCms.

Botón Volver

Volvemos al estado anterior en cuanto a nuestra posición en la navegación.

Botón Subida

Abre un cuadro de diálogo que explora nuestro ordenador local. Sirve para la subida de

ficheros a la web, como por ejemplo, imágenes, documentos Word, Pdf, Excell o archivos

Zip, Rar, entre otros.


9


Botón Nuevo

Comando para crear recursos Template SAGA. Sus funcionalidades serán descritas

posteriormente en el apartado de creación de recursos en nuestro portal.

Botón Nivel Superior

Sube al nivel de la carpeta padre de la que nos encontremos.

Campo Ruta

Muestra la ruta absoluta en la que nos encontramos.

2.2 Área: Árbol de navegación

A la izquierda en nuestro entorno de trabajo, podemos ver una columna en la cual aparece un

árbol de carpetas. Esta estructura es la que contiene todos los archivos de nuestra web.

Por defecto, la estructura de primer nivel que aparece al entrar en nuestro Site, es la siguiente:

_categories: Carpeta donde daremos de alta las distintas categorías.

configuracion: Contiene recursos relacionados con la estructura de la cabecera, pie, caja y

distribución de las columnas.


10


galerias: Carpeta donde colocaremos todas las galerías del portal, tanto de imágenes como

de documentos de descargas.

nav: Carpeta con la estructura de navegación del portal

2.3 Área: Pantalla de recursos

En ella podremos ver el contenido de las carpetas de nuestro entorno de trabajo. Aparecerán a

modo de lista de detalle los distintos recursos que se encuentran creados y que se corresponden

con las páginas de contenidos web.

Haciendo clic sobre ellos, abriremos una ventana nueva de nuestro navegador donde veremos el

recurso en su apariencia Online.

3. Distintos editores en el mismo Entorno de Trabajo

Varios usuarios Editores pueden estar trabajando en el contenido del mismo Site. Para alertar

existen iconos de candados que indican si un recursos lo tiene bloqueado otro editor al mismo

tiempo que me encuentro trabajando.

Candado Abierto: Aparecerá junto al icono del recurso que acabo de editar.

Candado Cerrado: Aparecerá junto al icono del recurso que esté o haya editado otro

usuario editor de OpenCms.

Los bloqueos desaparecen cuando se publican los recursos o cuando marquemos la acción de

desbloquear del menú contextual.

En el Menú contextual (que se abre haciendo clic con el botón derecho del ratón sobre un

recurso) encontraremos dos opciones relacionadas con los bloqueos:

Bloquear: Bloqueo el recurso o grupo de recursos que no están bloqueados por otro

editor. Aparecerá el icono junto a los archivos.


11


Recursos Bloqueados: Aparece una pantalla en la que se listan los recursos que se

encuentran bloqueados y porqué editor.

Borrar Bloqueo: Sirve para que los recursos bloqueados por otro usuario pasen a estarlo

por mí. Aparecerá el icono junto a los archivos.

Desbloquear: Sirve para eliminar el bloqueo de un recurso o grupo de recurso,

siempre que no se encuentren bloqueados por otro usuario editor.

Si queremos obtener información acerca del bloqueo de un recurso, podemos ponernos encima

de su icono del candado, aparecerá una etiqueta con la información de que usuario lo mantiene

bloqueado.

4. Proyecto Offline / Online

4.1 Proyecto Offline

El proyecto Offline es el proyecto de trabajo de OpenCms, es decir, es aquel en el que nos

encontramos siempre que estamos trabajando sobre los recursos de OpenCms. Este entorno de

trabajo solo es visible para aquellas personas que están dentro de la herramienta. De esta forma,

podremos trabajar tranquilamente sobre nuestros contenidos sin que en el exterior se estén

observando los cambios que estamos realizando. De esta forma, nos aseguramos de que la

información no se hace pública hasta que nosotros no lo indiquemos explícitamente. Cada vez

que nosotros queremos añadir nueva información o editar la ya disponible lo tendremos que

hacer sobre los recursos en el proyecto Offline.

4.2 Proyecto Online


12


Los contenidos que se encuentran en el proyecto Online son aquellos que son visibles en el

exterior (la gestión de los permisos es independiente, es decir, el contenido puede estar en

Online y no estar disponible para todo tipo de usuarios, pero esta es otra cuestión a tratar en

otro momento).

4.3 ¿Cómo pasamos un contenido del proyecto Offline al Online?

Para pasar un contenido de un proyecto a otro es necesario publicarlo ( ), para ello, existen

varias formas en OpenCms:

A través del menú contextual: Al hacer clic con el botón derecho sobre cualquier recurso,

se despliega un menú contextual, en el que veremos la opción Publicar Directamente:

Al seleccionarla se realizará la copia del proyecto Offline al Online. A partir de este

momento este contenido será visible.

La acción de publicación se realiza en cascada, de forma que, si mandamos a publicar una

carpeta se publicará toda la estructura que cuelga de la misma.

Programando su Publicación: Desde el menú contextual seleccionamos la opción

Avanzadas Disponibilidad y en el formulario podremos seleccionar la fecha en el que

queremos que se publique (o despublique) el recurso.


13


A través del comando Publicar proyecto ( ) del Área Barra de

herramientas del Entorno de Trabajo: Con él podremos publicar directamente y en bloque

todos aquellos recursos de nuestra web que hayan sido modificados.

Desde el botón Publicar Directamente del Editor de Contenidos: Permite publicar

directamente nuestro recurso desde el editor de contenidos. Abrirá un cuadro de diálogo

en el que confirmaremos o cancelaremos su publicación. Al usar este comando, siempre

saldremos de la pantalla del editor.

Desde el cuadro de diálogo de subida de imágenes o documentos de descarga: Podremos

ver la opción , con la cual podremos publicar los archivos

recientemente subidos.

En el caso que existan recursos bloqueados por otros usuarios, estos no se podrán publicar a

menos que les robemos el bloqueo.


14


Cuando vamos a publicar un recurso que enlaza a archivos que no han sido publicados, veremos

como en el cuadro de diálogo de la publicación, éstos también serán publicados, evitando que se

rompan los enlaces.

4.4 ¿Cómo se identifican los recursos pendientes de publicar?

Desde la vista de Explorador, podremos identificar rápidamente los recursos no publicados

gracias a la combinación de colores y banderas usadas. El significado de cada combinación es:

• Bandera amarilla y letras azules : Este recurso nunca ha sido

publicado, por lo tanto solo existe en el proyecto Offline.

• Bandera amarilla y letras rojas : Este recurso ha sido publicado con

anterioridad, por lo tanto la versión del recurso en Offline y en Online son distinta.

• Sin bandera y letras negras: El recurso es igual tanto en Offline como en Online por lo que

se encuentra correctamente publicado.

• Bandera gris : Indica que se ha producido un error durante la

publicación. En este caso habrá que mirar la cola de publicación para ver el error que se

haya podido producir.

5. Menú contextual de OpenCms

Las opciones que ofrece éste menú, van a variar según el Proyecto en el que trabajemos, el Perfil

de Usuario con el que estemos trabajando, el Tipo de recurso que queramos editar y su estado.

La apariencia de este menú con todas sus opciones visibles es la siguiente:


15


Bloquear / Desbloquear : Dependiendo de si el recurso se encuentra bloqueado o no.

Publicar Directamente : Si el recurso no está publicado, esta opción servirá para publicar

el recurso seleccionado. Si es una carpeta esto publicará recursivamente todos los recursos

que cuelguen de ella. Si por algún motivo intentamos publicar un recurso y el padre no lo

está el sistema no nos permitirá publicar, para ello deberemos publicar la carpeta padre.

Editar : Abre el formulario de edición de contenido (en el caso de los recursos de

contenido).

Copiar : Copia el recurso a otra posición del VFS (Virtual File System) de OpenCms. Existen

2 tipos de copiado:

o Copiado normal: Se duplica el contenido en otro nodo del VFS creando un recurso

nuevo.

o Copiado como hermano: Al copiar como hermano un recurso se crear una especie

de link interno entre ambos lo que hace que, al modificar uno estamos modificando

automáticamente el otro. De esta forma, podemos disponer del mismo contenido en

diversos puntos del VFS pero si necesitamos modificar el contenido, tan solo

tendremos que hacerlo una vez.


16


Renombrar / mover : Nos permite mover (o cambiar el nombre) a un recurso.

Borrar : Esta acción elimina el recurso del VFS de opencms. En el caso que se le aplique a

una carpeta se borrará todo el árbol de directorios que cuelga de dicha carpeta. Esta acción

depende del estado del recurso:

o Si no está publicado: Se borrará definitivamente del sistema

o Si está publicado: El recurso se borrará del proyecto Offline pero permanece en el

proyecto Online (el recurso permanece tachado). Para eliminarlo completamente

deberemos publicarlo.

Recuperar : Esta acción solo aparece en el caso de un recurso ha sido borrado en offline

pero sigue en online. De esta forma recuperaremos el último contenido publicado en el

proyecto Offline.

Deshacer Cambios : Esta acción borra las últimas modificaciones realizadas sobre un

contenido restaurando la última versión publicada.

Relaciones : Esta campo abre un submenú con las siguientes acciones:

o Relación hasta …: Muestra la lista de recursos que enlazan con el actual

o Relación desde…: Muestra la lista de recursos con los que el recurso actual está

enlazado.

o Mostrar hermanos: Muestra la lista de recursos hermanos del recurso actual.

o Categorías: Herramienta con la que podremos consultar la lista de categorías

asignada al recurso en concreto, pudiéndose borrar y asignar nuevas categorías.

Permisos : Abre la ventana de control de permisos. Para saber más sobre los permisos de

OpenCms consultar el manual relacionado con este tema (Solo para administradores).

Cambiar navegación : Permite cambiar la navegación del recurso

Avanzadas : Esta sección está formada por el siguiente submenú:


17


o Marcar : Esta acción modifica la fecha de última modificación y refresca el

contenido. Es útil para cuando necesitamos publicar de nuevo algún contenido o

para actualizar la fecha de última modificación por algún motivo.

o Disponibilidad : En esta pantalla podremos modificar la disponibilidad de un

recurso, es decir podremos programar tanto la publicación como la caducidad de un

recurso indicándole la fecha en concreto y la acción que se quiere realizar.

o Seguro / exportación : Ventana de control de seguridad y exportación del

recurso.

o Cambiar tipo : Acción que nos permite cambiar el tipo de un recurso.

o Editar código de control : Nos muestra el código de control, de forma que, para

un contenido xml nos mostrará el código xml tal y como OpenCms guarda la

información.

Historial : Nos muestra el historial del recurso (según se halla configurado el historial para

el OpenCms). Desde esta ventana podremos ver el contenido del recurso en cada una de las

versiones guardadas, pudiendo compararlas e incluso restaurar una versión antigua. Tan solo

se guarda como versión en el historial las modificaciones publicadas.

Propiedades : OpenCms dispone de un mecanismo para dotar de más información a los

recursos aparte del contenido propio de cada uno. Estas son las propiedades. Cada una de

ellas tiene un significado y un uso en concreto, pero casi todos son de uso exclusivo de los

administradores por lo que no será tratado en este manual.

6. Configuración de Carpetas Template SAGA

La configuración de los portales Template SAGA, cuentan con una estructura básica organizativa

una vez accedemos al Site. Veremos cada una de las secciones que componen el Área Árbol de

Navegación.

6.1 6Carpeta: _categories


18


El gestor de contenidos, permite asignar categoría a todos los recursos Template SAGA., es decir,

podemos asignar un elemento común que los agrupe en torno a un aspecto determinado. Por

ejemplo, si tenemos un volumen extenso de noticias en un apartado de Sala de Prensa y

podemos seccionarlas en relación a distintas áreas de actuación de nuestra empresa, con la

asignación de categorías, podemos listar éstos recursos en base a estas áreas.

La carpeta _categories es la encargada de recoger todas las categorías que nos sean necesarias

en una web.

Dentro de ella anidaremos otros recursos carpeta, cuyo nombre será el de la categoría que

queramos incluir, y la propiedad Title será el texto real que se le asignará a la categoría.

Tendremos que crear tantas carpetas como categorías queramos.

En caso de tener grupos de categorías en nuestra web, podemos organizar las carpetas según lo

necesitemos.

Por ejemplo, si tenemos un grupo de categorías para Noticias y otro para asignarlo a Eventos,

podremos agrupar sus categorías en carpetas tal y como vemos en la siguiente imagen.


19


En la edición del contenido de recursos, veremos cómo asignar categorías a los mismos.

6.2 Carpeta: configuración

Contiene recursos relacionados con la distribución genérica de las distintas secciones de la web:

Recursos Layout: Definen la visualización de el número de columnas a mostrar, los

elementos caja, menús y rastros de migas.

Recurso Style: Contiene los códigos de la cabecera y pié de la web. También es desde

este recurso desde dónde se hace la llamada a la Hoja de Estilos en Cascada CSS y

archivos JavaScript necesarios, que se encuentran en el módulo de nuestro Site.

Recurso Plantilla de Texto: Contiene llamadas a las distintas plantillas del recurso

Texto habilitadas para la web. Influyen en la distribución de los elementos que componen

los párrafos: contenido, imagen principal, galería de imágenes, descargas y enlaces. Estas

plantillas podrán ser seleccionadas desde el editor del recurso.

Recurso Plantilla de Galerías: Contiene llamadas a las distintas plantillas del recurso

Galería de Imágenes habilitadas para la web. Estas plantillas podrán ser seleccionadas

desde el editor del recurso.

Recurso Menú: Es el recurso que pinta el menú principal de nuestra web.

Dependiendo de su tipología habrá más de un recurso Menú dentro de Configuración.

Aquellas webs que cuentan con un menú principal horizontal y otro en una columna que


20


muestra las secciones de segundo nivel, tendrán dentro de la carpeta configuración dos

recursos Menús, uno por cada tipo.

Carpeta contenidoCajas: Contiene todos los elementos Caja mostrados en la web.

En el paquete Template Saga se ha denominado caja a todo elemento que podremos

colocar en cualquier posición de la web (en cualquiera de las 3 columnas) para completar

la información central mostrada.

Por ejemplo, una caja puede ser un listado de banners, el buscador avanzado o un cuadro

de Login.

Por tanto, cualquier elemento de información independiente al contenido, que

deseemos colocar en la web debe ser una caja.

El contenido de esta carpeta dependerá de la fisionomía de cada web.

6.3 Carperta: galerías

Contiene las imágenes del portal, ya sean referentes al contenido de los recursos o propias del

diseño de la web y los documentos asociados a descargas.

Dentro de ella se crean Carpetas Extendidas, que pueden ser de los siguientes tipos:

: Destinado a contener imágenes con cualquier tipo de extensión:

.jpg, .gif, .png, etc.

: Destinado a contener archivos de Texto, Comprimidos, Videos o

Flash: .doc, .pdf, ,zip, .rar, .swf, etc.

: Destinado a contener recursos enlaces

que dirigen la navegación a webs con las que nos queramos enlazar.

: Destinado a contener recursos de Texto libre , con códigos html

específicos, que puedan ser usados como plantillas en la edición de un editor Wysiwyg de

los recursos.


21


: Destinado a contener recursos de Texto libre , con códigos de

tablas en html, que puedan ser usadas como plantillas en la edición de un editor Wysiwyg

de los recursos.

En nuestra carpeta Galerías, podremos crear tantas Carpetas Extendidas como nos sean

necesarias.

6.4 Carpeta: nav

Contiene las secciones con contenidos de la web. Es donde más trabajaremos a la hora de

mantener, crear o modificar textos, imágenes, etc.

Dentro de nav habrá Recursos Template SAGA agrupados en distintos recursos Carpeta. Estas

carpetas, son las que tendrán navegación, y por tanto, crearán el menú principal de nuestra web.

OpenCms ofrece un mecanismo con el cual podemos controlar dicha arquitectura de navegación

de nuestros sitios. Este consiste en crear una estructura en árbol que simule nuestro menú de la

siguiente forma:

Nivel 1

o Nivel 1_1

Nivel 1_1_1

Nivel 1_1_2

…

o Nivel 1_2

o Nivel 1_3

o …

Nivel 2

Nivel 3

…


22


Por lo tanto, en OpenCms dispondremos de una carpeta por cada entrada de nuestro menú, tal y

como hemos comentado anteriormente. Así, para localizar cualquier tipo de contenido de

nuestro portal tan solo debemos navegar por la estructura de carpeta buscando la sección

correspondiente.

7. Tipos de Recursos

Cada recurso de Template SAGA posee un icono identificativo a su izquierda:

Recurso Carpeta: Las carpetas en OpenCms, poseen una funcionalidad similar a las del

entorno de Windows. Contienen los recursos y archivos de los que se compone la web.

Las carpetas que se encuentran dentro del nav (o es, en el caso de las webs multi idioma)

son las que van a crear la navegación del portal.

Dentro del Grupo de Recursos , editaremos los siguientes:

: Destinado a contener imágenes con cualquier tipo de extensión:

.jpg, .gif, .png, etc.

: Destinado a contener archivos de Texto, Comprimidos, Videos o


: Destinado a contener recursos enlaces

que dirigen la navegación a webs con las que nos queramos enlazar.

: Destinado a contener recursos de Texto libre , con códigos html

específicos, que puedan ser usados como plantillas en la edición de un editor Wysiwyg de

los recursos.

: Destinado a contener recursos de Texto libre , con códigos de

tablas en html, que puedan ser usadas como plantillas en la edición de un editor Wysiwyg

de los recursos.


23


Dentro del Grupo de Recursos , editaremos los

siguientes:

Recurso Texto: Contiene texto escrito. Puede dividirse en párrafos, cada uno de los

cuales cuenta con subtítulo, textos, imagen principal, galería de imágenes y listas de

documentación de descarga y enlaces tanto internos como externos a otras webs. El tipo

de Párrafo se define en la edición del recurso y se encuentra configurado en el recurso

Recurso Plantilla de Texto , dentro de la carpeta configuración del Site.

Recurso Noticia: Contiene el texto escrito de una noticia de interés. A diferencia del

recurso texto, las noticias de una web aparecen en una lista, y es a través de su título

dónde accedemos al contenido de la misma.

Recurso Evento: Contiene el texto escrito de un evento o actividad de interés. Al igual

que ocurre con las Noticias, los eventos aparecen listados, o bien marcados en los día de

una caja con Calendario.

Recurso Descarga: Contiene el enlace a una documentación que el usuario puede

abrir en una nueva ventana del navegador, texto e imagen asociados a la misma. El

recurso Descarga, también aparece en un listado, a través del cual, podemos ver el

detalle del recurso o descargar el archivo directamente.

Recurso Enlace: Contiene el enlace a una dirección web externa que el usuario abre

en una nueva ventana del navegador, texto e imagen asociados al mismo. El recurso

Enlace, aparece listado, donde podemos ver el detalle del recurso o ir a la dirección

enlazada directamente.

Recurso galería de Imágenes: Muestra un listado de imágenes en miniatura, sobre las

cuales al hacer clic con el ratón de amplían en la pantalla. El tipo de Galería se define en

la edición del recurso y se encuentra configurado en el recurso Plantilla de Galerías ,

dentro de la carpeta configuración del Site.

Recurso Multimedia: Reproduce un archivo multimedia como: video externo, video

alojado en Youtube, archivos Flv o Swf. Dicho archivo ha de encontrase en una carpeta

extendida de descargas ( ) dentro de la carpeta Galerías del Site.


24


Recurso Preguntas Frecuentes: Sirve para crear una página, en la cual, podamos listar

una serie de preguntas con sus correspondientes respuestas.

Recurso Glosario: Permite crear la definición de un término. El recurso Glosario,

aparece en un listado ordenado alfabéticamente, donde podemos ver su detalle; término

y definición.

Recurso Música: Crea una página en la que se reproduce audio en formato mp3.

Dicho archivo de audio, ha de encontrase en una carpeta extendida de descargas ( )

dentro de la carpeta Galerías del Site.

Recurso Lista de Enlaces: Crea un listado de enlaces, externo o internos a nuestra

web.

Dentro del Grupo de Recursos , editaremos

el siguiente:

Recurso Formulario: Permite crear formularios de contacto con distintas

configuraciones de sus campos según nos sean necesarios.

8. Tipos de Edición

En OpenCms disponemos de dos formas de mantener los contenidos de nuestros portales:

8.1 Direct Edit:

Con este sistema podremos editar nuestros contenidos directamente visualizando la interfaz de

nuestro portal. Para ello, conforme navegamos en Offline veremos cómo aparecen una serie de

dianas. Estas nos permiten editar el contenido al que hacen referencia (al posicionarnos encima

de estas veremos cómo este contenido se marca):


25


Una vez que pulsamos sobre la diana entraremos en el formulario de edición del contenido. Se

abrirá el formulario asociado al contenido que hemos seleccionado.

En algunos listados de contenido es posible incluso crear un nuevo contenido o borrar los ya

existente. Para ello aparecen dos iconos nuevos: Un símbolo + y una x que representan cada una

de las acciones:


26


Debemos tener en cuenta que no todos los listados de un portal ofrecen este tipo de opciones de

edición directa. Normalmente éstas opciones aparecen siempre configuradas en listados de

Recursos Noticia ( ), Evento ( ), Enlace ( ), Descarga ( ) y Glosario ( ).

8.2 Edición desde OpenCms

Navegando por la estructura de carpetas de OpenCms podemos acceder a editar todo tipo de

contenido que deseamos

Como vimos anteriormente, cada una de las carpetas que se encuentran dentro de nav, se

equipara a una sección de nuestro portal, por lo que podremos identificar rápidamente el

contenido. Para editarlo, nos posicionamos sobre su icono y hacemos clic con el botón derecho

del ratón, desplegándose de este modo, un menú contextual en el que seleccionaremos la opción

Editar. Con ello abriremos la pantalla de edición de cualquier recurso.

Las demás opciones que ofrece el menú contextual serán descritas en el siguiente punto.

9. Creación de Recursos Template SAGA

Todos los recursos Template SAGA, se crean a través del mismo procedimiento. Debemos tener

en cuenta que al crear un recurso, hemos de encontrarnos en la sección en la queremos que

esté. Es decir, si vamos a ampliar una sección de Noticias de interés, para crear el Recurso Noticia


27


( ), tendremos que estar situados en el mismo directorio en el que se encuentren las demás

noticias.

Para crear un nuevo recurso en el Site, pulsamos el comando Nuevo, que se encuentra en el Área

Barra de Herramientas de nuestro entorno de trabajo.

Aparecerá una nueva ventana en la que tenemos que activar el Grupo de Recursos en el que se

encuentre aquel que queramos añadir a nuestra sección.

En nuestro caso, al querer crear un recurso de Tipo texto ( ), accionaremos el Radiobutton del

Grupo TEMPLATE SAGA – Recursos de Contenido. Tras ello, pulsamos Continuar.


28


Se abrirá otro cuadro de diálogo, en el indicaremos el recurso que queramos crear. Activamos su

RadioButton y pulsamos Continuar.


29


Tras ello, aparecerá la ventana de Crear un nuevo Recurso, en la que editaremos el nombre del

archivo del Recurso Texto. Al ser un nombre de archivo interno, no podrá contener caracteres

extraños, como vocales acentuadas o eñes, y tampoco espacios en blanco. Le daremos un

nombre identificativo según su contenido.

Al tener marcado el checkbox inferior Insertar el sufijo al nombre, no tendremos que escribir la

extensión del archivo .html.


30


En el caso de que se trate de la página principal de una sección su nombre deberá ser index.html

para que el gestor lo reconozca como la página por defecto de dicha sección.

Pulsamos Continuar y editamos las propiedades del texto (si en el primer paso habilitamos la

casilla de Editar propiedades del nuevo fichero.)

En el campo Title redactamos el epígrafe o un texto fácil de identificar por el usuario. Podemos

describir brevemente el contenido del texto con el campo Description, así como marcar palabras

clave (identificadoras), separadas por coma, en el campo Keywords

El valor del campo Title de un recurso será usado en la propiedad homónima de la página, por lo

que es de vital importancia en el posicionamiento de buscadores que indexan esta propiedad. Lo

mismo ocurre con los campos Description y Keywords, ya que paran a formar parte de los

metadatos requeridos en los motores de búsqueda para la identificación de su contenido.

Dichas propiedades se heredan de recursos padres, es decir, si queremos que un grupo de

recursos tengan propiedades comunes, tendremos que asignárselos a la carpeta padre o

contenedora de los mismos.

Si marcamos la casilla de Agregar a navegación, el recurso se incluirá en la navegación de la

carpeta. Formará parte del menú de navegación, aunque recordemos que esta opción no es

aconsejable, puesto que la navegación principal la posee la carpeta contenedora.


31


Una vez que hayamos editado los campos pulsamos Terminar. Volveremos a la vista del Área:

Pantalla de Recursos, donde aparecerá nuestro Recurso Texto creado. Tal y como observamos en

la siguiente imagen, irá acompañado de la Bandera amarilla y tendrá un texto de color azul, ya

que, no ha sido publicado nunca.

10. Recurso de inicio de una sección

Dentro de un Recurso Carpeta con navegación, tiene que existir un recurso con el nombre de

archivo index.html, independientemente del tipo al que pertenezca. Será a dónde nos dirijamos

al entrar en la sección.


32


Puede existir otro caso, muy común en la mayoría de los portales webs.

Una de nuestras secciones principales, puede contener otras subsecciones dentro y queremos

que al acceder a esta sección, el usuario entre en el archivo index.html de una de las interiores.

Por ejemplo, la sección Sala de Prensa de mi web, se divide en dos sub apartados; Últimas

Noticias y Próximas Actividades y cada una de ellas posee un archivo principal index.html.


33


Queremos que el usuario que acceda a mi sección Sala de Prensa, visualice en su navegador el

archivo index.html de la carpeta Últimas Noticias.


34


A diferencia del anterior caso, no tendremos que incluir dentro de la Carpeta Sala de Prensa

ningún archivo index.html, ya que queremos que se muestre el que se encuentra dentro de la

sección Últimas Noticias.

Para ello, tendremos de indicárselo en la pantalla propiedades de la Carpeta.

Seleccionamos la opción Propiedades en el menú contextual de la Carpeta:


35


En la siguiente pantalla seleccionaremos la opción Avanzado:

Aparecerá una nueva ventana, en la que podremos visualizar todas las propiedades que podemos

dar a una carpeta.


36


En concreto, para este caso, vamos al campo default-file y en él, escribimos la ruta absoluta que

nos lleva al recurso index.html de Últimas Noticias y pulsamos OK y volveremos a la vista del

Área: Pantalla de Recursos.

Con la edición de esta propiedad en la carpeta, podremos controlar la navegación de las sub

secciones, accediendo al recurso index.html que indiquemos.

11. Cómo dar Navegación a una Carpeta

Para que una carpeta forme parte del menú de nuestra web deberemos indicárselo

explícitamente en su panel de propiedades. Accedemos a él a través de la opción Propiedades del

menú contextual.

Abriremos un el cuadro de diálogo de Propiedades de la carpeta:


37


Vemos una serie de campos, con su valor correspondiente:

Title: Su valor contiene el nombre que queramos que tenga la carpeta.

Checkbox Agregar a Navegación: Si activamos el casillero aparecerá como una nueva

sección en el menú principal de la web. Dependiendo de si se encuentre anidada dentro

de otra carpeta con navegación, será una sección de segundo, tercer nivel o siguientes.

Texto de Navegación: Corresponde al nombre con el cual aparecerá en la navegación del

menú. Normalmente ha de coincidir con el Título o Title que hayamos dado a la carpeta.

Inserte después de: Despliega una lista con los nombres de las carpetas que contienen

una navegación en la carpeta nav, en el orden que poseen. Al seleccionar una de ellas,

nuestra nueva carpeta se posicionará tras ella.


38


El uso de la navegación también sirve para mantener la sección de Mapa Web, de forma que, en

el momento que marcamos una opción como elemento visible del menú, también se da de alta

automáticamente en el mapa web.

12. Subida y creación de Archivos en Carpetas Extendidas

12.1 Consideraciones generales

Debemos de tener presente que, cada tipo de Carpeta Extendida, ha de contener sus archivos

específicos:

: Sólo debe contener archivos de imagen, sean de la extensión

que sean; .jpg, .gif, .png, etc.

: Sólo debe contener archivos de Texto, Comprimidos, Videos o


: Sólo debe contener Recursos Enlaces .

y : Sólo debe contener Recursos de Texto libre .

Cuando editamos un recurso, al hacer una llamada desde un campo a éstas carpetas para

seleccionar un archivo que contengan, dependiendo de a qué tipo de archivo se va a llamar,

aparecerán las Carpetas Extendidas de uno u otro tipo.

En los siguientes apartados, veremos cómo subir archivos a nuestro OpenCms, usando el Applet

de Java. Su uso podemos activarlo o desactivarlo. Para ello tendremos que ir a la ventana de

. En su pestaña Worplace, podremos activar o desactivar el checkbox Usar Applet

de subida de ficheros:


39


En ciertos casos, por configuraciones del equipo o de la red empleada, el proxy nos impida su

uso, aún marcándolo en Preferencias.

Veamos a continuación un ejemplo de la subida de una imagen sin usar el Applet.

En tramos en la carpeta en la que queremos subirla y pulsamos el comando Subida de la Barra de

Herramientas. Abriremos un cuadro explorador de nuestra carpeta de Documentos, donde

seleccionaremos la imagen que queramos subir al editor.


40


Tras ello, pulsaremos Continuar. En el siguiente cuadro de diálogo, seleccionaremos el tipo de

archivos que hemos seleccionado para su subida. Por defecto el sistema lo identifica, por lo que

la opción Imagen aparecerá marcada por defecto:

Tras Continuar, podremos editar tanto su propiedad Title, como el Description y al Terminar

esperaremos a que se suba.


41


12.2 Cómo subir imágenes a la Carpeta Galería de Imágenes

El recurso Carpeta Galería de Imágenes ( ), que pertenece al Grupo de Recursos Carpetas

Extendidas ( ), permite almacenar las imágenes de nuestra web. Se encuentran dentro de la

Carpeta galerías y podemos crear tantas carpeta Galería de Imágenes cómo nos sean necesarias

a la hora de organizar nuestro portal.

Antes de subir imágenes a nuestra carpeta, tendremos que posicionarnos dentro de ella

haciendo clic sobre el recurso.

En nuestro caso, hemos entrado en la Galería imagenesNoticias, en la que vamos a subir nuevas

imágenes.


42


Pulsamos el botón Subida del Área: Barra de Herramientas. Abriremos un explorador

de nuestro ordenador que, por defecto, mostrará el contenido de la carpeta Mis Documentos.

Desde aquí podremos movernos por nuestras carpetas para buscar las imágenes que queramos

añadir.

En el desplegable Archivos de Tipo, podremos seleccionar el tipo del archivo que estamos

buscando, en nuestro caso Images.


43


Podemos seleccionar una o varias imágenes.

Si queremos subir tan sólo una, haremos doble clic sobre su detalle, y si por el contrario,

queremos varias, podremos seleccionarlas manteniendo la tecla Ctrl del teclado presionada al

mismo tiempo que hacemos clic sobre ellas.

Tras haberlas seleccionado, pulsamos OK y esperamos a que se suban.


44



45


Una vez arriba, las imágenes se encontrarán a disposición de ser llamadas desde cualquier

recurso que creemos en nuestra web.

Recordemos que aparecerán con el icono de la bandera amarilla y texto azul asociado, puesto

que son archivos que nunca han sido publicados.

12.2.1 Menú contextual de la Carpeta Galería de Imágenes

La carpeta Galería de Imágenes, posee tres opciones nuevas en su menú contextual, relacionadas

en su mayoría, con la edición de datos de los archivos que contiene:

Abrir Galería: Permite visualizar, en una nueva ventana, una lista de miniaturas de las

imágenes que contiene. Esta opción será común en los demás tipos de carpetas

Extendidas.

Renombrar Imágenes: Podremos modificar el nombre de los archivos imagen en

bloque.


46


Imágenes de comentario: Permite la modificación del Título de las imágenes, así como

la inclusión de una breve descripción de cada una de ellas.

12.3 Cómo subir documentos a la Carpeta Galería de Descargas

El recurso Carpeta Galería de Descarga ( ), que pertenece al Grupo de Recursos Carpetas

Extendidas ( ), permite almacenar los documentos de texto de nuestra web. Se encuentra

dentro de la Carpeta galerías y podemos crear tantas carpeta Galería de Descarga cómo nos sean

necesarias a la hora de organizar nuestro portal.

Antes de subir documentos, tendremos que posicionarnos dentro de ella haciendo clic sobre el

recurso.

En nuestro caso, hemos entrado en la Galería descargas, en la que vamos a subir nuevos

documentos.


47


Pulsamos el botón Subida del Área: Barra de Herramientas. Abriremos un explorador

de nuestro ordenador que, por defecto, mostrará el contenido de la carpeta Mis Documentos.

Desde aquí podremos movernos por nuestras carpetas para buscar los documentos que

queramos añadir.


buscando, en nuestro caso podemos seleccionar Office, para documentos de Microsoft o Todos

los Archivos, si queremos subor otro tipo.


48


Al igual que con las imágenes, podemos seleccionar uno o varios archivos al mismo tiempo. Tras

haberlos seleccionado, pulsamos OK y esperamos a que se suban.


49


Una vez arriba, los documentos se encontrarán a disposición de ser llamados desde cualquier

recurso que creemos en nuestra web.

12.4 Cómo subir Enlaces a la Carpeta Galería de enlaces externos

El recurso Carpeta Galería de Enlaces Externos ( ), que pertenece al Grupo de Recursos

Carpetas Extendidas ( ), permite almacenar Recursos Enlace Externo ( ), muy útiles a la hora

de guardar direcciones Url de otras webs, que vayan a ser muy usadas a la hora de redactar el

contenido. Podemos crear tantas carpetas Galería de Enlaces Externos cómo nos sean necesarias.

Los Recursos Enlace Externo ( ), se crean del mismo modo que vimos anteriormente en el

apartado Creación de Recursos Template SAGA.

12.5 Ficheros plantilla, de las Carpetas Galería HTML y Galería de

tablas


50


Tanto el recurso carpeta Galería de HTML ( ), como Galería de Tablas ( ), permiten que

guardemos en su interior recursos Fichero de texto ( ) que, posteriormente, nos sirvan de a

modo de plantilla en la edición de un campo Wysiwyg de los recursos Template SAGA.

Esos Fichero de texto ( ), tendrán código HTML, que será el que nos importe el editor. Podrán

ser creados desde cero, tal y como hemos visto en el apartado Creación de Recursos Template

SAG, o bien, subido, como hemos aprendido en la Subida de Archivos a la Carpeta Galería de

Descargas.

13. Editor de Recursos Template SAGA

Una vez creado el recurso, abrimos la pantalla de su editor para introducir el contenido. Para ello

seleccionamos la opción Editar en su menú contextual:

El Editor de OpenCms, posee siempre una estructura similar, independientemente del recurso

que estemos editando. Variará el número y tipo de campos a rellenar por el usuario editor, ya

que sí dependen directamente del tipo de recurso.


51


13.1 Barra de Herramientas

Situada en el área superior de nuestro editor, la barra de herramientas del Editor contiene las

siguientes opciones:

Publicar Directamente: Permite publicar directamente nuestro recurso desde el

editor de contenidos. Abrirá un cuadro de diálogo en el que confirmaremos o

cancelaremos su publicación. Al usar este comando, siempre saldremos del editor de

contenido.

Guardar y Salir: Con él saldremos del editor, tras guardar los cambios que hayamos

efectuado en su interior.

Guardar: Esta opción guarda los cambios que estemos realizando en el contenido del

recurso sin que salgamos de la pantalla del editor.

Selector Idioma: En caso de que nuestro Site esté habilitado en

varios idiomas, a través de este desplegable podemos seleccionar el idioma en el que

queramos trabajar los contenidos.

Borrar: Elimina la copia del recurso en alguno de los idiomas disponibles. Este

comando sólo se encuentra activo si la web es multi-idioma.

Copiar: Con esta opción vamos a poder copiar el contenido del recurso en otro

idioma, siempre que el Site esté habilitado para ello.

Previsualización: Abrirá en una nueva ventana del navegador la pantalla que estamos

editando con la apariencia Online, sin salir del editor.


52


Cerrar: Con él saldremos del editor, perdiendo los cambios que hayamos efectuado en

su interior.

13.2 Pestañas

Bajo la Barra de Herramientas, aparecen tres pestañas relacionadas directamente con el

contenido. Por defecto, t en todos los recursos aparecerá siempre en primer plano la

denominada Contenido.

13.2.1 Pestaña Contenido

Es en ella en la que editaremos el contenido de nuestro recurso. Se compone de una serie de

campos con distinta fisionomía, destinados a contener diferentes tipos de datos.

Cada recurso Template SAGA cuenta con campos específicos, que conforman la distribución de la

información que muestran. Como denominador común veremos que un campo cuenta con:

Etiqueta: Indica el tipo de contenido que debemos introducir.

Ayuda: Al posicionarnos sobre ella, podremos ver una breve descripción de qué tipo de

contenido ha de introducirse en el campo, en caso de tener alguna duda.


53


Campo de texto: Espacio en el que escribir el contenido.

En la mayoría de los recursos existen campos que, por defecto, aparecen cerrados, ya que son

opcionales. Junto a su campo de texto, veremos una pequeña diana ( ) con distintas opciones

que van a depender de si es un campo único o puede ser repetido dentro del mismo recurso:

Mostrar Botones del Elemento: Muestra una serie de opciones, cuya disponibilidad va a

depender del estado del campo y su tipología. Los casos son los siguientes:

Si el campo está cerrado: La diana aparece con un punto verde ( ). Sólo permite abrirlo,

por tanto, tan sólo podemos seleccionar la opción Agregar Nuevo ( ):

Si el campo es único en el recurso: La diana aparece con un punto rojo ( ). Sólo permite

cerrarlo, por tanto, tan sólo podemos seleccionar la opción Borrar ( ):

Cerraremos el campo de nuevo, perdiendo los datos que tuviera.

Si el campo en el Recurso puede repetirse: La diana aparece con los dos puntos, rojo y

verde ( ). Permite abrirlo (Agregar Nuevo ), y borrarlo (Borrar ):

Si editamos dos o más campos similares: La diana aparece con los dos puntos, rojo y

verde ( ). Permite abrirlo (Agregar Nuevo ), borrarlo (Borrar ) y modificar su

orden moviéndolo hacia arriba (Mover hacia arriba ) o hacia abajo (Mover hacia abajo

):


54


13.2.2 Pestaña Categoría

En muchos portales dispondremos de la opción de listar recursos en base a categorías asignadas,

agrupándolos de este modo. Vimos en el Punto 4.2.1 Carpeta _categories, la edición y significado

de las Categorías en un recurso y a continuación veremos cómo asignarlas.

Si activamos la pestaña aparecerá una nueva vista del editor, en la que tendremos acceso a la

visualización de las categorías que hemos creado en la carpeta _categories de nuestro Site:


55


Para añadir una categoría al recurso, tendremos que hacer clic en el icono más ( ) de la

categoría en concreto, en la lista que aparece en el lado derecho. Por ejemplo, vamos a añadir la

Categoría Consultoría, que pertenece al Grupo Tecnología:


56


Tal y como vernos en la imagen anterior, la categoría en la que hemos hecho clic en el más, pasa

de la columna de la derecha en la que se encontraba, a la de la izquierda quedando asignada a

nuestro recurso.

El símbolo más con el fondo negro ( ) que aparece en la columna de la derecha, indica que una

categoría de este grupo ha sido asignada al recurso.

Podemos añadir tantas categorías a un recurso, como nos sean necesarias:


57


Para eliminar categorías al recurso, tendremos que hacer clic en el icono menos ( ) de la

categoría en concreto en la columna de la izquierda. Volverá a estar ubicada en la columna de la

derecha:


58


13.2.3 Pestaña Cajas

Al activar la pestaña Cajas, aparecerá una nueva vista del Editor de contenidos en la que veremos

el Campo Element plegado:

Dicho campo permite introducir, al comienzo o final del recurso, tantas cajas de contenido

adicional como queramos. Por ejemplo, elementos caja pueden ser un menú lateral, una lista de

banners, un buscador avanzado, etc.

Es importante tener en cuenta que, para incluir una caja, ésta ha de haber sido creada

anteriormente dentro de la carpeta contenidoCajas, ubicada en la carpeta configuracion del Site:

Para su edición es imprescindible tener conocimientos avanzados de administración en OpenCms

y maquetación con Hojas de Estilos en Cascada.

Para desplegar el campo, seleccionamos la opción Agregar Nuevo ( ) de la diana de la

izquierda.


59


Box: Introduce la ruta absoluta en la que se encuentra la caja. Hacemos clic en el icono

Buscar ( ), junto al campo. Se abrirá en una nueva ventana del navegador el Área: Árbol

de Navegación del entrono de trabajo. Seleccionaremos el elemento que va a contener la

caja, y cerraremos la ventana:

Veremos como la ruta aparecerá en el campo:

Orientation: Despliega las posiciones que queremos que tome la caja.


60


Color Schema: Contendrá la clase asociada a su estilo.

14. Campos de Contenido

14.1 Campo Editor de texto Wysiwyg

Son campos de texto muy intuitivos, ya que permiten que el usuario edite el contenido, viendo

algo muy parecido al resultado final. De echo, el término WYSIWYG, procede del inglés: What You

See Is What You Get.

Normalmente los campos que requieran de gran carga de contenido dentro de los recursos,

como por ejemplo, los textos de un párrafo de un recurso texto de Template SAGA, van a contar

con un campo de este tipo.

Se diferencian del resto en que, aparte de ser de un tamaño mayor, contienen asociada, una

barra de herramientas en su parte superior, parecida al entorno Microsoft Word.

Estas herramientas aparecen al hacer clic en el campo blanco de texto:


61


La barra de Herramienta cuenta con las siguientes opciones:

Deshacer: Elimina el último cambio.

Rehacer: Vuelve al estado anterior.

Seleccionar todo: Selecciona el texto u objetos del editor.

Eliminar formato: Borra todo el formato de la selección y deja el texto sin formato.

Cortar: Corta el texto seleccionado y lo pega en el portapepeles.

Copiar: Copia la selección y la coloca en el portapepeles.

Pegar: Pega el contenido del portapapeles.

Pegar como Texto Plano: Abre un cuadro de diálogo con un campo de texto, en el que

debemos pegar el texto procedente de otro editor de texto. De este modo evitamos que

el contenido se llene de estilos propios del programa de origen.


62


Pegar desde Word: Abre un cuadro de diálogo con un campo de texto, en el que

debemos pegar el texto procedente de un documento Word, eliminando estilos propios y

transformando el texto en plano.

Negrita: Aplica el formato de negrita al texto seleccionado.

Cursiva: Aplica el formato de cursiva al texto seleccionado.

Subrayado: Subraya el texto seleccionado.

Tachado: Traza una línea en medio del texto seleccionado.

Subíndice: Crea letras minúsculas por debajo de la línea de texto.

Superíndice: Crea letras minúsculas por encima de la línea de texto.

Alineación del Texto: Alinea el texto a la derecha, al centro, a la

izquierda o lo justifica a ambos lados. Por cuestiones de estilos, en web, se han

deshabilitado estas cuatro opciones.

Inserta / Eliminar numeración: Inicia una lista numerada.

Inserta / Eliminar viñetas: Inicia una lista con viñetas.

Disminuir Sangría: Reduce el nivel de sangría del párrafo.

Aumentar Sangría: Aumenta el nivel de sangría del párrafo.

: Permite ver el código HTML del texto y poder editarlo.


63


: Crea distintos encabezados en el texto seleccionado.

Enlace: Incluye un enlace en el texto seleccionado. El enlace puede ser tanto externo

(a otra dirección Url), como interno (a otra sección de nuestra propia web).

Abre una nueva ventana emergente con los siguientes campos:

o Enlace Url: Contiene la ruta de la dirección web. En caso de ser externa

deberemos de poner la ruta completa de la página con el prefijo http://.

Si es un enlace interno debemos hacer clic en el icono de la carpeta que se

encuentra junto al campo ( ). Abrirá en una nueva ventana del navegador el

Área: Árbol de Navegación del entrono de trabajo, donde podemos seleccionar el

recurso al que queremos enlazar. Al cerrar la ventana emergente, veremos como

la ruta aparecerá en el campo.

o Destino: En el selector podemos definir dónde queremos que aparezca la nueva

dirección, si en una ventana nueva (recomendable para enlaces a otras Urls) o en

la misma ventana (recomendable para enlaces internos).

o Título: Corresponde al título del enlace. Es recomendable incluirlo por temas de

accesibilidad.


64


Referencia: Sirve para incluir el texto seleccionado en una etiqueta con un nombre

para crear un ancla interno.

Insert/Edit image: Inserta en el flujo del texto una imagen. Abre en un cuadro de

diálogo el explorador de las Galerías de imágenes que encuentra en la Carpeta Galerías

de nuestro Site.

Insert/Edit file: Inserta en el flujo del texto una documentación para descargar. Abre

en un cuadro de diálogo el explorador de las Galerías de descarga que encuentra en la

Carpeta Galerías de nuestro Site.

Insert/Edit link: Inserta en el flujo del texto un enlace. Abre en un cuadro de diálogo el

explorador de las Galerías de enlaces que encuentra en la Carpeta Galerías de nuestro

Site.

Insert HTML: Inserta en el flujo del texto una plantilla HTML. Abre en un cuadro de

diálogo el explorador de las Galerías de tablas que encuentra en la Carpeta Galerías de

nuestro Site.

Insertar carácter especial: Inserta símbolos que no aparecen en el teclado.

Imprimir: imprime el contenido del editor WYSIWYG.

Maximizar el tamaño del editor: Amplia a pantalla completa el cuadro del editor

WYSIWYG.


65


14.2 Campo Imagen

Al desplegar el campo Imagen de un recurso veremos cómo se compone de los siguientes

campos:

Imagen: Contendrá la ruta absoluta de la imagen que queramos añadir al recurso.

Si accionamos el botón Galería de Imágenes situado ala derecha del campo,

abriremos un cuadro de diálogo que explorará todas las Galerías de imágenes que

encuentra en la Carpeta Galerías de nuestro Site.

Por defecto, aparecerán las miniaturas de las imágenes de la primera Carpeta Galería de

Imágenes que encuentre en Galerías.

Sobre la vista aparecen una serie de botones descritos a continuación:


66


: Muestra todas las Carpetas Galería de Imágenes disponibles en

nuestro Site.

Haciendo clic en cualquier galería podremos entrar y ver las imágenes que contiene.


67


Una vez que encontremos aquella que queremos adjuntar al campo la seleccionamos

(fondo azul) y pulsamos el botón Select .

En la siguiente ventana podremos ver la imagen a tamaño real.

Podemos cambiar su tamaño en los campos Width y Height, introduciendo el valor en

píxeles que nos interese.

o Si el icono del candado se encuentra cerrado : Las proporciones de alto y ancho

serán proporcionales.

o Si el icono del candado se encuentra abierto : Las proporciones de alto y ancho

no serán proporcionales.

Podremos deshacer el cambio accionando el comando Reset Size

En el desplegable Format, podremos controlar su visualización en el contenido.


68


o Original Format: Respeta el tamaño real que posee la imagen.

o User defined format: Permite definir el área de la imagen que queramos que se

muestre. En la selección el alto y el ancho serán proporcionales a las medidas

reales de la imagen. Para seleccionar dicha área pulsaremos el botón Crop

.

o Free Cropping: Permite definir el área de la imagen que queramos que se

muestre. En la selección el alto y el ancho no serán proporcionales a las medidas

reales de la imagen. Para seleccionar dicha área pulsaremos el botón Crop

.

o Small Image: Reduce el tamaño de la imagen respetando un ancho fijo de 200px,

siendo la altura proporcional según las medidas reales.

o Large image: Reduce el tamaño de la imagen respetando un ancho fijo de 500px,

siendo la altura proporcional según las medidas reales.

Tanto si hemos realizado cambios en la visualización de la imagen, como si no, para

adjuntar la imagen tendremos que accionar el botón OK.

: Podemos publicar directamente la carpeta de la galería que

estemos viendo en miniatura, en el caso de que contenga imágenes que no hayan sido

publicadas. Estas imágenes aparecerán con el icono de una bombilla azul sobre ellas en

su esquina superior izquierda ( ).

: Permite subir directamente desde esta ventana una ventana a la galería que

queramos. Para ello debemos de estar dentro de la Galería de Imágenes.

Abriremos un explorador de nuestro ordenador que, por defecto, mostrará el contenido

de la carpeta Mis Documentos. Desde aquí podremos movernos por nuestras carpetas

para buscar las imágenes que queramos añadir.


69



buscando, en nuestro caso Images.

Podemos seleccionar una o varias imágenes.

Si queremos subir tan sólo una, haremos doble clic sobre su detalle, y si por el contrario,

queremos varias, podremos seleccionarlas manteniendo la tecla Ctrl del teclado

presionada al mismo tiempo que hacemos clic sobre ellas.

Tras haberlas seleccionado, pulsamos OK y esperamos a que se suban.

Aparecerán sus miniaturas en la galería a la que las hayamos subido, listas para ser

seleccionadas.

Ancho: Permite establecen un ancho en píxeles de la imagen, resultando el alto

proporcional a la cantidad que indiquemos.

Descripción: Corresponde al título de la imagen. Es recomendable incluirlo por temas de

accesibilidad.

Descripción Larga: Permite la inclusión de una breve descripción de la imagen adjunta.


70


En la mayoría de los recursos Template SAGA, podemos incluir tantas imágenes como queramos.

Para ello tendríamos que añadir más campos Imagen haciendo clic en la opción Agregar Nuevo

de la diana, a la derecha del campo:

Cuando añadimos una imagen, aparece junto al campo Imagen el icono Previsualización que

nos permite ver en una nueva ventana la imagen que se encuentra enlazada.

Por norma general, de las imágenes que incluyamos en un recurso, la primera de ellas se

considera la principal del recurso, pasando a posicionarse en un tamaño mayo junto al texto,

mientras que las demás, aparecen en la galería de imágenes del recuro.

Exceptuamos los recursos de Tipo Texto ( ), puesto que éstos cuentan en su edición, con la

posibilidad de seleccionar una serie de plantillas precofiguradas. En el caso práctico de este

manual, desarrollaremos en mayor medida este caso.

Cuando un recurso contiene una galería de Imágenes, éstas aparecen en miniaturas, aunque si

hacemos clic sobre ellas, vemos como se amplían adoptando su tamaño original. A través de éste

visor podemos navegar por todas las imágenes que hay en el recurso.


71


14.2.1 Campo Propiedad de las imágenes

Asociado a las propiedades de la Imagen se encuentra el campo Propiedad_Imagenes.

Al desplegarlo veremos cómo se compone de una serie de campos secundarios, cuyas

propiedades afectarán por igual a todas las imágenes asociadas al contenido:


72


Alto: Permite introducir un tamaño al alto de las imágenes en píxeles. Su valor ha de ser

un número entero sin la extensión px.

Ancho: Permite introducir un tamaño al ancho de las imágenes en píxeles. Su valor ha de

ser un número entero sin la extensión px.

ScaleType: Se compone de un select con opciones del escalado de la imagen, con el fin de

evitar que se deforme tras introducir un alto y una ancho.

o Scale to exact target size width background padding: Muestra la imagen con las

dimensiones que hayamos introducido en el campo alto y ancho, sin deformarla.

El fondo se verá del color establecido en el campo ScaleColor.

o Create a thumbnail for the image: Creará una miniatura automática, con un valor

de 100px de ancho, siendo el alto proporcional en relación a las proporciones

reales. Esta opción se ve anulada si incluimos valores en los campos Alto y Ancho.

o Scale to exact target size, crop what does not fit: Recorta la imagen desde el

centro hasta que tenga las dimensiones indicadas en el campo Alto, Ancho o

ambos a la vez.

o Scale and keep image proportions, target size variable y Don’t keep image

proportios, use exact target size: Escalan la imagen a los valores introducidos en

el campo Alto y Ancho, deformándola.

ScalePosition: Se compone de un select con opciones acerca de la posición que debe

tomar la imagen respecto al escalado aplicado.

ScaleFilter: Aplica un filtro a las imágenes en escala de grises.


73


ScaleColor: Permite la selección de un color de fondo en las imágenes.

Primera: Indica que la primera de las imágenes introducida en un recurso ha de ser la

principal del mismo. Su valor ha de ser 1, y sólo ha de introducirse este campo en los

recursos de tipo Noticia.

14.3 Campo Descarga

Al desplegar el campo Descarga de un recurso veremos cómo se compone de los siguientes

campos:

Archivo: Contendrá la ruta absoluta del documento, cuya descarga, que queramos añadir

al recurso.

Si accionamos el botón Galería de Descargas situado ala derecha del campo,

abriremos un cuadro de diálogo que explorará todas las Galerías de Descargas que

encuentra en la Carpeta Galerías de nuestro Site.

Por defecto, aparecerá un listado de los documentos que contiene la primera Carpeta

Galería de Descargas que encuentre en Galerías.


74


Sobre la vista aparecen una serie de botones descritos a continuación y con las mismas

características que los vistos en el campo Imagen:

: Muestra todas las Carpetas Galería de Descargas disponibles en

nuestro Site.

Haciendo clic en cualquier galería podremos entrar y ver los documentos que contiene.

Una vez que encontremos aquel que queremos adjuntar al campo, lo seleccionamos

(fondo azul) y pulsamos el botón Select , o bien, podemos pulsar OK.

Se cierra la ventana emergente y veremos como la ruta del archivo aparece en el campo.

: Podemos publicar directamente la carpeta de la galería que

estemos viendo, en el caso de que contenga documentos que no hayan sido publicados.

Aparecerán con un icono de una bombilla azul sobre ellos ( ).

: Permite subir directamente archivos a la carpeta Galería de Descargas en la

que nos encontremos. Abriremos un explorador de nuestro ordenador que, por defecto,


75


mostrará el contenido de la carpeta Mis Documentos. Desde aquí podremos movernos

por nuestras carpetas buscando los archivos que queramos añadir.


buscando. Podremos seleccionar uno o varios a la vez, pulsamos OK y esperamos a que

suban.

Aparecerán en la lista de la galería.

Título: Corresponde al título del archivo de descarga. Es recomendable incluirlo por

temas de accesibilidad.

Descripción: Permite la inclusión de una breve descripción del archivo adjunto.

En la mayoría de los recursos Template SAGA, podemos incluir tantos archivos de descarga como

queramos, exceptuando la edición del recurso Descarga , que tan sólo permite uno.

Para ello tendríamos que añadir más campos Descarga haciendo clic en la opción Agregar Nuevo

de la diana, a la derecha del campo:

Al igual que ocurre con el campo Imagen, cuando añadimos una descarga, aparece junto al

campo el icono Previsualización que nos permite ver en una nueva ventana la descarga.

Las descargas de los recursos, aparecen en la Galería de Descargas titulada Documentación para

Descargar, debajo de la de Imágenes. Sus datos serán acompañados por la información acerca

del formato del archivo adjunto y por su tamaño.


76


14.4 Campo Enlace

Los recursos Template SAGA, permiten completar su contenido con una Galería de Enlaces. En

ella tendrán cabida tanto enlaces de tipo Externo, como Internos sin que exista diferenciación

visual entre ellos.

Entendemos por un enlace externo, aquel que hace una llamada a una dirección Url distinta,

mientras que un enlace interno, se produce cuando llamamos a otra sección de nuestra web.

14.4.1 Campo Enlace Externo

Al desplegar el campo Enlace Externo de un recurso veremos cómo se compone de los siguientes

campos:

Enlace: Contendrá la dirección a la que queramos en lazar. Ha de contener el protocolo

http://

Título: Incluye el nombre de la Web enlazada.

Descripción: Permite la inclusión de una breve descripción de la Web enlazada.

¿Nueva ventana?: Si activamos su checkbox, el enlace se abrirá en una nueva ventana del

navegador. Es recomendable para en laces de tipo externo.

14.4.2 Campo Enlace Interno

Al desplegar el campo Enlace Interno de un recurso veremos cómo se compone de los siguientes

campos:


77


Título: Incluye el nombre de la sección enlazada.

Referencia: Contendrá la ruta absoluta de la sección que queramos enlazar. Si hacemos

clic en el icono Busca r, que se encuentra junto al campo, abriremos una nueva

ventana del navegador que explorará nuestro Site y a través del cual podremos

seleccionar el archivo en concreto.

Descripción: Permite la inclusión de una breve descripción de la sección enlazada.

¿Nueva ventana?: Si activamos su checkbox, el enlace se abrirá en una nueva ventana del

navegador. No es recomendable para en laces de tipo interno.

En la mayoría de los recursos Template SAGA, podemos incluir tantos enlaces como queramos,

exceptuando la edición del recurso Enlace , que tan sólo permite uno.

Para ello tendríamos que añadir más campos Enlace Externos o Internos haciendo clic en la

opción Agregar Nuevo de la diana, a la derecha del campo:

15. Multi Idioma

Para que una web soporte varios idiomas, ha de haber sido configurada previamente por los

programadores.

En las webs que se desarrollan en varios idiomas, observaremos que la carpeta nav, pasa a

llamarse es y que junto a ella, aparecerá una carpeta por cada idioma tenga habilitado el portal;

en, de, fr, etc.


78


Dentro de las mismas, los recursos serán los mismos, puesto que estarán copiados como

hermanos.

Para crear archivos en varios idiomas el procedimiento consta de dos pasos. Vamos a explicarlos,

en relación a copiar un contenido en español e inglés:

1. Copiar el Recurso como Hermano en el mismo directorio de la carpeta en Inglés:

La idea es que los recursos Template SAGA, pueden copiarse en distintos idiomas, siendo el

recurso el mismo.

Debemos de tener claro que dos recursos copiados como Hermanos son el mismo, si

modificamos el contenido de uno, también modificaremos el del otro, puesto que son el

mismo. Sabremos si un recurso posee un hermano cuando sobre su icono aparece una

pequeña flecha: .

Por ejemplo, si tenemos un recurso de tipo texto dentro de nuestra carpeta es (español), y

tenemos que hacer que también aparezca en la opción en inglés, tendremos que crear un

hermano del recurso en el mismo directorio dentro de la carpeta en.

Nuestro recurso Texto Quienes Somos, se encuentra en la ruta: /es/inicio/, tendremos que

copiarlo como hermano en: /en/inicio/

Para ello, seleccionamos la opción Copiar de su menú contextual.


79


En la siguiente pantalla activaremos la opción Crear un Hermano del Recurso y a través del

botón Buscar seleccionaremos la ruta en la que queramos copiarlo:

Tras pulsar OK, habremos creado éste recurso como hermano en la carpeta del Inglés.

2. Copiar el contenido en español del recurso en la opción de Inglés:

Tenemos el recurso tanto en la carpeta es, como en en, pero su contenido que se encuentra

en español, aún no ha sido copiado para su edición en inglés.

Espe paso lo realizaremos desde el editor del contenido que abrimos pulsando la opción

de su menú contextual.


80


Una vez dentro, nos centraremos en las opciones de idiomas que se encuentran en la Barra

Superior de Herramientas .

Si desplegamos el selector Idioma, veremos como aparece el idioma que se encuentra

habilitado en el Site, con los caracteres [-] a su lado:

Indican que los contenidos no han sido copiados al inglés. Además si observamos el aspa del

icono Borrar ( ) se encuentra deshabilitado, ya que no hay contenido en inglés de este

recurso en concreto.

Para copiarlos al inglés, tenemos que accionar el icono Copiar , que se encuentra a su lado

derecho.

Abrirá una ventana emergente en la que podremos seleccionar el idioma en el que queremos

que se copie el contenido del recurso. En ella aparecerán los idiomas que estén disponibles

para el Site, en nuestro caso, tan solo aparecerá la opción del inglés.

Activamos el checkbox y pulsamos OK y volveremos al editor de texto, en el contenido en

español.


81


Volvemos de nuevo a las opciones de idiomas que se encuentran en la Barra Superior de

Herramientas y comprobaremos que al desplegar de nuevo el selector Idioma, han

desaparecido los caracteres [-], que aparecían junto a la opción de inglés.

Este hecho indica que los contenidos sí se encuentran copiados al inglés. Además si

observamos el aspa del icono Borrar ( ) ya se encuentra activa. Con ella podremos eliminar

la copia de contenidos al idioma que seleccionemos.

Para editar los contenidos en otro idioma, seleccionaremos en el selector aquel en el que

queramos trabajar:

Los datos serán los mismos que en español, tendremos que traducirlos al inglés (siempre,

manteniendo en el selector el idioma en el que tradizcamos) y ya los tendremos en los dos idiomas.

Hay que tener en cuenta que al salir del editor y querer publicar el recurso texto, tendremos que

activar la casilla Publicar todos los hermanos, ya que también tendremos que publicar su hermano

de carpeta inglés y pulsar OK.


82


16. Caso Práctico: Edición del Recurso Texto

16.1 Creación del Recurso

Nos situamos en la carpeta que va a contener mi recurso de Tipo Texto. Moviéndome por el Área:

Árbol de Navegación entro en la carpeta Quienes Somos.


83


Una vez que me encuentro dentro, pulso el comando del Área: Barra de Herramientas

del Entorno de Trabajo.

El siguiente paso es seleccionar el Grupo de Recursos en el que se encuentra aquel que queremos

crear, en nuestro caso activamos y pulsamos

Continuar.

Se abrirá un nuevo cuadro de diálogo en el que seleccionaremos nuestro recurso:

Y pulsamos Continuar.

En la pantalla de Creación de un Nuevo Fichero, escribiremos el nombre del archivo. Recordemos

que no podrá llevar caracteres extraños, ni vocales acentuadas, eñes o espacios en blanco.


84


Antes de pulsar Continuar, debemos tener activos los dos Checkbox inferiores al campo.

En la pantalla Propiedades editaremos el Título, Palabras Clave y una Descripción de su

contenido. No debemos darle navegación, puesto que en OpenCms son las carpetas las que la

llevan.

Tras rellenar estos campos pulsamos Terminar y veremos en el Área: Pantalla de Recursos del

Entorno de trabajo nuestro recurso creado.


85


Si hacemos un simple clic en él podremos ver su apariencia Online.

16.2 Abrir el Editor

Podemos acceder al Editor del Recurso de dos formas distintas:

De forma Exterior o Direct Edit, haciendo clic en sus dianas en la vista Online.

De forma Interna, a través del Comando Editar de su menú contextual.

En los siguientes puntos tan sólo desarrollaremos la edición de los campos relativos a la Pestaña

Contenido.


86


16.3 Campo Título

Corresponde al encabezado del documento, que da a conocerlo. Ha de coincidir con la Propiedad

Title del recurso, que incluimos anteriormente a la hora de crearlo.

16.4 Campo Fecha de Creación

Introduce la fecha en la que ha sido creado el recurso. La información que ofrece es de carácter

interno, por lo que no va a aparecer en la vista Online del recurso.

Resulta muy útil cuando existen varios usuarios editores en el mismo Site.

16.5 Campo Teaser

Puede utilizarse como resumen o entradilla del texto que se va a introducir en el campo párrafo,

es conveniente su utilización ya que favorece el posicionamiento en buscadores. Se mapea a la

propiedad description.

16.6 Campo Párrafo


87


Este elemento nos permite generar bloques estructurados de información y se compone de los

siguientes campos anidados:

16.6.1 Título

Encabezado del párrafo. Resalta sobre el resto del contenido.

16.6.2 Texto

Se compone de un editor Wysiwyg, en el que incluiremos la información del párrafo. Como vimos

anteriormente, este tipo de campo posee la peculiaridad de ser un editor en el que podemos

pegar texto procedentes de otro documento, resaltarlo, listarlo, etc.


88


16.6.3 Títulos de Bloque

Permite cambiar el titulo de los diferentes bloques que vienen establecidos por defecto en los

recursos Template SAGA.

Cuando incluimos en un recurso, imágenes, descargas asociadas, enlaces de interés (externos o

internos) o más información, por defecto el bloque aparecerá con los títulos: Galería Fotográfica,

Galería de Descarga Enlaces de Interés y Más Información, respectivamente.

Podemos modificarlos en los campos de los que se compone el elemento Títulos de Bloque,

introduciendo el texto que queramos.

16.6.4 Imagen

Este elemento nos va a permitir añadir imágenes a nuestro párrafo.

Siguiendo las indicaciones ofrecidas en el punto 13.2 Campo Imagen, incluiremos tantas

imágenes como nos sean necesarias.


89


El campo Ancho, permite introducir un valor en píxeles que afectará al ancho de la imagen a la

que está asociado. Es útil si sólo vamos a incluir una imagen en el contenido.

En nuestro caso, al introducir más, vamos a especificar las propiedades en el siguiente campo

propiedad_Imagenes, para que afecten a todas por igual.

16.6.5 Propiedad_Imagenes

Tal y como vimos en el punto 13.2.1 Campo Propiedad de las imágenes, jugaremos con las

posibilidades de escalado y opciones de las imágenes.

En nuestro caso, queremos que las imágenes aparezcan en formato cuadrado, con 100píxeles por

cada uno de sus lados y con un escalado que las recorte desde el centro para que no las deforme.

A su vez le aplicaremos un flitro en escala de grises.


90


16.6.6 Descarga

En este campo vamos a poder incluir un número determinado de elementos de descarga: Pdf´s,

documentos Word, archivos comprimidos Rar o Zip´s, Hojas de Cálculo, etc.

Siguiendo las indicaciones ofrecidas en el punto 13.3 Campo Descarga, incluiremos tantos

archivos como nos sean necesarios.

16.6.7 Enlace Externo

Permite enlazar nuestro contenido con distintas Urls externas.


91


Siguiendo las indicaciones ofrecidas en el punto 13.4.1 Campo Enlace Externo, incluiremos tantas

llamadas como nos sean necesarias.

16.6.8 Enlace Interno

Permite enlazar nuestro contenido con secciones del portal.

Siguiendo las indicaciones ofrecidas en el punto 13.4.2 Campo Enlace Interno, incluiremos tantas

llamadas como nos sean necesarias.

16.6.9 Multimedia

En este campo se puede enlazar el recurso tipo texto con recursos multimedia para su visionado

dentro de los párrafos.

16.6.10 Información Adicional

Lo usaremos para reflejar aquella información que no ha sido considerada con anterioridad, pero

se entiende que es información útil para el contenido. De esta forma indicaremos dos campos:

Nombre del campo y Valor del campo.


92


16.6.11 Plantilla

El recurso de Tipo texto, cuenta con la opción de poder aplicar a su contenido una serie de

configuraciones predefinidas. Dependiendo del tipo de portal, contará con unas u otras plantillas.

En el desplegable del campo podremos ver las distintas opciones que tenemos disponibles:

Al seleccionarlas veremos una breve descripción de la disposición de elementos que ofrecen así

como un esquema del mismo.

Si el campo se deja cerrado, el párrafo adoptará la estructura por defecto.

Los párrafos contienen todos los elementos anteriormente indicados, los cuales, son opcionales.

Debemos de tener en cuenta que podremos añadir a nuestro recurso tantos párrafos como nos

sean necesarios, y a cada uno podremos darles las opciones anteriores que nos sean necesarias.


93


16.7 Keywords

En este elemento podemos indicar la lista de todas las palabras clave de cada sección, separadas

por coma.

Se recomienda su uso, ya que el buscador interno implementado en los portales en OpenCms, lo

tiene en cuenta a la hora de valorar los contenidos de nuestro sitio web, por lo tanto puede servir

para darle valor añadido al buscador interno de nuestros sitios.

Ya tendremos nuestro recurso completamente editado. Así que pulsamos el botón Guardar en

la Barra de Herramientas superior de nuestro editor para guardar los cambios.

16.8 Visualización del Recurso y Publicación

Para ver el resultado sin salir de la pantalla del editor y poder revisarlo en su vista Online,

hacemos clic sobre el icono Previsualización , situado en la Barra de Herramientas superior de

nuestro editor.

Se abrirá una nueva ventana del navegador en la que podremos ver el recurso con sus datos.


94


Una vez realizada la revisión, volvemos al editor del recurso y pulsamos la opción Guardar y Salir

. Una vez que estemos en el Área: Pantalla de Recursos, podremos publicarlo con la opción

Publicar directamente ( ) del menú contextual.

manual del usuario editor de opencms · 1 manual del usuario editor de opencms ...

Documents