Trabajar con el bloque de imágenes de WordPress: Cómo agregar imágenes en WordPress [+Consejo secreto]

Para muchos usuarios, trabajar con imágenes puede ser realmente frustrante. No siempre es fácil elegir la relación de aspecto correcta o cambiar el tamaño de las imágenes correctamente para que se vean bien en todo el diseño.

1. Por qué usar el bloque de imágenes de WordPress
2. Cómo agregar imágenes con el bloque de imágenes de WordPress
3. Proceso adicional de formateo de imágenes
4. Consejo extra nuestro dentro del artículo.

Las versiones anteriores de WordPress (hasta v5.0) agregan imágenes usando el botón + Agregar medios. El problema era que, incluso con un cambio mínimo en el tamaño de la imagen, tendría que volver a cargarla. Significa pérdida de tiempo y clics redundantes.

El nuevo editor basado en bloques, Gutenberg, cambia la forma de agregar imágenes en WordPress para simplificar este proceso para los usuarios finales. En este artículo, le mostraremos una guía práctica sobre cómo agregar y editar el bloque de imágenes de WordPress. Además, explicaremos una opción más para pegar imágenes: cómo copiar y pegar una imagen en el área de contenido con solo unos pocos clics. También le presentaremos funciones recientemente agregadas que provienen de WP 5.3.

Pero primero hablemos de por qué deberías usar imágenes en publicaciones y páginas.

¿Por qué el bloque de imágenes de WordPress es imprescindible para su sitio web?

Atraer la atención

Las imágenes atraen la atención de los visitantes del sitio web. Deben ser interesantes para mantener a los visitantes en su sitio web por más tiempo. Piense en una publicación de blog sin imágenes. Es sólo un montón de texto. A primera vista no es muy interesante aunque puede ser valioso y lleno de información. Además, las fotos pueden ayudar a imaginar y describir mejor su tema.

Por esa razón, necesitamos usar el bloque de imágenes de WordPress para centrar la atención en cosas importantes.

Texto ilustrativo y contexto

Las imágenes también son una parte esencial para comprender el contenido porque permiten a los visitantes comprender mejor de qué se trata el artículo. Gracias a las infografías puedes explicar conexiones complicadas y contar cosas de forma sencilla. Ayuda a los visitantes a orientarse mejor en el problema del que habla.

Hacer el sitio web más agradable

Además, las imágenes dan los toques finales a todo el diseño del sitio web. No se trata solo del diseño del sitio web, sino también de la usabilidad. La imagen elegida y colocada correctamente puede ayudar al visitante a navegar por su sitio web más fácilmente.

Cómo agregar imágenes en el editor de bloques de WordPress

Para insertar una imagen en una publicación o página, debe agregar un bloque central: bloque de imagen. Hay varias formas de hacerlo:

– Usando “+” en la barra superior o en cualquier parte del editor

– Usar la barra inclinada “/“ y escribir la palabra “imagen” después

Se creará un nuevo bloque donde podrá agregar imágenes reales.

Subir imágenes a WordPress

¿Cómo poner imágenes allí donde quieras?

• Use Cargar y seleccione una imagen de su disco duro
• Use la Biblioteca de medios, donde puede seleccionar imágenes que ya se cargaron en su sitio web
• Use el mouse y arrastre y suelte la imagen
• Insertar dirección URL de imagen

Método menos conocido de agregar imágenes de WordPress

Además de cargar imágenes a través de la ventana de carga como se mencionó anteriormente, hay otra forma de insertar imágenes (¡y es una forma muy rápida!). Con el editor de WordPress mejorado, puede:

• Copie la imagen de cualquier contenido, o
• Simplemente “arrastra” la imagen con el cursor del mouse

Y luego inserte o mueva (suelte) la imagen seleccionada a la ubicación en el área de contenido que desee.

La misma técnica que puedes usar también en caso de que quieras pegar una imagen capturada desde tu pantalla. Solo se necesitan tres simples pasos. Primero, necesitas tomar una captura de pantalla utilizando la función de impresión de pantalla. Por ejemplo, Windows 10 proporciona su herramienta Snippet predeterminada llamada Snip & Sketch, que también está disponible a través de un acceso directo: simplemente presione las teclas Win+Shift+S juntas en su teclado. Luego seleccione el área de la imagen que desea capturar. El último paso es pegar la imagen copiada (o parte de ella) en el área de contenido usando el atajo básico Ctrl+V.

¿Y qué pasa con la imagen de WordPress que has pegado en tu editor? Bueno, se agrega automáticamente a la Biblioteca de medios donde puede editar esta imagen.

Opciones limitadas de metadatos de imagen

Dentro de la edición de imágenes, puede establecer su Título, leyenda, descripción y texto alternativo. Desafortunadamente, no puede cambiar el nombre de archivo de la imagen; mantendrá su nombre generado automáticamente, como imagen-1.png etcétera. Este tipo de nombre de archivo puede ser una pequeña desventaja en términos de optimización SEO debido al conflicto con las recomendaciones de nombres de archivos. Por lo tanto, debe considerar este aspecto antes de mover las imágenes de WordPress al área de contenido.

