2. Configuración

• Introducción
• Acceso al panel de administración
• Datos de contacto
• Diseñar la portada
• Barras laterales
• Menús

Introducción

En este apartado aprenderás a configurar un sitio web para establecer los datos de contacto y su estructura general, que incluye los elementos que van a formar parte de la portada, de las barras laterales o del menú.

Para ello, deberás acceder con tus credenciales al panel de administración de WordPress. Cada persona tendrá unicamente acceso a la configuración de aquellos sitios en los que esté autorizada y será responsable de que los datos y la estructura de los mismos sea la adecuada.

Acceso al panel de administración

Acceso

Para acceder al panel de adminstración desde donde poder realizar todas las acciones necesarias para gestionar un sitio web, accede a través del link Acceso a edición que puedes encontrar en el pie de la página. Es el último enlace, tanto en el sitio principal:

Como en cada sitio específico:

Las credenciales para acceder son las de tu correo electrónico de la Universidad. Si ya tienes iniciada sesión en el mismo navegador, entrarás automáticamente, en caso contrario, introduce tu cuenta de correo y la contraseña correspondiente.

Si no puedes acceder, comprueba que no hayas iniciado sesión en el navegador con otra cuenta diferente a la que tiene permisos de edición en el portal, por ejemplo, una institucional.

Panel de administración

Dentro del panel de administración encontrarás todas las opciones necesarias para el mantemiento de un sitio web. Cuenta con las siguientes secciones:

1. Mis sitios: Esta opción solo es relevante si tienes permisos de edición para más de un sitio. Permite cambiar entre el panel de administración de cada uno de ellos.
2. Sitio actual: Acceso directo a la parte pública.
3. Añadir: Acceso directo para crear cualquier tipo de contenido. Si pinchas, se creará una Noticia, si solo pones el ratón encima se despliega la lista de todos los tipos para que eligas el adecuado.
4. Usuario: Accede a tu perfil o cierra sesión.
5. Barra lateral: Menú en el que encontrarás todas las opciones necesaria para la gestión del sitio. En las siguientes páginas de este manual se describen los elementos más relevantes.

Datos de contacto

En la barra lateral del panel de administración se encuentra el menú Ajustes UEx. En él, se puede acceder a la página Datos de contacto, donde se pueden rellenar para que aparezcan publicados en la web. Esta página tiene tres secciones:

Identificación del sitio web

Esta sección tiene un único campo en el que es posible añadir una descripción sobre el sitio. Esta descripción es la que mostrará Google en la lista de resultados cuando busquen por nuestro sitio.

Datos de contacto

En esta sección, puedes rellenar los datos de contacto de hasta 4 ubicaciones, una por cada pestaña. Solo es necesario rellenar aquellos datos que se quieran mostrar, los que queden en blanco no serán visibles:

Los datos que puedes rellenar son:

• Correo electrónico de contacto: Si quieres que aparezca en la cabecera de la web, debes marcar el check que lo acompaña. Se pueden mostrar 1 o 2 correos electrónicos en función de lo indicado. Si se marcan más de 2, se mostrarán solo los primeros, siguiendo el orden de ubicaciones de la A a la D.
• Teléfono de contacto: Si quieres que aparezca en la cabecera de la web, debes marcar el check que lo acompaña. Se pueden mostrar 1 o 2 teléfonos en función de lo indicado. Si se marcan más de 2, se mostrarán solo los primeros, siguiendo el orden de ubicaciones de la A a la D.
• FAX de contacto
• Dirección postal
• Latitud
• Longitud
• Título del mapa: Si quieres, añade un título que identifique a la ubicación que se muestra, principalmente para diferenciarla en el caso de tener más de una. Por ejemplo, puedes escribir el nombre de la ciudad donde se encuentra.

Redes sociales

Aquí puedes añadir las cuentas de las redes sociales que se utilicen en tu servicio o centro para divulgar información. Al igual que con los datos de contacto, solo se mostrarán aquellas que no estén en blanco.

¿Dónde se muestra esta información?

1. Cabecera:

Se mostrarán los dos primeros correos electrónicos y teléfonos que se marquen como visibles, en orden, de la ubicación A a la D.

2. Pie de página:

Se mostrarán los dos primeros correos electrónicos, teléfonos y direcciones en orden, de la ubicación A a la D.

3. Componentes de la portada:

