Ir al contenido principal

Edición Web con el Gestor Web Institucional de la UCM

Guía de apoyo a la edición Web

2.1 Operaciones básicas

En esta sección veremos algunas herramientas que ofrece el Gestor Web UCM para crear y configurar páginas web.

2.1.1 Operaciones

La herramienta para crear páginas se encuentra en la parte inferior del Gestor UCM, junto a otros botones:

Crear página

 

Guardar cambios

El primer botón pemite guardar los cambios:

  • TickCheck: el botón chequeada nos indica que la página no tiene cambios pendientes de guardar.
  • DisqueteDisquete: en el caso de que haber realizado algún cambio (mover los widgets de lugar), el icono "check" se transforma en un disquete. En ese caso, la página tiene pendiente guardar los cambios. Pulsando en el disquete los cambios se guardan y el disquete volverá a transformarse en un "check" Después debemos actualizar la página web para publicar los cambios.

 

Cierre admiraciónExisten algunos cambios menores que no se guardan aunque pulsemos "Actualizar página en la web". Este botón es de especial relevancia en el caso de que simplemente reorganicemos las posiciones de los widgets de una página sin añadir ni eliminar ninguno. En este caso, para que los cambios se reflejen, debemos pulsar el botón "disquete". En general, es recomendable que antes de publicar una página, pulsemos el botón "guardar cambios" (disquete o "check").

 

Crear página

Crear páginaEl botón con el icono de página en blanco permite crear nuevas páginas en nuestro Website. Las nuevas páginas colgarán de la página en la que estamos situados (serán hijas de esta). Las páginas que cuelgan de la portada se llaman menús porque si añadimos un "Título corto", este texto se mostrará como menú superior de navegación:
Menús de navegación
 

Si pulsamos en el botón "página en blanco" emergerá la ventana "Crear página nueva":

Crear página nueva

Esta ventana nos permite configurar:

  • TÍTULO: nombre de la nueva página.
  • TÍTULO CORTO: Si rellenamos el campo "título corto", este aparecerá en los menús o submenús desplegables, enlaces y componentes de navegación, después de actualizar la página y los menús de la portada.
  • DESCRIPCIÓN: subtítulo descriptivo del contenido que facilita las búsquedas de la página.
  • ENLACE EXTERNO: permite incluir una dirección URL que será un vínculo para redireccionar la página a otro lugar.

 

Cierre admiraciónUna vez creada la página, podemos modificar estos campos pulsando en el Gestor Web: "Configuración" > "Cambiar Título y Atributos", lo que nos da acceso a la ventana "Título y atributos de la página".
La ventana contiene todos los campos descritos y un nuevo campo: "Dirección de la página(URL)": el gestor propone como URL de la página, el mismo texto del título en minúsculas (reemplazando espacios en blanco por guiones medios y quitando caracteres especiales y signos diacríticos). Mantener esta URL es la mejor opción. Si deseamos cambiar la URL debemos tener en cuenta que debe estar formada por caracteres alfanuméricos en minúsculas, sin espacios en blanco ni signos diacríticos y sin eñes. Podemos separar cada palabra con guiones medios o bajos.

 

Eliminar página

Papelera. Borrar página El botón de la papeleranos permitirá borrar la página actual, siempre que no tenga páginas hijas que cuelguen de ella. Si se deseara eliminar una página que contenga páginas hijas, tendremos dos opciones:

  1. Mover las páginas hijas a otras páginas.
  2. Eliminarlas previamente para poder después eliminar la página "padre".

En el caso de que estemos situados en la portada, dicho botón no aparecería, pues la portada no se puede eliminar ya que desaparecería el Website.

 

Ayuda

El botón de ayuda nos llevará a las "Preguntas más frecuentes (FAQ)" sobre el gestor.

 

2.1.2 Configuración

Tras haber creado una página, puede que necesitemos cambiar algunos de los parámetros de la misma, como el título, la plantilla o deseamos moverla a otro lugar. Este tipo de operaciones las realizaremos desde el menú desplegable Configuración del Gestor UCM.

El menú Configuración mostrará unos opciones diferentes en función de si estamos situados en la portada o en cualquier otra página.

 

PORTADA

En el caso de la portada el aspecto será:

 

