Métodos para cargar y editar imágenes y contenido multimedia en WordPress correctamente

Las imágenes son el elemento visual más llamativo que atrae la atención de los visitantes del sitio web en la mayoría de los casos. Por lo tanto, prestarles atención y mejorar su posicionamiento dentro del sitio, así como la forma en que se presentan a los visitantes, tendrá un papel claro en la mejora de la experiencia del usuario dentro del sitio. En este artículo abordaremos todos los aspectos relacionados con la adición, edición y mejora de la visualización de imágenes dentro de un sitio de WordPress, además de proporcionar soluciones directas para la mayoría de los problemas que puedas enfrentar al editar y publicar imágenes.

WordPress ofrece más de una forma de trabajar con imágenes, editarlas y formatearlas de manera profesional. Los métodos más importantes para editar imágenes son a través de la biblioteca de medios y las herramientas de edición disponibles en ella, o mediante las herramientas del editor de contenido de WordPress. Hablemos ahora de ambos métodos y las herramientas disponibles en cada uno. Edición de imágenes dentro de la biblioteca de medios. A través de la biblioteca de medios de WordPress puedes administrar archivos de imágenes y medios múltiples de cualquier forma que desees, comenzando por la carga de imágenes y archivos multimedia, así como editarlos, cambiar su formato y muchas otras herramientas que puedes utilizar.

en un solo lugar. A continuación, mencionamos las herramientas más populares que puedes aprovechar desde el administrador de medios, comenzando por cargar imágenes en la biblioteca de medios y luego de cargar la imagen puedes

cargar todas las imágenes y archivos multimedia para usarlos posteriormente e insertarlos en artículos, páginas y diferentes elementos del sitio. Ediciones básicas sobre la información de las imágenes

Después de cargar la imagen

se abrirá una ventana en la que puedas ingresar los datos de la imagen, y en la mayoría de los casos estos datos son muy útiles para tu sitio, tanto en lo que ven los usuarios con respecto al nombre de las imágenes como en lo que lee el motor de búsqueda. A continuación se presentan los datos más importantes: Texto alternativo: escribe un texto en este campo para que aparezca en el lugar de la imagen en caso de un error de programación o técnico que impida que la imagen se muestre en el sitio.

Título: en este campo escribes el título de la imagen, que aparece frente a los visitantes de tu sitio cuando pasan el cursor sobre esa imagen. Palabras clave: en este campo escribes algunas palabras clave para informar a los motores de búsqueda

de que esa imagen se refiere a palabras específicas. Descripción: en este campo escribes un texto descriptivo que describe los servicios o cosas que sugiere la imagen a los visitantes del sitio, y también ayuda la descripción a los motores de búsqueda a mejorar la indexación de tu sitio e imágenes internas.

Editar la imagen. Si miras dentro del cuadro de edición de imagen del administrador de medios, encontrarás una opción (Editar más detalles). Si presionas esta opción, irás a una interfaz adicional que contiene datos de la imagen y puedes editar la imagen presionando (Editar imagen)

como se muestra en la siguiente imagen: si presionas "Editar imagen" se abrirá una ventana de ediciones avanzadas que contiene más opciones de edición de la imagen, como editar las dimensiones de la imagen, cómo se muestra, recortarla y otras herramientas de edición de imagen.

Herramientas para cambiar la dirección de visualización de la imagen. Encontrarás algunas opciones que te ayuden a cambiar y modificar la dirección de visualización de la imagen, como rotar a la izquierda, rotar a la derecha, voltear la imagen verticalmente, voltearla horizontalmente, y también recortar la imagen o parte de ella.

Editar las dimensiones de la imagen en cuanto a ancho y alto

Aquí puedes aplicar cambios al ancho de la imagen y también a la altura, con el fin de cambiar el tamaño de la imagen de la manera apropiada. Llenar los datos básicos de la imagen. Esta sección se utiliza para llenar y completar los datos de la imagen, como texto alternativo, palabras clave y también descripción, y es una sección también presente en el editor de herramientas básicas que mencionamos anteriormente.

Como puedes notar, aunque existen muchas opciones para editar y formatear imágenes, siguen siendo opciones simples y básicas. Puedes utilizar uno de los complementos de edición avanzada de imágenes, que te permiten más opciones de edición y formateo de imágenes, como agregar

Best image gallery

que te ofrece características superiores. El complemento contiene docenas de opciones para editar imágenes, reformatearlas, y tiene más de 200,000 instalaciones activas, además de ser actualizado continuamente.

