3. Tipos de contenidos

• De un vistazo, ¿cuál debo usar?
• Noticias
• Páginas
• Destacados
• Enlaces de interés
• Enlaces a vídeos
• Imágenes carrusel
• Banners
• Biblioteca de medios

De un vistazo, ¿cuál debo usar?

A la hora de crear contenido en un sitio web, existen diferentes tipos a tener en cuenta en función de la finalidad que tenga la información que quieras publicar. En este capítulo, vamos a ver qué tipos hay disponibles, para qué usar cada uno y algunos ejemplos que esperamos te ayuden a elegir entre uno u otro.

Tipos de contenido disponibles

¿Qué tipo de contenido uso?

Como se puede ver en la tabla, hay tres tipos de contenido que son propios de WordPress. Estos son los tipos básicos que se utilizarán en la mayoría de los casos.

• Noticias: Están pensadas para informar sobre la actualidad de la Universidad. Cada noticia tiene una fecha asociada que será la fecha de su publicación. Habitualmente, las últimas noticias publicadas se mostrarán en la portada del sitio y en la barra lateral de las páginas.

  Para saber más: Si quieres buscar información sobre este tipo de contenido en internet, debes saber que WordPress lo llama posts o entradas. Le hemos cambiado el nombre a Noticias para que refleje de una manera más clara su uso.

• Páginas: Se utilizan para mostrar información estática que perdura a lo largo del tiempo. Es el tipo de contenido que utilizarás en la mayoría de los casos. Por ejemplo, para publicar el listado de grados disponibles o información acerca de las instalaciones de una facultad o escuela. El acceso a estas páginas puede facilitarse desde el menú principal del sitio o con un enlace desde otro contenido.

• Medios: Permite subir imágenes y documentos para más tarde enlazarlos a otros tipos de contenidos.

  Atención: La Biblioteca de medios de WordPress es el punto único de subida de imágenes y documentos. Todo lo que subamos ya sea desde el panel de administración o mientras editamos cualquier contenido, se verá reflejado aquí. Por favor, mantén este espacio actualizado y con nombres representativos para facilitar su mantenimiento y la búqueda de cualquier material. Elimina siempre aquello que ya no se esté utilizando y haya quedado obsoleto.

Por otro lado, están disponibles contenidos propios del Tema UEx. Estos tipos nos permiten destacar información y enlaces relevantes o añadir vídeos al sitio web.

Tanto el tipo Imágenes de carrusel, como Destacados, Enlaces de interés o Banners, se utilizan para destacar enlaces en la portada o en la barra lateral. Lo que cambia entre ellos es la manera en la que se muestran y la información que se puede añadir a cada uno de ellos.

• Imágenes de carrusel: Son las imágenes que se muestran en la parte superior de la portada, que llaman la atención sobre novedades en la Universidad, y que disponen de botonera para desplazarse entre imágenes.

• Destacados: La principal diferencia de este tipo es que permite asociar una imagen y un texto al enlace y se visualiza a modo de carrusel en el que se puede ir navegando por los elementos publicados. Suele utilizarse para llamar la atención sobre acontecimientos que estén sucediendo en estos momentos o vayan a suceder pronto.

• Enlaces de interés: Forman un conjunto de accesos directos en los que se muestra simplemente un título. Por ejemplo, para dar acceso a matrículas, prácticas, buzón de sugerencias, cita previa…

• Banners: Forman un conjunto de accesos directos que se muestran con una imagen en vez de con un título.

Por último, tenemos el tipo Enlaces a vídeos que permite incrustar vídeos de Youtube en la web.

Pero la mejor forma de entender las diferencias entre todos los tipos de contenidos y tener clara la elección, es mediante un ejemplo.

Un caso de uso

Pongamos el ejemplo del sitio web de la Escuela Politécnica.

Ahora mismo se están dando de alta a las y los estudiantes en prácticas en la Seguridad Social. Es muy importante que todas las personas que estén o vayan a realizar prácticas tengan su número de la Seguridad Social y se ha realizado una campaña para que estén informados y sepan cómo realizar los trámites. La mejor forma de darle publicidad a dicha campaña es añadirlo como Imagen de carrusel a la portada.

A su vez, para que puedan realizar prácticas necesitan saber qué ofertas de empleo hay disponibles. Para ello, se decide crear una Página con el listado de empresas que tienen convenio con la Universidad. Además, creemos que es una página de uso frecuente, por tanto vamos a simplificar su búsqueda y añadirla a la lista de Enlaces de Interés, junto con el acceso a las titulaciones y los trámites administrativos.

También queremos crear un acceso directo al SIAA, porque pensamos que es un servicio muy importante para el alumnado y tenerlo accesible ayudará a que lo conozcan y hagan uso de él. Para diferenciarlo de alguna manera de la sección anterior y además poder añadir el logo del servicio, se decide utilizar un Banner.

Por otro lado, como todos los años, llega el plazo de realizar el adelanto de la convocatoria a Enero. Aunque no es una novedad, no queremos que a nadie se le pase el plazo, por lo que vamos a llamar la atención sobre ello. En este caso crearemos un Destacado que a modo de tablón de anuncios informe de las fechas en las que pueden realizar este trámite y redirija a la página en la que pueden obtener más información.

Y hablando de actualidad, estamos de enhorabuena, dos alumnas de la Escuela han ganado un premio al trabajo fin de grado. Vamos a contarlo mediante una noticia.

Por útlimo, para que se conozcan mejor algunas titulaciones, se ha hecho un vídeo dando a conocer las instalaciones de la Escuela. Añadamos entonces, el vídeo a la portada para que todo el mundo lo vea.

Noticias

Las noticias permiten informar sobre la actualidad de la Universidad. Están formadas por:

• Título
• Contenido
• Imagen principal
• Fecha de publicación

Cómo publicar una noticia

En el panel de administración de WordPress encontrarás el menú Noticias con varios submenús:

• Todas las noticias: Listado de todas las noticias creadas anteriormente. Permite realizar varias acciones sobre cada una de ellas como acceder al editor, a la vista previa o enviarlas a la papelera.
• Añadir una noticia: Abre un editor en blanco para crear una nueva noticia.
• Categorias y etiquetas: Añade categorías y etiquetas a tus noticias para mejorar su clasificación y búsqueda.

Atención: Al añadir una noticia, es imporante que la imagen destacada se ajuste al tamaño indicado en el editor de 831 x 346 píxeles o al menos guarde la misma proporción para que se visualice correctamente.

Dónde encontrar la noticia publicada

En todos los sitios web se puede encontrar un listado con todas las noticias publicadas siguiendo la ruta: ruta-del-sitio/noticias.

Además, podrá añadirse un resumen de las últimas noticias tanto a la portada del sitio como a la barra lateral, y en las páginas de perfiles aparecerán aquellas que sean de interés para el colectivo en cuestión.

Portada

Es posible añadir a la portada del sitio un resumen con las últimas noticias publicadas gracias al componente Noticias. Para saber cómo utilizarlo vuelve a la sección Diseñar la portada.

El componente Noticias está disponible en diferentes versiones. Todas ellas muestran las últimas noticias publicadas y ofrecen un enlace para acceder al listado completo. La diferencia entre ellas radica en el formato visual.

En la siguiente imagen se puede ver un ejemplo del componente Noticias 1.

Barra lateral

En las Barras laterales, el equivalente a los componentes son los widgets.

El widget Noticias recientes permite añadir un resumen con las últimas noticias en la barra lateral de una página. Es similar al componente Noticias 1 añadiendo la posibilidad de elegir el número de noticias que se quieren mostrar y de establecer un título para la sección.

Páginas de perfiles

En la cabecera, se pueden encontrar las páginas dedicadas a cada perfil: Preestudiantes, estudiantes, profesorado, administración y servicios y empresas.

A estas páginas, se le ha añadido el componente Noticias 1. En este caso, las noticias que mostrará serán aquellas que han sido catalogadas como de interés para un colectivo concreto en cualquiera de todos los sitios que forman parte del Portal Institucional.

Un ejemplo:

El Servicio de Información y Atención al Alumnado publica una noticia que considera de interés para todo el alumnado de la Universidad. En este caso, la persona encargada de publicar esta noticia la clasifica dentro del perfil Estudiantes. De esta manera, la noticia será visible en el sitio propio del SIAA pero también en la página de perfil Estudiantes disponible en todos los sitios.

Asignar perfiles

Importante: Utiliza esta opción solo si estás segura o seguro de lo que implica. La noticia a la que apliques el cambio estará automáticamente disponible en la página del perfil indicado, que tiene acceso directo desde todos los sitios del Portal Insititucional

Al añadir una nueva noticia o editar una ya existente, debajo del editor de contenido se encuentra la opción Perfil. Haz click sobre el perfil o los perfiles en los que quieres publicar esta noticia. Si quieres descartar un perfil previamente seleccionado, vuelve a clickar sobre él.

Páginas

Importante: Es el tipo de contenido que utilizarás en la mayoría de los casos

Las páginas se utilizan para publicar información relevante que queremos que esté disponible en un sitio web y siempre tendrá un título identificativo y el contenido que se quiera publicar. Este contenido se puede estructurar gracias al editor de contenido. De manera opcional se puede añadir una imagen destacada que se mostrará encima del contenido.

Cómo publicar una página

En el panel de administración de WordPress encontrarás el menú Páginas con varios submenús:

• Todas las páginas: Listado de todas las páginas creadas anteriormente. Permite realizar varias acciones sobre cada una de ellas como acceder al editor, a la vista previa, enviarlas a la papelera o duplicarlas.

  Además del listado general que podemos encontrar en el centro de la pantalla, a la izquierda veremos una barra lateral que organiza todas las páginas en una estructura jerárquica (se explica más adelante).

• Añadir nueva: Abre un editor en blanco para crear una nueva página.

Estructura jerárquica

Siempre que estemos en el panel de administración gestionando contenidos de tipo Página, veremos a la izquierda una barra lateral que muestra todas las páginas creadas hasta el momento organizadas en una estructura jerárquica.

En WordPress, se puede establecer una página como Superior de otra o de un conjunto. Así, podemos organizarlas y relacionarlas entre sí. Esta página se suele denominar Madre y a las que dependen de ella, páginas Hijas.

Por ejemplo, se puede equiparar esta relación a las páginas que se incluyen dentro del menú principal:

Esta información facilita la localización, administración y mantenimiento de páginas. Para utilizar esta funcionalidad, al editar una página, se puede establecer cual es su página Superior; sin embargo, la opción más sencilla y rápida es seleccionar y arrastrar las páginas dentro de la estructura de la barra lateral.

Plantillas

A cada página, se le puede asignar una Plantilla de página. Estas plantillas permiten mostrar la información de diferentes maneras. Esta flexibilidad consigue que sea posible adaptar el formato al contenido de cada una de las páginas y conseguir que sean más claras y atractivas para el público.

Para ello, al crear o editar una página, se puede seleccionar la plantilla que deseamos utilizar en la sección Atributos de página. Las plantillas disponibles son las siguientes:

Páginas hijas: Las páginas pueden relacionarse entre sí, siguiendo una estructura de madres e hijas creando una jerarquía que facilite este tipo de índices o la estructura de un menú. Las páginas hijas de una misma página madre, se consideran hermanas.

Dónde encontrar la página publicada

La única manera de que el público pueda acceder a una página que hemos publicado, es ofrenciéndole un enlace a ella. Para ello tenemos varias herramientas a nuestra disposición en las que incluir enlaces, o simplemente incluirlo en el contenido de, por ejemplo, otra página o una noticia:

• En el menú principal.
• En las Barras laterales mediante un widget.
• En la Portada mediante un Componente.
• En un enlace estándar dentro de cualquier contenido.

Destacados

El tipo de contenido Destacados, está pensado para destacar, como su nombre indica, en la portada de los sitios web, contenido o enlaces que consideremos que tienen la suficiente importancia y que debemos llamar la atención sobre ellos. Normalmente están relacionados con la actualidad de la Universidad y es importante que las personas se enteren a tiempo de lo que va a suceder o está sucediendo. Por ejemplo, para anunciar unas jornadas o animar a la comunidad universitaria a que se inscriba en un congreso.