Configuración Portada

  • Cambiar plantilla: nos permite elegir entre dos tipos de plantilla:
    • Plantillas de fotos fijas: permite incluir imágenes de fondo que rotan.
    • Plantillas de noticias: permite incluir imágenes en carrusel con enlace a noticias, como el Website principal de la UCM.
  • Gestionar noticias de portada: en el caso de haber elegido una plantilla de noticias.
  • Gestionar fotografías de portada: en el caso de haber elegido una plantilla de fotos fijas. 
    Las cuestiones relacionadas con plantillas las veremos posteriormente en la sección 2.4 Plantillas y, lo referente a los avisos y noticias, se verá con más detalle en la página Noticias.
  • Etiquetas HTML (Metatags): permite definir algunos parámetros a nivel de Website para mejorar el posicionamiento en buscadores. También permite comprobar si tenemos configurado un código de Google Analytics para obtener estadísticas de uso del Website.


Metatags. Etiquetas HTML

 

  • Título: sólo hace referencia a una etiqueta de la página web y no al nombre del Website, el cambio solo tiene impacto en la indexación de  buscadores.
  • Descripción: por defecto, se cumplimenta de manera genérica, pero podemos modificar la información para que, cuando sea indexada, aparezca como un resumen del Website en los resultados de búsqueda.
  • Keywords: palabras clave que permiten identificar la temática del Website para que pueda ser clasificado e indexado. Una elección adecuada de las palabras clave mejora la visibilidad y facilita a los buscadores encontrar el Website. La elección de las palabras no tiene que coincidir necesariamente con los términos ya mencionados en el Título.

Por último tenemos un campo que nos permitirá comprobar el código de seguimiento de Google Analytics que tenemos cargado en nuestra Web.

 

RESTO DE PÁGINAS

Si estamos en cualquier otra página distinta de la portada, la configuración de la página nos dará acceso a una serie de opciones: Cambiar título y atributos, Cambiar plantilla, Mover página e Idioma.

 

Menú con páginas

Veamos en detalle estos elementos:

2.1.2.1 Cambiar Titulo y Atributos

Este elemento, como su nombre indica, permitirá modificar los atributos de la página:

Título y Atributos de Página

 

Título

Es el nombre con el que se identifica la página en la jerarquía de páginas. El Título se muestra en la cabecera de la página cuando se entra en ella.

Página sin TítuloPodemos sentir la tentación de eliminar el Título de una página, para que no se muestre cuando entremos en ella pero NUNCA se debe eliminar el título de una página. Si se elimina el título, la página dejará de estar accesible y por lo tanto, si no tenemos un enlace a la misma, no podremos editarla.
Una vez borrado el título, la página queda inaccesible y no podemos hacer clic en ella.

Si la página está enlazada desde algún sitio o conocemos su URL podremos editarla entrando directamente en ella y pulsando Editar en la barra superior. Si no es así, tendremos que solicitar ayuda técnica.

 

Título corto

Mediante este campo podremos establecer que la página aparezca en los menús, veremos esto con más detalle en la sección 2.2 Menús. El título corto no es necesario si no deseamos que la página se muestre en los menús.
Menús de navegación
 

Orden

Permite establecer el orden en que se encuentra la página dentro de las de su mismo nivel, esto puede ser importante cuando organicemos los menús.

 

Buscador

Es una casilla de verificación que permite especificar si la página se indexará o no en el buscador UCM. Aclarar que el buscador interno de la UCM no indexa los contenidos de páginas, sólo el Título de las mismas.

 

Dirección de la página (URL)

Es la dirección que se usa para acceder a la página (URL), que debe ser única dentro de nuestro Website, aunque sí se puede repetir en distintas Webs.

El gestor propone como URL de la página, el mismo texto del título en minúsculas (reemplazando espacios en blanco por guiones medios y quitando caracteres especiales y signos diacríticos). Mantener esta URL es la mejor opción. Si deseamos cambiar la URL debemos tener en cuenta que debe estar formada por caracteres alfanuméricos en minúsculas, sin espacios en blanco ni signos diacríticos y sin eñes. Podemos separar cada palabra con guiones medios o bajos.

La URL completa de la página tendrá el siguiente aspecto: "https://dominio/website/pagina".

 

Enlace externo (URL completa)

Rellenaremos este campo SÓLO si deseamos que la página redireccione a otra página web. En este caso, hay que escribir la dirección completa. Ejemplo: https://www.una-europa.eu/
 

Cierre admiraciónNo se recomienda el redireccionamiento de las páginas.
Cuando se rellena el campo Enlace externo, el gestor dejará de mostrar el contenido de nuestra página. Si más adelante decidimos retirar el Enlace externo, el contenido que hubiera cargado volverá a aparecer.

 

