Primeros pasos con WordPress: el contenido multimedia

Avanzamos en nuestra serie de artículos sobre el manejo de WordPress con un nuevo tutorial. Si en entradas anteriores hemos profundizado en la instalación, uso del escritorio y entradas y en la creación de categorías y etiquetas, ahora es el turno de la gestión  del contenido multimedia. Esto nos va a permitir añadir y organizar distintos tipos de archivos y contenidos desde nuestro ordenador o desde una URL.

wordpress_s

Para empezar, basta saber que todos los elementos los podemos encontrar en la Librería multimedia, que actúa de repositorio común para todas las publicaciones que se realizan.

img0

 

Podemos añadir los archivos que vayamos a utilizar desde la opción Medios y Librería multimedia.

Para añadirlos, pinchamos en la opción Añadir nuevo del menú principal o, una vez metidos en la pantalla principal, pinchamos en Añadir nuevo de la parte superior.

img1

La interfaz es bastante intuitiva, podemos arrastrar los archivos directamente al área punteada o seleccionar el archivo de la manera tradicional mediante el explorador pulsando la opción Selecciona archivos:

img2

La subida es múltiple; es decir,  podemos subir varios archivos a la vez. El sistema se encarga de gestionar el proceso y nos va informando del estado del mismo por medio de una barra de estado. Una vez subido, disponemos de una previsualización del archivo en la parte inferior.

img3

Si vamos a la opción de Librería multimedia para ver el listado de archivos disponibles y tenemos subida alguna imagen, podremos editarla y realizar algunas acciones sobre ella. Sólo deberemos pasar encima de la fila donde se encuentra el archivo, y pulsar sobre el enlace Editar, también podremos borrarla del servidor o visualizarla.

arsys logo

Al editarla podremos cambiar:

  • Leyenda: Texto que aparece debajo de la imagen cuando se inserta en alguna publicación.
  • Texto alternativo: Es el texto que aparece en lugar de la imagen cuando ésta no está disponible.
  • Descripción: un texto que resuma la imagen.

Además de estas opciones, también podemos editar la imagen. Para ello, pulsamos el botón Editar imagen y aparecerán diferentes acciones a realizar:

img10

Podremos recortar, voltear, escalar y girar, todo con un entrono bastante amigable.

En la parte derecha nos da la información sobre el archivo físico que tenemos en el servidor:

  • Fecha de subida
  • URL del archivo
  • Nombre del archivo
  • Tipo de archivo
  • Tamaño de archivo
  • Dimensiones

En el caso de documentos como PDF o DOCX, solo podremos editar la leyenda y la descripción.

arsys2

¿Dónde y cómo podemos utilizar estos archivos?

Al redactar un contenido (una entrada o una página) para nuestro site, disponemos de un botón encima del área de edición Añadir objeto mediante el cual incluiremos en nuestra publicación cualquier elemento multimedia que queramos.

img7

 

img8

En esta nueva pantalla flotante que nos aparece disponemos de varias opciones que nos van a permitir incluir elementos desde diferentes ubicaciones.

Insertar un objeto

Podemos insertar un objeto subiéndolo desde nuestro ordenador, arrastrando a la ventana o seleccionando a los archivos con el explorador de archivos clásico, buscándolo en nuestro ordenador y subiéndolo.

Una vez subido, ya podremos utilizarlo.

img6

img9

 

 

Indicamos los campos necesarios de la parte derecha. En el caso de imágenes, es conveniente indicar el  campo Texto alternativo.

Una vez subido pinchamos en Insertar en la entrada y se añadirá en el sitio en que estaba situado el cursor antes de empezar.

Si se trata de imágenes podremos indicarle:

  • Alineación con respecto al resto del contenido.
  • Enlazado a: Si al pinchar sobre ella nos va ha llevar a un archivo o a una URL.
  • Tamaño: Al subir una imagen se crean otras de diferentes tamaños que podemos utilizar dependiendo de las necesidades, podremos elegir el tamaño original, medio o miniatura.

Una vez en el área de edición del contenido, podremos cambiar las opciones que tiene la imagen, ya que al clicar sobre ella aparecen las opciones de Editar y Borrar, y en las últimas versiones, también podemos reescalar la imagen.

Crear galería

La opción Crear galería nos permite crear una galería de imágenes para insertarla en nuestro contenido. Para ello, deberemos elegir los elementos que queramos, que aparecerán marcados con el símbolo de selección en la parte superior derecha.

img11

Cuando seleccionemos los que queramos, pulsamos Crear una nueva galería y nos dará las opciones de:

  • Ordenar: podemos arrastrarlas para colocarlas como nosotros queramos o ponerlas en orden inverso a como las tenemos en ese momento. A la derecha también tenemos la opción de orden aleatorio.
  • Enlazar: a una página de adjuntos, a sus correspondientes archivos multimedia o sin enlace de destino.
  • Columnas: en cuantas columnas queremos que se desplieguen.

editar galeria

Una vez insertada, al igual que en el caso de las imágenes, podremos cambiar las opciones una vez pinchemos encima del objeto.

Insertar desde URL

Si  tenemos  una imagen que está en otro servidor y disponemos de la URL y el permiso para utilizarla, podemos recurrir a esta opción, indicando la ruta completa de donde está la imagen.

img13

Al insertar una galería y enlazarla al archivo multimedia, el comportamiento no es tan usable como se esperaría, ya que nos saca de la navegación actual y nos redirige a una nueva página con el archivo en cuestión. Si lo que queremos es que se comporte como una galería con efecto lightbox, sin tener que utilizar nuevos elementos, podemos instalar el plugin JQuery Lightbox For Native Galleries.

También podremos utilizar este mismo plugin para el mismo efecto con imágenes sueltas añadiendo a la etiqueta de la imagen la clase lightbox:

<a href="/blog..." class="lightbox"><img src="/blog..." alt="..." /></a>

Necesitaremos instalar el plugin Colorbox para que funcione correctamente.