Alineación de imagen

La alineación de la imagen es una de las características principales. No importa si agrega el bloque de imagen de WordPress en la publicación o la página, siempre debe considerar la ubicación según el diseño del sitio web. En función de esa alineación de la imagen, se puede elegir en la barra de herramientas encima de ella. De forma predeterminada, puede alinear la imagen a la izquierda, a la derecha o al centro. Algunos temas de WordPress permiten que las imágenes se centren a lo ancho o a lo ancho. Realmente depende de las características del tema, ya que no todos los temas lo admiten.

Cambiar el tamaño de las imágenes

La característica revolucionaria del bloque de imagen en el editor de WordPress es el cambio de tamaño práctico. Simplemente arrastre el lado de la imagen para hacerla más pequeña o más grande. De esa manera, puede modificar el tamaño de la imagen según el texto del contenido. El editor mantiene automáticamente las proporciones de la imagen, lo que significa que no tiene que preocuparse por las deformaciones.

Nuevo estilo de bloque que transforma una imagen en forma de círculo.

Si está utilizando la última versión disponible de WordPress, es posible que haya notado un nuevo estilo de recorte circular que puede usar para su imagen. La forma de la imagen se puede cambiar a través de la barra de herramientas superior haciendo clic en el primer icono "Cambiar tipo o estilo de bloque". La forma predeterminada (rectángulo) se cortará en forma de círculo.

Nuevas funciones en el bloque de imágenes de WordPress (agregado en WP 5.3)

Soporte para imágenes de alta resolución.

Uno de los aspectos más destacados de WP 5.3 es el procesamiento de imágenes mejorado en la plataforma WordPress. Trabajar con imágenes tiene ahora dos características principales:

1. Reanudación de la carga: si está cargando fotos de alta resolución y falla la conexión a Internet, el proceso de carga continuará automáticamente desde el punto interrumpido
2. Rotación automática de imágenes: la última versión de WP lanzada garantiza que las imágenes rotadas incorrectamente giren automáticamente a la posición correcta a medida que se cargan

Configuración en Inspector

Para configurar las dimensiones exactas, puede utilizar el Inspector en la barra lateral derecha del editor. La configuración del tamaño de la imagen ofrece formatos listos para usar, como miniatura, tamaño mediano, grande o completo. Puede establecer el ancho y la altura en píxeles o porcentajes, por supuesto.

Es muy rápido y práctico porque puede hacer todos los cambios de tamaño de imagen dentro del bloque Imágenes de WordPress y todo en un solo lugar en el editor de bloques.

Otras configuraciones de bloqueo de imágenes

Cómo agregar una dirección URL

Las imágenes se pueden usar como imágenes estáticas o también se puede hacer clic en ellas y vincularlas a:

•   Archivo multimedia
•   Página de archivos adjuntos
•   URL personalizada

Cómo editar una imagen en el bloque de imágenes de WordPress

Cada imagen se puede editar después de hacer clic en el icono del lápiz. Se abrirá una ventana modal con la biblioteca de medios donde puede escribir texto alternativo, título, leyenda y descripción. De la misma manera que ya estás acostumbrado a hacerlo en la versión anterior de WordPress con el editor clásico.

¿Por qué es importante completar estos textos?

Si los visitantes hacen clic en la imagen para verla más grande, ven el título de la imagen (por ejemplo, la página de inicio de Citadela) y no el nombre del archivo de la imagen. Además, si hay algún problema con la carga de la imagen, se mostrará un texto alternativo en su sitio web.

Consejos adicionales

Además de todas estas razones y configuraciones para los bloques de imágenes de WordPress, está lo más importante. Podría obtener más visitantes a su sitio web usando imágenes. Entonces, ¿cómo conseguirlos?

Hoy en día a la gente le da pereza leer. Prefieren desplazarse por las imágenes para encontrar respuestas. ¿Cómo es que tus fotos e imágenes pueden clasificarse? Textos es la respuesta. Muy importante para la optimización SEO es el título y la descripción perfectos de la imagen. No olvides rellenar Texto alternativo. Entonces Google puede entender mejor la imagen. Por lo tanto, tendría más posibilidades de clasificarlo en los resultados de búsqueda de imágenes.

2 formas de agregar un título de imagen

Agregar título de imagen es muy fácil usando el editor de bloques. Justo debajo de la imagen hay un espacio para escribir texto. Esta es la primera forma: el título se escribe en esta imagen exacta en la subpágina dada.

La segunda forma es escribir el título de la imagen usando el icono de lápiz (Editar imagen) dentro de la Biblioteca multimedia. De esta manera, está agregando una leyenda de imagen globalmente en todo el sitio web. Eso significa que si usa la misma imagen en tres lugares diferentes, siempre usará este pie de foto.

¿Te gusta lo fácil que es agregar imágenes en el bloque de imágenes de WordPress? ¡Pruébelo usted mismo!

Obtenga más información sobre nuestro nuevo tema de WordPress Citadela y sus paquetes de diseño personalizados. Fueron especialmente diseñados y desarrollados para diferentes tipos de negocios y también admiten la nueva forma de editar contenido a través del editor de bloques de WordPress.