Sólo se puede configurar la Dirección de la página (URL) o el Enlace externo, ambos son mutuamente excluyentes. Si rellenamos uno, el otro se borrará. A veces se comete el despiste de rellenar como dirección de la página el Enlace externo, en esos casos no podremos acceder a la página por su URL. En ese caso, la única manera de poder recuperarla es modificando esta configuración, accediendo a esta a través de la Jerarquía de páginas.

 

2.1.2.2 Mover Página

Mediante esta opción podremos mover una página de un lugar a otro de nuestro Website o bien entre dos Website (siempre y cuando tengamos permisos de edición sobre ambos).

 

Mover Página

El campo Website de destino, por defecto, mostrará el Website donde nos encontramos, Si pinchamos en él, se desplegará un listado con los Website sobre los que tenemos permisos. Podremos seleccionarlos si queremos mover la página a uno de ellos.  Si vamos a mover la página dentro del mismo Website donde nos encontramos no será necesario tocarlo.

El campo Página de destino lo utilizaremos para localizar la página de la que va a colgar la que estamos moviendo. Para ello podemos escribir alguna palabra del título de la misma y el gestor nos ofrecerá los resultados que se ajusten a nuestra búsqueda:

Mover página

Seleccionamos una de ellas y pulsamos Aceptar. En el caso de que la página destino sea la portada, bastará con escribir la palabra "portada".

 

Cierre admiración

La página de destino será la nueva página padre, de la que colgará la página que hemos movido.

 

Cuando movamos una página, no sólo se moverá la propia página sino todas las que cuelguen de ella en la Jerarquía de páginas. En el esquema se describe el movimiento de una página:

Esquema mover página

 

 

2.1.2.3 Idioma

Mediante esta herramienta podemos vincular una página concreta con una de otro Website en distinto idioma.

Para que podamos enlazar un Website con otro en un idioma distinto, primero ha de solicitarse la creación y vinculación del otro Website, así como crear el contenido que deseemos. Los administradores vincularán los dos, especificando el idioma de cada uno. Cuando se vinculan dos Website en idiomas distintos, por defecto aparece una bandera en la franja superior de la página que enlaza con la portada de la otra Web. En general, en cualquier página en la que cliquemos en la bandera, enlazará con la portada del otro Website.

Esto es así, pues los dos sitios web pueden ser independientes y por ejemplo una versión en inglés de nuestro Website, puede que no contenga todas las páginas traducidas, sino sólo aquellas que puedan ser de interés para personas de habla inglesa. Por tanto, al tener páginas distintas es imposible realizar una vinculación automática entre ambos Website.

Sin embargo, los editores de ambos Website, pueden vincular una a una las páginas de ambos. Así, cuando en una de ellas se clica en la bandera, enlazaremos con una página concreta del otro Website.  Para lograr esto emplearemos la opción Idioma.

Idioma página

Se nos mostrará un listado de páginas disponible de otros Website vinculados y bastará con seleccionar la página a la que queremos asociar la actual.


Bombilla

 

No se pueden vincular páginas de distintos idiomas dentro del mismo Website.

 

Se pueden vincular sitios web hasta en 5 idiomas distintos, sin embargo el gestor no ofrece opciones de traducción automática, por lo que mantener todos ellos requerirá cierto trabajo.

2.1.3 Personalización de Página

Podemos personalizar algunos elementos de nuestras páginas. Las páginas ofrecen una serie de elementos en la parte inferior para enlazar con perfiles de redes sociales así como la posibilidad de incluir una serie de enlaces de interés que aparezcan en todas las páginas.

 

2.1.3.1 Redes Sociales

Por defecto cuando se crea una página, en la parte inferior aparecerán una serie de iconos de Redes Sociales, que apuntarán a los perfiles de la UCM.

Sin embargo, esos iconos se pueden personalizar, para ajustarlos a los perfiles específicos de redes sociales que tengamos.

Para ello, bastara con hacer clic sobre cualquiera de ellos (estando en modo edición) en cualquier de página del Website y se mostrará la siguiente ventana:

Redes sociales pie de página

Actualmente, como se muestra en la captura, están soportados YouTube, Facebook, X, Linkedln, InstagramPinterest y TikTok, bastará con pegar en cada línea la dirección de nuestro perfil.

Para solicitar un red social nueva, habría que realizar una petición a través de HelpMe! solicitando la incorporación de nuevas redes.

Dado que es un elemento que comparten todas las páginas del Website, una vez modificadas las redes sociales, desde la portada tenemos que Actualizar menús y Actualizar portada.

 