Más información: Si quieres más información sobre qué es un componente, cuáles hay disponibles y cómo utilizarlos, continúa leyendo la sección Diseñar la portada

Diseñar la portada

Este apartado del menú de administración permite configurar la portada del sitio. El primer paso será elegir el tipo de portada que queremos y a continuación añadirle contenido. En esta sección se describen los dos tipos de portada disponibles y como utilizarlas.

Portada basada en componentes

Este tipo de portada permite diseñar la portada o página principal del sitio web de una manera sencilla, simplemente configurando en esta misma página del panel de administración los elementos que queremos que aparezcan. A estos elementos los llamaremos Componentes de la portada.

Para utilizar esta opción, en Tipo de portada selecciona Portada basada en componentes y continúa con su configuración en la sección que encontrarás más abajo.

En ella encontrarás dos columnas: Lista de componentes y Portada del sitio.

1. Lista de componentes: Todos los componentes que tenemos disponibles para incluir en la portada del sitio pero que no se están usando en este momento.
2. Portada del sitio: Componentes que son visibles actualmente en la portada del sitio. En el orden que queremos que aparezcan.

¿Cómo funciona?

• Componentes predefinidos: Todos los componentes (excepto Presentación, Auxiliar y Mapas) vienen predefinidos y derivan de un Tipo de contenido.

  • Presentación y Auxiliar: Permiten añadir texto libre en los cuadros que aparecen en la parte inferior de esta página.

    Saber más: Puedes añadir un shortocode o copiar y pegar el código html de un bloque predefinido.

  • Mapas de ubicación: Permiten mostrar las ubicaciones que has rellenado en Datos de contacto.
    • 1 Mapa de ubicación 3: Muestra 1 mapa con las coordenadas de la ubicación A. Si has rellenado el campo Título del mapa aparecerá encima del mismo, puedes dejarlo en blanco si no quieres mostrarlo. Este componente ocupa todo el ancho de la portada.
    • 1 Mapa de ubicación 2: Muestra 1 mapa con las coordenadas de la ubicación A. Si has rellenado el campo Título del mapa aparecerá encima del mismo, puedes dejarlo en blanco si no quieres mostrarlo. Este componente ocupa 2 columnas.
    • 2 Mapas de ubicación 3: Muestra 2 mapas con las coordenadas de las ubicaciones A y B. Si has rellenado el campo Título del mapa aparecerá encima de cada uno de ellos, puedes dejarlo en blanco si no quieres mostrarlo. Este componente ocupa 3 columnas.
    • 4 Mapas de ubicación 3: Muestra 4 mapas con las coordenadas de todas las ubicaciones. Si has rellenado el campo Título del mapa aparecerá encima de cada uno de ellos, puedes dejarlo en blanco si no quieres mostrarlo. Este componente ocupa 3 columnas.
      

• Estructura:

  • La portada está dividida en 3 columnas y 10 filas, como si fuera una tabla invisible.

  • Cada componente ocupa el número de columnas que aparece detrás de su nombre. Por ejemplo, si aparece el número 3, indica que ese componente ocupará las 3 columnas de la fila, tal y como sucede con el caso del componente Noticias 3. Pero si en cambio, queremos mostrar en la misma fila, las últimas noticias y los elementos de interés, pondremos los componentes Noticias 2 y Elementos de interés 1 uno al lado del otro.

    Excepción: El elemento Noticias 4 ocupa el mismo espacio que Noticias 3, pero muestra una noticia más.

• Arrastrar y soltar: Para incluir un componente nuevo, solo es necesario arrastrarlo de la columna Lista de componentes a la columna Portada del sitio y colocarlo en la fila y columna deseada.

• Descartar componente: Para descartar un componente en uso, lo arrastramos de la columna Portada del sitio a la columna Lista de componentes y lo soltamos en cualquier posición.

• Botón Limpiar componentes: Vacía la portada para empezar a colocar los componentes desde 0.

• Botón Cargar distribución anterior: Elimina los cambios que acabamos de hacer, volviendo al punto en el que estaba la portada la última vez que se guardaron los cambios.

• Botón Guardar cambios: Cuando esté todo listo, no olvides confirmar los cambios en el botón que se encuentra al final de la página.

La imagen de ejemplo anterior, muestra varias filas de la portada configuradas con unos determinados componentes. Si nos fijamos en la última de ellas, el componente Noticias 2 más el componente Social 1 daría el siguiente resultado:

Página estática

Existe otra opción para diseñar la portada. Consiste en:

1. Crear una página.
2. Añadir el contenido que queramos que aparezca en la portada del sitio
3. Indicar que queremos utilizar esta página como portada siguiendo estos pasos:
   • En Tipo de portada marcar la opción Una página estática
   • En el desplegable Página de inicio elegir la página que hemos creado para la portada.
   • Guardar cambios.

En primera instancia, al hacer la migración de contenidos desde el portal antiguo al nuevo, todos los sitios empiezan utilizando esta opción para poder conservar la portada lo más similar posible a la anterior. La página que se ha creado para tal fin tiene como título el nombre del sitio y en la estructura de páginas se identifica con el icono de una casa.

Lo ideal es que todos los sitios migren sus portadas a la opción Portada basada en componentes, que facilita el diseño y modificación de las mismas y además, estandariza el diseño de todas las portadas de todos los sitios.

Barras laterales

Las noticias y páginas que añadimos en la web pueden incluir una barra lateral en la parte derecha, para ofrecer información y accesos directos de forma sencilla.

Widgets

Los widgets en WordPress son los elementos que vamos a utilizar para establecer qué queremos mostrar en una barra lateral. Son pequeños componentes que leen cierta información de la web, por ejemplo, las últimas noticias publicadas, y la muestran con un determinado formato.

Entre los widgets disponibles, están los ofrecidos por WordPress y algunos propios del Tema UEx. Estos últimos están asociados a un Tipo de contenido específico.

Añadir widgets a una barra lateral

En el panel de administración de WordPress, accede al menú Apariencia y al submenú Widgets. Aquí, usando el listado de los widgets disponibles, puedes configurar hasta dos barras laterales con elementos distintos para usarlas en diferentes contenidos:

• Barra lateral principal: Es la que se muestra por defecto en las páginas nuevas.
• Barra lateral secundaria: Es la que se muestra junto al listado de noticias. También la puedes establecer como barra lateral de una página en concreto (Para saber cómo, lee la sección Plantillas).

Si tienes dudas sobre la diferencia entre páginas y noticias, ve a la sección Tipos de contenido.

Cómo funciona

• Arrastrar y soltar: Para establecer qué widgets aparecerán en cada barra lateral, solo es necesario arrastrar y soltar en la posición deseada.

  Recuerda: La Barra lateral secundaria se mostrará junto al listado de noticias, por lo que no es recomendable añadir el widget Noticias recientes porque mostrará la información de manera redundante.

• Configuración de cada widget: Puedes dejar la configuración por defecto de cada widget o personalizarla rellenando los campos que aparecen cuando se abre el desplegable de cada uno. Por ejemplo, en el widget Noticias Recientes se puede establecer un título y el número de noticias a mostrar.

  

Menús

En el menú Apariencia puedes encontrar dos páginas referentes a los menús de la web, Menús y Actualizar menú principal. En los siguientes apartados explicamos las funciones de cada una.

Menús

Esta página es la principal para la configuración de los menús de un sitio. En todos los sitios encontrarás predefinido el que llamaremos Menú principal, que es el que se encuentra en la cabecera y contiene la estructura principal de web.

Los elementos que encontramos en este menú vienen definidos por defecto. Esta estructura permite mantener la homogeneidad, pero se ha adecuado a cada tipo de sitio, es decir, si pertenece a un centro, a un servicio, etc…

Como puedes ver en la página de configuración de menús, cuando el Menú principal está seleccionado, aparece un mensaje indicando que no es posible editar este menú. Para saber como hacerlo, sigue leyendo la siguiente sección.

Sin embargo, sí que puedes crear un nuevo menú y añadir los elementos que quieras. Este nuevo menú lo puedes añadir a las Barras laterales mediante el widget Menú de navegación.

Actualizar Menú principal

Más que una página, Actualizar Menú principal es un botón. Cuando lo pulsamos, resetea automáticamente los elementos que aparecen en el menú, de manera que:

• Los elementos de primer nivel que establecen la estructura general del menú se mantienen y no es posible editarlos.
• Los subelementos dependen de la estructura de páginas madres e hijas que establezcamos editando cada página.

  Más información: Si quieres más información sobre qué son las páginas madres e hijas y como crear esta estructura, continúa leyendo la sección Páginas

• Una vez establecidas las relaciones entre páginas, pulsa el botón Actualizar Menú principal y se mostrará un mensaje indicando que el menú ha sido actualizado correctamente.