Cada Destacado, está formado por:

• Imagen principal
• Título
• Texto: Un par de frases o un pequeño párrafo
• Enlace

Cómo publicar un Destacado

En el panel de administración de WordPress encontrarás el menú Tipos UEx, donde se agrupan todos los tipos personalizados del tema UEx. Entre ellos se encuentra el tipo Destacados, donde podrás ver el listado de todos los Destacados creados anteriormente.

Puedes realizar varias acciones sobre cada uno de ellos como acceder al editor, a la vista previa o enviarlos a la papelera. Para crear un Destacado nuevo, utiliza el botón que aparece en la parte superior con el texto Añadir nuevo.

Es importante añadir un enlace a una página con información adicional, ya sea o no, del sitio web que estamos editando. También es necesario agregar una imagen relacionada con la publicación que capte la atención. Esta imagen debe ajustarse al tamaño indicado en el editor de 530 x 300 píxeles o al menos, guardar la misma proporción para que se visualice correctamente.

Dónde encontrar el Destacado publicado

Portada

Se pueden mostrar los Destacados en la portada del sitio haciendo uso del componente preparado para ello. Este componente mostrará los 10 últimos Destacados según orden de publicación.

Visualmente muestra la imagen con un pequeño texto a la derecha. Si el texto escrito es demasiado largo se truncará. Los Destacados se muestran de uno en uno y se pueden ver los siguientes haciendo uso de las flechas a derecha e izquierda a modo de carrusel.

Barra lateral

El widget es similar al componente. Es de tamaño más reducido para ajustarse al tamaño de la barra lateral, por tanto, el texto se muestra debajo de la imagen y se muestran menos caracteres. Se puede seleccionar el número de Destacados que se muestran.

Enlaces de interés

Este tipo de contenido permite añadir enlaces directos tanto en la portada como en la barra lateral. Cada uno será una pequeña tarjeta que contiene el título y permite redireccionar al enlace que se especifique, por ejemplo, a los trámites para hacer la matrícula.

Cómo publicar un enlace de interés

En el panel de administración de WordPress encontrarás el menú Tipos UEx, donde se agrupan todos los tipos personalizados del tema UEx. Entre ellos se encuentra el tipo Enlaces de interés, donde podrás ver el listado de todos los Enlaces de interés creados anteriormente.

Puedes realizar varias acciones sobre cada uno de ellos como acceder al editor, a la vista previa o enviarlos a la papelera. Para crear un Enlace de interés nuevo, utiliza el botón que aparece en la parte superior con el texto Añadir nuevo.

A parte del título, se debe establecer:

• Enlace
• Color: Gris, naranja o verde. Este color se utilizará para las letras y los elementos decorativos.

De manera opcional se puede establecer:

• Orden: Un número que determinará la posición de ese enlace respecto a los demás.

Dónde encontrar el Enlace de interés publicado

Portada

En el caso de la portada, se pueden mostrar en filas de 3 columnas si usamos el componente Enlaces de Interés 3 o todos en la misma columna si usamos el componente Enlaces de Interés 1. Se pueden mostrar hasta 15 enlaces.

Barra lateral

El widget Enlaces de interés muestra cada enlace uno debajo de otro, respetando el diseño y el color del componente. Se puede elegir el número de enlaces a mostrar.

Enlaces a vídeos

Los enlaces a vídeos permiten incrustar en el sitio web vídeos de Youtube. Para ello, solo es necesario añadir desde el panel de administración un nuevo elemento de tipo enlaces a vídeos y establecer el título y la url de la página de Youtube correspondiente. De manera opcional se puede agregar un texto descriptivo.

Cómo publicar un vídeo

En el panel de administración de WordPress encontrarás el menú Tipos UEx, donde se agrupan todos los tipos personalizados del tema UEx. Entre ellos se encuentra el tipo Enlaces a vídeos, donde podrás ver el listado de todos los Enlaces a vídeos creados anteriormente.