2.1.3.1 Elementos del Pie de página

El pie de página de un Website, puede incluir una serie de enlaces de interés que aparecerán en todas las páginas del Website. El máximo número de enlaces personalizables que admite son cuatro, organizados en 3 columnas.

Para añadir un nuevo enlace, pulsaremos en el símbolo + junto a la papelera.

Enlaces de Pie de Página

 

Se mostrará el siguiente cuadro de diálogo, en el que podemos seleccionar el texto a mostrar y el enlace:

Nuevo menú de pie de página

 

Los elementos que se agreguen se podrán reordenar, simplemente arrastrándolos, y si se quisiera eliminar alguno bastará con arrastrarlo a la papelera.

2.2 Menús

2.2.1 Información general sobre menús en el gestor

Para organizar y dar visibilidad al contenido de nuestro Website, podemos usar menús y submenús o desplegables.

Los menús permitirán un acceso rápido a las distintas secciones de nuestro Website. Sólo se pueden crear menús de dos niveles (menús y submenús).

Las páginas que cuelgan de la portada del Website forman parte de los menús de primer nivel:
 

Menús de primer nivel

 

Las páginas hijas de las páginas que cuelgan de la portada forman parte del segundo nivel de menús (submenús desplegables):

Menús desplegables de segundo nivel

 

Al final de los elementos del submenú encontraremos un elemento adicional con el aspecto de un símbolo signo más.  Este elemento hace referencia a la propia página del menú de primer nivel de la que  cuelgan las restantes. En el caso de la imagen superior correspondería a la página de Menú primero. Tengamos en cuenta un par de consideraciones:

  • No todas las páginas hijas, tienen por qué ser un elemento del menú. Elegiremos qué páginas deseamos que aparezcan en los menús/submenús.
  • Por otro lado podemos tener también elementos de menú que no tengan submenús, en esos casos dado que no se desplegará nada, se accedería directamente pulsando en el menú de primer nivel.

Un ejemplo de estructura de menús podría tener el siguiente aspecto:

Estructura de Website

Como se ve, podemos tener diversas páginas que aunque cuelgen de la portada no apareceran en los menús.

 

Crear menú o submenú

Para hacer que una página sea un menú/submenú, desde dentro de la propia página, iremos a Configuración -> Cambiar título y atributos -> y fijaremos el Título corto y pulsaremos Guardar. El texto que fijemos en este campo, será el que aparezca en el menú:

Título Corto

 

En esta misma ventana podemos establecer el orden en que queremos que aparezcan en los menús, fijando el valor Orden.

Aunque la forma más sencilla de establecer el orden sería desde la Jerarquía de páginas -> Gestionar páginas hijas -> Establecer el orden de las mismas y pulsar Actualizar.

Gestionar páginas hijas
 

Orden de las páginas hijas

Si en una página no fijamos un título corto, la misma no aparecerá en los menús.

Como siempre, tras cualquier cambio en una página la publicaremos pulsando: Actualizar página en la web.

Actualizar Página Web

 

Con las páginas de segundo nivel (submenús) procedemos del mismo modo. Si fijamos el Título corto, estas aparecerán como submenús de las de primer nivel. El gestor no admite más de dos niveles de menús.

Una vez hayamos creado y establecido las páginas que queremos como menús de primer nivel y de segundo nivel (submenús), nos dirigiremos a la portada del Website y pulsaremos: Actualizar Portada y Actualizar Menús. De esta forma los cambios se visualizarán de manera pública:

Actualizar menús y portada

 

Cierre admiraciónAunque la configuración como menú o submenú puede hacerla cualquier usuario con permiso de edición sobre la página, la actualización de menús y portada requiere del permiso de edición correspondiente y normalmente sólo lo podrán hacer los editores de todo el Website.

 

Eliminar menú

Para hacer que una página no aparezca en los menús bastará con vaciar el campo Título corto. Una vez eliminado el Título corto, para que se reflejen los cambios, tenemos que pulsar en "Actualizar página en la web" y desde la portada "Actualizar portada" y "Actualizar menús".

 

2.2.3 Menús de dominio

Dependiendo del Website que hayamos solicitado, este podrá contar con algunos menús ya creados de forma automática. Son los llamados "Menús de Dominio".

La idea es que los Website del mismo tipo compartan una estructura homogénea, que proporcione uniformidad a las páginas web de la UCM. Esto facilita a los visitantes ubicarse y encontrar los contenidos. Esto es así en los Website para departamentos o para facultades así como en otros tipos de Websites.