Herramientas del editor de componentes

Así como la biblioteca de medios que explicamos en los párrafos anteriores contiene opciones para editar y formatear imágenes, también hay muchas opciones de edición y formateo para imágenes dentro del editor de componentes que usas al agregar una página nueva o un artículo nuevo al sitio. Ahora, analicemos con cierto detalle las herramientas más importantes que se encuentran dentro del editor de componentes, que se pueden usar para trabajar con imágenes específicamente:

1- Agregar imágenes y medios. Al abrir el editor y presionar el signo más + como se indica en la imagen, se abrirá una ventana para agregar imágenes y elementos múltiples al contenido de la página o artículo que estás editando, y esta ventana contiene los elementos que se pueden agregar dentro del contenido, como "Separador", "Imagen" y "Encabezado

H" con aclaraciones sobre la información de este elemento agregado. Lo que nos importa ahora es agregar solo imágenes, que se pueden agregar seleccionando el componente "Imagen", lo que te abrirá la opción de cargar imágenes en la que puedes hacer clic en una de esas opciones de carga de imagen a tu sitio: A través de (Cargar) puedes cargar una imagen desde tu computadora al sitio directamente.

A través de "Biblioteca de medios": abre la biblioteca de medios que contiene imágenes ya cargadas, y puedes seleccionar de ella. A través de "Insertar desde una URL" puedes colocar el enlace de una imagen de una fuente externa y deseas mostrarla como está dentro de tu sitio.

Ten en cuenta que este método no funcionará si la fuente externa de la que obtienes el enlace no permite que otras fuentes muestren imágenes desde su sitio, puedes leer más detalles sobre cómo permitir o bloquear fuentes externas para imágenes, lo que se conoce como Hotlinking. 2.

Barra de herramientas de edición de imágenes

Una vez que hayas cargado las imágenes, ya sea desde tu computadora, desde la biblioteca de medios o incluso desde una URL de una fuente externa, la imagen se carga y se muestra, y aparece directamente encima de ella la "barra de herramientas de edición", que contiene muchas opciones para editar y formatear la imagen, y en las siguientes líneas hablamos sobre las herramientas más importantes que puedes aprovechar:

Establecer la imagen como portada para texto fijo

Puedes establecer la imagen cargada para que sea una portada que aparezca como fondo del texto escrito, y puedes hacer esto con los pasos que se muestran en las imágenes: desde la barra de herramientas presionas la primera opción, que abre una ventana en la que seleccionas "Portada", y luego la visualización de la imagen se convierte en una portada, y escribes un texto para que aparezca sobre esa portada, digamos "Imagen de marcador de posición". Crear una galería de imágenes múltiples. Puedes hacer clic en la opción "Galería" que aparece frente a ti, puedes hacer clic en ella para abrir el cuadro de carga de imágenes, cuando seleccionas más de una imagen, se cargarán en forma de galería de imágenes agrupadas que aparece en tu sitio de esta manera.

Después de agregar la galería de imágenes, puedes cambiar la posición de cualquier imagen dentro de la galería, presionando sobre ella para mostrar la "flecha de movimiento de imagen" a través de la cual puedes moverla a la derecha o a la izquierda según desees: Insertar un archivo de imágenes descargable por los visitantes del sitio. Puedes colocar la imagen después de cargarla en tu sitio como un archivo descargable por los visitantes, presionando "Archivo" desde dentro de la ventana de edición de imagen:

Después de eso, se abrirá un cuadro donde escribes el nombre de la descarga a realizar: digamos que escribimos "Imagen de marcador de posición" y guardas la página, luego aparecerá frente a los visitantes de tu sitio de esta manera, y al hacer clic en el botón "Descargar" se descargará fácilmente: Integrar la imagen con textos. Si presionas "Medios con texto" se abrirá un cuadro de edición de texto junto a la imagen, para que las imágenes y el texto se muestren uno al lado del otro:

Hacer que la imagen tome forma circular. Desde la ventana de herramientas de edición encontrarás la opción "Circular", que convierte la forma de la imagen de su forma predeterminada a forma circular como puedes notar en la imagen.

Alineación de la imagen dentro del contenido