Puedes realizar varias acciones sobre cada uno de ellos como acceder al editor, a la vista previa o enviarlos a la papelera. Para crear un Enlace a vídeo nuevo, utiliza el botón que aparece en la parte superior con el texto Añadir nuevo.

Dónde encontrar el Vídeo publicado

Portada

Como el resto de tipos de contenidos, los enlaces a vídeos también tienen asociado un componente. Éste permite incrustar vídeos en la portada. Haciendo click en estos vídeos no se reproducen automáticamente sino que nos deriva a la página individual de cada vídeo donde podemos reproducir el vídeo y leer el texto asociado. Se puede elegir entre componente de 2 y 3 columnas, es decir, 2 o 3 vídeos, los más recientes.

Archivo

Es posible acceder al archivo de todos los vídeos que hay publicados, se muestren o no en el componente, en la url siguiendo la ruta: ruta-del-sitio/enlaces-videos.

Imágenes carrusel

El tipo Imágenes de Carrusel se utiliza para configurar, valga la redundancia, el carrusel que se muestra en la parte superior de la portada. Este carrusel tiene botones en forma de flecha para pasar al siguiente elemento a la derecha y a la izquierda de la imagen. También se puede seleccionar una concreta en los puntos inferiores.

Este elemento no es opcional, es decir, no es un componente que se pueda elegir en Diseñar la portada. Siempre que exista al menos un elemento de tipo Carrusel, aparecerá en la portada. La única manera de que no se muestre es no tener ningún elemento de este tipo publicado.

Por motivos de accesibilidad, este carrusel no se mueve automáticamente para facilitar el uso de la página a personas a las que este movimiento no les permite concentrarse adecuadamente o les resulta problemático por cualquier otra circunstancia.

Cómo añadir una imagen al carrusel

En el panel de administración de WordPress encontrarás el menú Tipos UEx, donde se agrupan todos los tipos personalizados del tema UEx. Entre ellos se encuentra el tipo Imágenes de carrusel, donde podrás ver el listado de todas las Imágenes de carrusel creadas anteriormente.

Puedes realizar varias acciones sobre cada una de ellas como acceder al editor, a la vista previa o enviarlas a la papelera. Para crear una Imagen de carrusel nueva, utiliza el botón que aparece en la parte superior con el texto Añadir nueva.

Es necesario agregar una imagen relacionada con la publicación que capte la atención. Esta imagen debe ajustarse al tamaño indicado en el editor de 1600 x 500 píxeles o al menos, guardar la misma proporción para que se visualice correctamente.

Por último, añadimos una url que lleve a la página que extiende la información ofrecida por la imagen, para que cuando se pinche sobre ella rediriga al contenido que se quiera ofrecer.

Banners

Este tipo de contenido realiza una función similar a la de los Enlaces de interés. La principal diferencia es que en este caso, en vez de mostrarse el título establecido para la publicación, se muestra la imagen destacada que se ha seleccionado. Para acceder al enlace solo es necesario pinchar sobre la imagen que se muestra.

Cómo añadir un nuevo Banner

En el panel de administración de WordPress encontrarás el menú Tipos UEx, donde se agrupan todos los tipos personalizados del tema UEx. Entre ellos se encuentra el tipo Banners, donde podrás ver el listado de todos los Banners creados anteriormente.

Puedes realizar varias acciones sobre cada uno de ellos como acceder al editor, a la vista previa o enviarlos a la papelera. Para crear un Banner nuevo, utiliza el botón que aparece en la parte superior con el texto Añadir nuevo.

Para publicar un Banner es necesario agregar:

• Imagen: Debe ser del tamaño recomendado en el editor (330 x 100 px) o al menos que guarde la misma proporción para que se visualice correctamente.
• Enlace: URL que dirija a la página deseada.

De manera opcional se puede establecer:

• Orden: Un número que determinará la posición de ese banner respecto a los demás.

Dónde encontrar el Banner publicado

Portada