Los elementos del menú de dominio vienen identificados en la Jerarquía de páginas con un asterisco * al lado de ellos:

Menús de dominio

 

El problema de los menús de dominio es que esas páginas no se pueden eliminar, ni tampoco pasar a borrador, y en algunos casos no se desea hacer uso de los mismos, pues puede que no se adapten al diseño o a los requisitos que tenemos para nuestro Website.

Esto lleva a intentar ocultarlos, eliminando el Título o el Título corto de dichas páginas, dejándolas descolgadas o apartadas. En general no es necesario prescindir de esas páginas, pues se pueden renombrar a cualquier otro nombre que nos venga mejor o cambiar su URL.

Si aun así deseamos prescindir de ellas, la mejor opción es apartarlas moviéndolas bajo una página que esté en borrador y no enlazándolas. Si queremos, también podemos retirar sus títulos cortos, de esta forma quedarán inaccesibles y si en algún momento se desearan recuperar, todavía sería posible.

 

2.2.4 Información adicional 

 

BombillaAunque el gestor web no limita el numero de menús que podemos establecer en un primer nivel, hay que tener en cuenta que más de 6 o 7 elementos no se verán de forma adecuada y desbordarán por la derecha, resultando algo poco estético.

 

De la misma forma, el nombre de los menús debe tener un tamaño adecuado, pues si se fijan nombres muy largos, se puede reducir mucho el espacio para el cuerpo de la página. Por ejemplo:

 

Excesivo número de menús

 