La segunda opción en la barra de herramientas de edición es específica para controlar la alineación de la imagen dentro del contenido de tu sitio, donde puedes controlar fácilmente la alineación de la imagen desde esta barra. Aparecen muchas opciones de edición de alineación donde puedes personalizar la alineación a la derecha o a la izquierda, así como al centro. También puedes elegir "Ancho amplio" para mostrar la imagen en sus dimensiones grandes, o elegir "Ancho completo" para mostrar la imagen a lo ancho completo del ancho

de la pantalla. Reemplazar las imágenes actuales con otra. Hay una opción "Reemplazar" en la barra de herramientas de edición que te permite reemplazar la imagen actual por otra, y como puedes notar hay 3 opciones para reemplazar la imagen, ya sea reemplazándola con otra imagen desde "Biblioteca de medios", o a través de "Cargar" una imagen desde tu computadora, o quizás insertando una URL de enlace externo de otra fuente.

Vincular la imagen a un enlace que se abre al hacer clic en ella. También puedes vincular la imagen a una URL que se abre a los visitantes cuando hacen clic en la imagen, y puedes establecer este enlace a través de la opción para editar los enlaces de la imagen en la barra de herramientas: como puedes notar, puedes pegar la dirección URL que deseas vincular a la imagen para que se abra cuando hagas clic en ella, o puedes seleccionar "Archivo de medios"

para que el enlace de la imagen misma se abra en una ventana separada cuando hagas clic en ella. Opciones adicionales. Al hacer clic en los tres puntos para extraer algunas opciones adicionales, encontrarás algunas otras herramientas a través de las cuales puedes controlar fácilmente las imágenes, y estas herramientas constituyen las siguientes opciones como se muestra en la imagen, siendo las más importantes:

Ocultar configuración de componentes: cuando la presionas, se ocultará la configuración de la imagen, que aparece en el lado izquierdo de la pantalla de edición de la página en la que se encuentra. Duplicar: la imagen se duplicará dentro del contenido con el mismo formato que se aplicó a ella. Insertar antes: abre una ventana para insertar otro elemento encima de la imagen. Insertar después: abre una ventana para insertar otro elemento debajo de la imagen. Editar HTML: abre el código fuente de la imagen

para editar el código HTML de la imagen. Leyenda de la imagen. Debajo de cualquier imagen que cargues en tu sitio, encontrarás un cuadro "Escribir leyenda", aquí puedes escribir la leyenda de la imagen, que aparece debajo de la imagen en tu sitio frente a los visitantes.

Lee también: Cómo comprimir el tamaño de las imágenes de tu sitio sin perder calidad | 3 formas diferentes. Establecer la imagen destacada. También puedes establecer la imagen destacada que aparece junto al título del artículo o página en la página de visualización dentro de tu sitio.

Para establecer la imagen destacada del artículo o página que estés editando, puedes hacer clic en la opción "Establecer imagen destacada del artículo": se abrirá un cuadro para cargar una imagen destacada desde tu computadora, o quizás selecciones una imagen también desde la biblioteca de medios múltiples.

¿Cómo obtener imágenes exclusivas sin derechos de autor para tu sitio? La mayoría de las imágenes que se distribuyen en Internet están sujetas al trabajo de conformidad con la protección de los derechos de propiedad intelectual, que siguen al propietario original de la imagen o su editor en línea. Cuando publicas cualquiera de esas imágenes que tienen derechos de autor reservados de cualquier otra fuente, puedes exponer tu sitio a muchos problemas de derechos de propiedad que dañen tu sitio. Por lo tanto, ten cuidado de obtener imágenes de fuentes confiables y asegúrate de que poseas los derechos para reutilizar esas imágenes. Existen algunas plataformas que te ayudan a obtener imágenes sin derechos que puedes reutilizar en tu sitio sin ningún problema creativo, y entre estos sitios está Unsplash: uno de los sitios más famosos de donde puedes obtener imágenes exclusivas de alta calidad y al mismo tiempo no te expongas a problemas de derechos de autor.

Sitio Pexels: uno de los sitios famosos que publica más imágenes profesionales diariamente, y puedes usar el motor de búsqueda interno del sitio para obtener cualquier imagen relacionada con el tema que buscas. Sitio Pixabay: que posee una base de datos enorme llena de imágenes exclusivas que puedes obtener sin estar expuesto a problemas de derechos de autor. En conclusión, las imágenes y medios en general son algunos de los elementos visuales más importantes en tu sitio que atraen a los visitantes para interactuar contigo y mejoran su interacción con el contenido de tu sitio, por lo que asegúrate de mostrar las imágenes y formatearlas de manera elegante y atractiva para el usuario.