Se pueden mostrar en filas de 3 columnas si usamos el componente Banners 3. En el caso de utilizar el componente Banners 1, se muestran todos los banners en la misma columna. Se pueden mostrar hasta 6 Banners.

Barra lateral

El widget Banners muestra cada enlace uno debajo de otro. Se puede elegir el número de banners a mostrar.

Biblioteca de medios

Es el lugar donde se subirán todas las imágenes y documentos que más tarde se enlazarán a los contenidos. Permite añadir, editar, ordenar y eliminar las imágenes y documentos.

Qué archivos puedo subir

Solo es posible subir imágenes y documentos de los formatos que se indican a continuación, no es posible subir vídeos ni audios. El tamaño máximo del fichero es de 20MB.

Formatos de imagen permitidos:

• jpg | jpeg | jpe
• png
• gif
• webp

Formatos de documentos permitidos:

• pdf
• doc | docx | docm | odt
• pot | pps | ppt | pptx | pptm | ppsx
• xla | xls | xlt | xlw | xlsx | xlsm | xlsb | key

Gestión de carpetas

En la biblioteca de medios, es posible organizar las imágenes y documentos utilizando carpetas. Entra las opciones más siginificativas, encontrarás las siguientes:

• Creación de nuevas carpetas: En el árbol de carpetas que podemos encontrar a la izquierda de la pantalla, pincha sobre una carpeta para abrirla y a continuación pulsa el botón «Añadir nueva carpeta». Indica el nombre de la nueva carpeta y pulsa sobre «Crear». La nueva carpeta se creará dentro de la carpeta que habíamos seleccionado en primer lugar, que puede ser una que hayas creado previamente o la principal, denominada «Biblioteca de medios», si va ser una carpeta de primer nivel dentro de la estructura.
• Editar y borrar carpeta: Pinchando con el botón derecho sobre una carpeta accederás al menú de opciones de edición. Desde aquí podrás renombrarla o cambiar su color, entre otras acciones disponibles. También podrás eliminar la carpeta.

  Atención: Eliminar una carpeta también borrará todo su contenido.

• Mover medios: Para mover medios a una carpeta, solo es necesario arrastrar y soltar. En el caso de querer mover varios a la vez, utiliza la opción «Selección en lotes» de WordPress, selecciona aquellos que queramos mover y a continuación arrastrálos hasta la carpeta deseada.
• Añadir archivos: Para subir un nuevo archivo puedes utilizar el explorador de archivos que se abre al utilizar el botón «Añadir nuevo archivo de medios» o arrastrar desde la carpeta de tu pc hasta la biblioteca de medios. Esto lo puedes hacer con un solo archivo, con varios, o con una carpeta completa. En este último caso se creará en la biblioteca de medios una carpeta equivalente con el mismo nombre.

  Atención: Arrastrar y soltar archivos para subirlos a la biblioteca de medios solo está habilitado desde la vista de Cuadrícula. Si estás viendo los archivos con la vista de Lista debes utilizar el botón «Añadir nuevo archivo de medios».

• Mover carpeta: Para mover una carpeta, simplemente arrástrala hasta su nueva ubicación.

Añadir medios a un contenido

Desde el El editor de contenido, es posible añadir medios a, por ejemplo, una página. Para ello utiliza el botón «Añadir medios» y se abrirá una nueva ventana.

En esta ventana encontrás las mismas opciones que en la biblioteca de medios lo que permite encontrar cualquier archivos fácilmente si tenemos una buena estructura de carpetas. Una vez encontrado, selecciónalo y pulsa Insertar en el contenido.

Galería de imágenes

Para crear una galería de imágenes en lugar de insertar un solo archivo, existen dos posibilidades:

• Crear una galería de carpeta: Selecciona una carpeta y utiliza esta opción para incluir en la galería todas las imágenes que haya dentro de esta carpeta.
  
• Acciones/Crear una galería: Con esta opción puedes seleccionar una a una cada imagen que quieras incluir en la galería navegando entre las distintas carpetas. Cuando hayas completado la selección pulsa Crear una nueva galería. En este punto todavía puedes editar la selección si fuera necesario. Por último Inderta la galería en tu contenido.