BombillaPuede que deseemos que un elemento de menú apunte a una página externa al Website en el que nos encontramos. En ese caso bastaría ir a Configuración -> Cambiar título y atributos -> borrar el campo Dirección de la página(URL): y rellenar el campo Enlace externo (URL completa, incluyendo http:// o https://).

 

Enlace externo

 

Un par de observaciones:

 

Cierre admiraciónMediante el uso del campo página externa, también podríamos apuntar a un archivo si quisiéramos que al pulsar en el elemento de menú se visualizara, por ejemplo, un PDF.

 


Cierre admiraciónUna vez fijemos el Enlace externo, ya no podremos acceder directamente a esa página usando el navegador y pulsando Editar en la parte superior de la página. Para poder acceder a modificar esa página que tiene configurado el Enlace externo (por ejemplo si deseamos modificar el Título corto) tendremos que llegar hasta ella usando obligatoriamente la Jerarquía de páginas.

 

 

2.3 Visibilidad, permisos y publicación

Vamos a revisar las opciones de publicación y visibilidad de las páginas web en el gestor institucional.

Cuando se crea una nueva página dentro de un website, siempre aparecerá en el estado de borrador. En ese estado podremos realizar las pruebas que necesitemos y crear todo el contenido sin temor a que sean vistas por nadie.

En la parte superior del menú de herramientas de edición encontraremos la sección de Estado.

Estado Web

 

En la primera línea encontraremos un icono con una serie de flechas verdes apuntando hacia el centro, en el que si pulsamos obtendremos una previsualización de la página, pues dependiendo del dispositivo donde editemos la página, partes de la misma podrían quedar ocultas tras el panel de herramientas del editor. Esto permitiría tener un vista previa de todo el contenido.

 

EstadoInmediatamente debajo, encontraremos la sección de Estado, en ella se nos indicara si el website esta EN PRUEBAS o PUBLICADO. Junto a este mensaje encontraremos un punto que indicará si esta verde, que la página no tiene cambios pendientes de publicar o si esta rojo, que hay cambios pendientes y habría que actualizarla para que se publicaran.
Por último, nos indicará la visibilidad de la misma, que puede ser Pública o Privada.

Pulsando en esta sección, se despliegan las opciones de estado:

Opciones de Estado

Apareceran dos selectores, uno que hace referencia a la PUBLICACIÓN y otro a la VISIBILIDAD:

  1. PUBLICACIÓN
    El selector PUBLICACIÓN nos ofrecerá tres opciones:
    1. Dejar la página en Borrador, de forma que solo se visible para los editores de la misma.
    2. Publicar ahora, que significaria que pasamos la página de Borrador -> Publicada en este mismo instante.
    3. Programar, que permitirá dejar preparada la página para que se publique de manera automática en una fecha/hora concreta.


      BombillaEsto puede ser útil si tenemos una fecha concreta de lanzamiento, o bien queremos que una página esté disponible sólo durante un periodo concreto. Por ejemplo, supongamos que queremos publicar una página con un formulario para que sólo esté disponible durante un plazo concreto, durante el cual esta abierta una convocatoria. Podríamos dejar preparada la página y establecer la fecha de publicación y de caducidad usando estas opciones.

      Para configurar las fechas bastará con clicar en el cuadro para que se muestre un Calendario desplegable, en el que podemos seleccionar la fecha y hora de publicación. Si activamos la casilla Establecer caducidad, haremos lo mismo para indicar la fecha de caducidad cuando la página dejará de estar disponible.

      Programar publicación

       
  2. VISIBILIDAD: Veamos ahora el selector VISIBILIDAD, tendrá dos opciones:
    1. Publica, o lo que es lo mismo visible para todo el mundo.
    2. Privada, con lo que tendríamos la opción de restringirla según diversos criterios.

Entremos un poco más en detalle en la opción de visibilidad privada:

En este caso, si la seleccionamos veremos la siguiente ventana:

Visibilidad de Página

 

Podremos restringir por:

  • Grupos de usuarios: para que aparezca un grupo en el desplegable lo tendremos que haber definido previamente (veremos después como definir uno de estos grupos).
  • Podremos también restringir por Colectivos, que están predefinidos y son lo que se muestran en la imagen. Usuario web, haria referencia a cualquier usuario que navegue identificado por la página web, mientras que en el resto de los casos, además de navegar identificado, el usuario tendría que pertenecer a alguno de esos colectivos.
  • Red UCM, que en este caso sólo los equipos informáticos que tengan dirección IP de la UCM podrán visualizar la página.
  • Y por último, Usuario único, lo cual quiere decir que sólo el usuario actual, podrá ver la página.

 

Una ver seleccionada la opción que deseemos en uno de los desplegables, pulsaremos el botón Añadir junto a él y daremos en Cerrar.

 

Cierre admiraciónNo debemos olvidar que después de modificar cualquiera de estas opciones, tanto en lo que respecta a Programar la visualización como a la Visibilidad de la página, deberemos pulsar Actualizar página en la web para que los cambios queden aplicados.
 

 

 

Cierre admiración

Si restringimos la visibilidad de una página que tiene asignado un Título corto y por tanto, es un menú o submenú de nuestro website, el mismo desaparecerá de la vista a todas aquellas personas que no tengan permisos para verlo. De esta forma los usuarios sin permisos simplemente no verían estos menús restringidos.

 

 

2.3.1 Grupos de usuarios

Veamos ahora como podemos definir grupos de usuarios, para que sólo un cierto número de personas tengan acceso a la página en la que activemos esta opción.

Para definir un grupo de usuarios, deberemos ir a Mi escritorio, pulsando en nuestro nombre, en la barra superior, y allí seleccionaremos Aplicaciones web:

 

Acceso a Grupos de usuarios

 

Dentro de Aplicaciones Web -> Gestión de páginas Web saldrá un listado de los sitios web donde tenemos asingados permisos de edición. Para crear el grupo de usuarios podremos pulsar en la opción Grupos de Usuarios:
 

Grupos de usuarios

 

Aquí tendremos la opción de crear un nuevo grupo, simplemente asignándole un nombre y pulsando en Registrar nuevo Grupo, o bien podremos gestionar los grupos que ya hayamos creado pulsando en el botón Gestionar que aparece al lado de cada nombre.

Dentro del grupo, podremos establecer que esté Activo o No activo, cambiar el Nombre del grupo y eliminar y añadir usuarios:

 

Añadir grupos de usuarios

 

Para eliminar un usuario, bastará con hacer clic sobre el aspa que sale junto a su nombre.

Para añadir un usuario, podremos buscar por su nombre o su dirección de correo electrónico. Para que aparezca en los resultados de búsqueda, el usuario deberá haber iniciado sesión en la web UCM al menos una vez, esto es especialmente importante en caso de usuarios externos no UCM que hayan sido dados de alta bajo petición.

Una vez definido el grupo, el mismo saldrá en el listado de Grupos para seleccionarlo y restringir la visibilidad de una página web a ese grupo.

Por ejemplo, restringir la visibilidad de una o varias páginas a un grupo concreto de personas puede ser de utilidad a la hora de crear páginas privadas para formar una intranet dentro de nuestro website, que contenga información restringida, por ejemplo, a los miembros de un departamento.

 

Bombilla

 

La opción de eliminar un grupo de usuarios inicialmente no esta disponible. Si fuera necesario, se podría solicitar por incidencia a los administradores del gestor web.

 

Podemos añadir o eliminar usuarios de un grupo en cualquier momento y los cambios se aplicarían automáticamente a las páginas que estén restringidas para ese grupo.
 

Cierre admiración

Todas las opciones que hemos visto en este tema, sólo se aplicarían a las páginas interiores de un website.

 

La portada no presentará ninguna de estas opciones, pues es el punto de entrada al website y siempre debería estar disponible. Sólo permitirá Actualizar menús y Actualizar portada:

Actualizar Menús y Portada


 

2.4 Plantillas

2.4.1 Introducción a las plantillas

Cuando empezamos a editar un sitio web en el gestor web institucional, a lo primero a que nos enfrentaremos es a la decisión de cómo vamos a mostrar los contenidos que queremos ubicar en nuestra página.

Para ello contamos con un conjunto de plantillas con las que podemos estructurar el contenido de la misma. Por defecto las páginas se presentan con un único bloque que ocuparía toda la página.

Las plantillas permiten organizar el contenido en bloques, cada bloque de una plantilla permite insertar uno o más widgets consecutivos en él (sean o no del mismo tipo).

 

Plantillas

 

Dentro de las plantillas de página, existen multitud de configuraciones que permiten cubrir practicamente todas las posibilidades más comunes que podamos imaginar. Podemos organizar el contenido en una, dos, tres o hasta cuatro columnas de igual tamaño, o bien diversas configuraciones en las que unas columnas son más anchas que las otras. Establecer un área común antes o después de la sección dividida en columnas y espacios en forma de matriz de hasta 4x2, o bien una configuración con una combinación de todo tipo de columnas.

Podemos jugar con esto cambiando las plantillas y probando diversas formas de ubicar el contenido para ver cúal es la que más nos satisface.

Para configurar la plantilla de nuestra página, pulsaremos en la sección Configuración -> Cambiar plantilla de la columna de herramientas izquierda. Se nos mostrará una vista previa de todas las plantillas disponibles para la página.
 

Cambiar plantilla

Plantillas de página

 

2.4.2 Motivación del uso de plantillas

Estructurar el contenido en diversos bloques es importante de cara a cómo se vera nuestra página en distintos dispositivos.

Las plantillas de la UCM son responsive, esto quiere decir que cuando cambie la resolución de visualización de nuestra página (por ejemplo, si se ve desde un movil), los elementos que se desplazarán para adaptarse al cambio de resolución serán cada uno de los bloques que tenga nuestra plantilla.

Si por ejemplo, nuestra plantilla tuviera un área unica seguida de tres columnas (1-3-1), cuando la resolución de visualización no fuera suficiente para mostrarla, la página se reestructuraría moviendo los bloques hacia abajo, de forma que se vería primero el bloque de área única, debajo el bloque de la izquierda, debajo el bloque del centro y por último el bloque de la derecha:

 

Comportamiento responsive de los contenedores de las plantillas

 

Cierre admiraciónAntiguamente las páginas se maquetaban usando tablas, en las cuales se distribuía el contenido en las diversas celdas. Esto era habitual porque permitía estructurar el contenido a nuestro gusto y la mayoria de los dispositivos que accedían a las páginas usaban unas pocas resoluciones estándar

 

Hoy en día, esta es una práctica totalmente desaconsejada, pues de esa forma el contenido no se reorganiza correctamente y dado la enorme variedad de dispositivos con dispares resoluciones que podemos encontrar, haría que las páginas no se pudieran visualizar correctamente.

 

BombillaNo es necesario rellenar todos los bloques de una plantilla con contenido. Podemos elegir plantillas que tengan una distribución que nos interese, pero no estamos obligados a cargar contenido en todos los bloques, por tanto aquellos bloques que no usemos, no van a mostrarse en la página.

 

Por ejemplo: si quisieramos una distribución de tres columnas con un área única inferior, aunque no hay una plantilla con esa distribución exacta, podríamos usar la plantilla 1-3-1 y omitir cargar ningún contenido el área única superior.

Siguiendo este razonamiento, las plantillas 2-1 y 1-2 se podrían considerar redundantes, pues la 1-2-1 cubriría ambas. En este caso, se han incluido expresamente pues son usadas habitualmente.

 

2.4.3 Cambio de plantilla

Una vez hemos definido una plantilla y hemos empezado a ubicar widgets en ella, puede que decidamos que nos conviene más usar otra. En teoría esto no debería ser ningún problema.

En la práctica, los cambios de plantilla una vez tienen asignados contenidos en los bloques presentan problemas, sobre todo si la plantilla que estabamos usando tenía varias columnas.

 

Cierre admiraciónPROBLEMA: Al pasar de una plantilla con más columnas a otra que tenga menos columnas, el contenido de alguna de ellas aunque se muestre en la página publicada, no se visualizara en la edición y no podremos modificarlo.

 

En estos casos, para realizar el cambio y evitar complicaciones podemos seguir dos estrategias:

  1. Metodo 1: Desactivar todos los widgets que hemos arrastrado a los diversos bloques de la página, pulsando en el aspa roja de cada uno de ellos Aspa roja widgets y usando la opción Desactivar y guardar:

    Desactivar y guardar
     

    Una vez hayamos retirado todos los widgets, podremos cambiar de plantilla sin problemas y tras el cambio, podremos volver arrastras los widgets desactivados a los distintos bloques de la nueva plantilla según nos convenga.

    Los widgets desactivados, aparecerán como Contenido inactivo justo debajo del elemento del menú izquierdo Jerarquía de páginas. Los widget desactivados se recuperan en el orden inverso a como se desactivaron. Es decir, el último widget desactivado será el primero en recuperarse.
     

  2. Método 2: Reorganizar los widgets de los diversos bloques, moviéndolos a la primera columna de la izquierda antes de cambiar la plantilla.
    Después de arrastrar todos los widgets a la columna de la izquierda, es importante pulsar en Contenido actualizado (botón con un tick o un disquete situado  bajo la Jerarquía de páginas) y en Actualizar página en la web:
     
    Tick

 

2.4.4 Plantillas de portada

Hay que tener en cuenta que la página de portada del website dispone de plantillas especiales que no están disponibles para el resto de las páginas. Estas plantillas permitirán dotar a la portada de un aspecto más visual respecto a las plantillas de las páginas interiores del website.

Las plantillas de portada disponibles son las siguientes:

 

 Plantillas de portada

 

Podemos clasificarlas en dos grupos:

  1. La identificada con IMG y resto de plantillas NO NEWS son plantillas de portada en las que podemos añadir imágenes de fondo que rotarán aleatoriamente.
  2. Las plantillas identificadas con NEWS que son plantillas de noticias

 

Plantillas de portada IMG o NO NEWS

En caso de seleccionar la plantilla identificada con IMG (o cualquier plantilla NO News) dentro de Configuración de la barra de herramientas, aparecería la opción:

  • Gestionar fotografías de portada.

Gestionar fotografías de portada

Esta opción se verá con más detalle en la sección del curso de Gestión de Imágenes, no obstante, lo que ofrece es la posibilidad de subir un conjunto de imágenes que se muestren como fondo de portada de forma aleatoria, al cargar la portada.

 

Plantillas de portada NEWS

En el caso de usar una plantilla identificada con NEWS, dentro de Configuración de la columna de herramientas, aparecería la opción:

  • Gestionar noticias de portada.

Gestionar voticias de portada

En este caso lo que se ofrece es un gestor de noticias para dar contenido a la plantilla. Esto se verá en más detalle en la sección del curso Noticias.

La herramienta Gestionar avisos de portada, también sería de utilidad sólo en caso de que hayamos seleccionado una portada de noticias.

El bloque de noticias tendrá siempre la misma distribución:

Bloque de noticias de portada

 

  • El lado izquierdo mostrará un carrusel con un máximo de cuatro elementos en el que su ubicarán las noticias destacadas.
  • En la parte de la derecha se muestran las imágenes de las noticias quinta y sexta.

Por debajo de la sección de visual, se situarian dos bloques más asociados a las noticias:

  • El bloque de la izquierda mostraría una vista de las noticias séptima y siguientes y enlaces a Eventos, UCM Directo y Tribuna Complutense.

  • El bloque de la derecha muestran un listado de los elementos que hayamos configurado en Avisos y destacados.
     

Por debajo de estos elementos, se sitúan los bloques propiamente de contenido de la portada.

Bombilla

 

Hay que tener en cuenta que en caso de no tener activas más de seis noticias o no tener activo ningún Aviso y destacado, esos bloques no se mostrarían.

 

Igualmente si sólo hubiera un máximo de cuatro noticias, el carrusel ocuparía todo el ancho de la parte superior, desapareciendo el espacio reservado para las noticias quinta y sexta.

Todo esto se verá con más detalle en la sección de Noticias del curso.