Inserción de imágenes en WordPress

En la mayoría de los sitios web, los ficheros multimedia que se utilizan con más frecuencia son las imágenes y fotografías. De aquí la importancia de conocer y utilizar correctamente los procedimientos previstos por WordPress para subir imágenes e incrustarlas dentro del contenido.

Antes de abordar esos procedimientos, sin embargo, hemos de tener en cuenta una serie de recomendaciones, muy a menudo ignoradas.

Consejos sobre el uso de imágenes en el sitio web de un centro educativo

• Solo se pueden reproducir imágenes si se dispone de los derechos de autoría, o de las licencias necesarias para poder utilizarlas. En este ámbito, la mejor recomendación que se puede hacer es la de no dar nunca por supuesto que existen esos derechos o esas licencias. Si no constan de forma explícita, las imágenes y fotografías no se deben utilizar. A modo de ejemplo, cabe proponer el de este sitio web: las fotografías que lo ilustran han sido tomadas de Unsplash, cuya licencia CC0 autoriza a copiar, modificar, distribuir y realizar obras derivadas de las fotografías, incluso para propósitos comerciales, sin necesidad de solicitar permiso.
• Nunca se deben subir las imágenes directamente desde su fuente original. Siempre es aconsejable editarlas, especialmente si proceden de una cámara digital, ya que los ficheros creados por estos dispositivos son enormes, y consumen una cantidad asombrosa de espacio de almacenamiento. A no ser que se pretenda crear un sitio web sobre temas artísticos, o un portfolio fotográfico, el tamaño aconsejable de las imágenes destinadas a la web de un centro educativo debería ser de 1024 o 1200 píxels en la dimensión mayor de la imagen, y no más de 72 ppp (puntos por pulgada cuadrada).
• No obstante lo dicho en el punto anterior, siempre caben algunas excepciones. En este sentido, si el tema del sitio web incluye alguna funcionalidad que haga necesario contar con fotografías más grandes que las citadas, ello deberá tenerse muy en cuenta para no perjudicar los efectos de diseño. Por ejemplo, el pase de diapositivas del tema Education Pro, con el que está realizado este sitio web, mide 1600 píxels de ancho. Así pues, las imágenes o fotografías que vayan a formar parte de ese elemento no podrán tener una anchura menor que la citada.
• Conviene editar las imágenes antes de subirlas a WordPress. Aunque la aplicación dispone de funciones de edición de imagen (recorte, volteo, redimensionamiento, etc.), estas son muy elementales y no sirven para un trabajo de calidad. Por tanto, habrá que tener siempre a mano un programa o servicio online de retoque fotográfico.
• Hay que etiquetar correctamente las imágenes. Si no se rellenan adecuadamente los campos de metadatos de las imágenes, llegará un momento, cuando hayamos subido a nuestro sitio web cientos o miles de ellas, que será imposible encontrar nada útil en la biblioteca multimedia.
• Aunque la presión ambiental lo haga creer así, las imágenes no son ni deben ser el activo esencial de un sitio web educativo. A los buscadores les importa más el texto que acompaña a una imagen que la imagen en sí misma. Si una imagen no tiene metadatos que le den sentido y contenido, que permitan su indexación y búsqueda y que la pongan en relación con la actividad del centro educativo, será como si esas imágenes no existieran. Servirán para “hacer bonito”, pero para poco más.
• Si un centro educativo prevé que va a subir cientos o miles de fotos, y sobre todo si quiere subirlas con su tamaño original, los servidores del PNTE no son el lugar adecuado para albergar semejante material. En tal caso, lo recomendable es utilizar un servicio externo, como Google Fotos o Flickr, e integrar los álbumes de dichos servicios en WordPress, mediante código o algún plugin específico.

Cómo se suben y utilizan las imágenes

Una imagen se puede subir a WordPress de varias maneras y para diversas funciones, que describimos brevemente a continuación:

1. Desde el menú Medios, mediante el cual se accede a la página de gestión de la biblioteca multimedia. Esta página es la más apropiada para cargar imágenes en WordPress cuando se trata de hacer subidas masivas de ficheros.
2. Desde el menú Medios > Añadir nuevo, que da acceso a un página desde la que se puede subir un fichero individual o un lote de varios ficheros.
3. Desde el editor de WordPress, cuando se está escribiendo una entrada o página, mediante el botón Añadir objeto. Este es el procedimiento más recomendable cuando se quiere insertar una imagen y disponerla adecuadamente en relación con el en el contenido.
4. Desde el editor de WordPress, mediante el enlace Asignar una imagen destacada. Esta función permite asociar una imagen (solo una) a una entrada o página. De este modo, la imagen se convierte en algo así como en un icono identificador del artículo con el que está relacionada.
5. Desde el menú Apariencia > Personalizar, que da acceso a algunas funciones para modificar la apariencia del sitio web: añadir una imagen de cabecera, añadir una imagen de fondo, añadir un favicono, etc.
6. Desde el menú Apariencia > Widgets, mediante el cual se accede a algunos widgets que están integrados con el sistema de subida de imágenes de WordPress. Un ejemplo es el widget de imagen, que sirve para incluir imágenes de la biblioteca de WordPress en las barras laterales y otras áreas de widgets.

Aunque sean diferentes, todos estos procedimientos hacen lo mismo, que es cargar en la biblioteca multimedia de WordPress los ficheros de imagen. Posteriormente, cada una de esas imágenes se podrá utilizar para distintas funciones: ilustrar el contenido, asociarla a un artículo en calidad de imagen destacada, utilizarla como imagen de cabecera o de fondo, disponerla como favicono, etc.

En los vídeos que figuran a continuación pueden verse demostraciones de algunos de los procedimientos citados:

Subida de imágenes desde la página Medios

Inclusión de una imagen en un artículo, e inclusión de una imagen destacada

Inclusión de una imagen de cabecera

Inclusión de una imagen de fondo

Inclusión de una imagen como favicono

Cómo se editan las imágenes desde WordPress

Como ya hemos dicho, no es recomendable editar las imágenes con WordPress, debido a las limitaciones de la aplicación para llevar a cabo esta tarea, pero puede ser interesante conocer el procedimiento para hacerlo, sobre todo si nos encontramos ante una situación en la que no disponemos de un editor gráfico. A continuación incluimos un par de videotutoriales que enseñan a redimensionar, recortar y rotar imágenes desde la propia biblioteca multimedia de WordPress: