Trabajar con WordPress Bloque de imágenes: cómo agregar imágenes en WordPress [+Secret]

contenido
¿Por qué es el bloque de imágenes obligatorio de WordPress para su sitio web?
Atraer la atención
Texto ilustrativo y contexto
Haz que el sitio sea más hermoso
Cómo agregar imágenes al editor de bloques de WordPress
Cargando imágenes en WordPress
Método menos conocido para agregar imágenes de WordPress
Opciones limitadas para metadatos de imagen
Alineación de imágenes
Cambiar el tamaño de las imágenes
Nuevo estilo de bloque que convierte una imagen en forma de círculo
Nuevas características en el bloque de imágenes de WordPress (agregado en WP 5.3)
Soporte para imágenes de alta resolución
Configuración en el inspector
Otras imágenes Configuración de bloque
Cómo agregar URL
Cómo editar la imagen en el bloque de imágenes de WordPress
Consejos adicionales
2 formas de agregar la leyenda de la imagen
Para muchos usuarios, trabajar con la imagen puede ser realmente frustrante. No siempre es fácil elegir la relación de apariencia correcta o para corregir las imágenes correctamente para verse bien en todo el aspecto.
Por qué usar el bloque de imágenes de WordPress
Cómo agregar imágenes con el bloque de imágenes de WordPress
El proceso adicional de formatear imágenes
Consejos adicionales de nosotros en el artículo
Las versiones más antiguas 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, debe cargarlo nuevamente. Significa pérdida de tiempo y clics redundantes. El nuevo editor basado en Gutenberg cambia cómo se agregan las imágenes a 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 otra opción 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 de WP 5.3. Pero antes que nada, hablamos sobre por qué debe usar imágenes en publicaciones y páginas. ¿Por qué el bloque de imágenes obligatorio de WordPress su sitio llama la atención sobre las imágenes? atraer la atención de los visitantes del sitio. Debe ser interesante para mantener a los visitantes de su sitio por más tiempo. Piense en una publicación de blog sin fotos. Es solo mucho texto. A primera vista, no es muy interesante, aunque podría ser valioso y lleno de información. Además, las fotos pueden ayudarlo a imaginar y describir mejor su tema. Por esta razón, debemos usar el bloque de imágenes de WordPress para centrarnos en cosas importantes.
Ejemplo de 2 blogs con o sin fotos

Texto y contexto ilustrativos Las imágenes también son una parte esencial para comprender el contenido, ya que permiten a los visitantes comprender mejor cuál es el artículo. Debido a las infografías, puede explicar conexiones complicadas y decir las cosas de una manera simple. Ayuda a los visitantes a orientarse mejor en el problema del que está hablando. Infografía para una mejor explicación del texto
Haga que el sitio sea más hermoso, las imágenes ponen una hermosa tos final en todo el diseño del sitio. No se trata solo del aspecto del sitio, sino también de uso. La imagen elegida correctamente puede ayudar al visitante a navegar más fácilmente en su sitio.

Cómo agregar imágenes al editor de bloques de WordPress para insertar una imagen de publicación o página, debe agregar el bloque básico del bloque de imágenes. Hay varias formas de hacer esto: – Usar “+” en la barra superior o en cualquier lugar del editor
Agregar el bloque de imágenes de WordPress haciendo clic en “+”
– Usando Slash “/” y luego escriba la palabra “imagen”.

Agregar el bloque de imagen usando la barra oblicua “/”
Se creará un nuevo bloque donde puede agregar imágenes reales. Cargando imágenes en WordPress ¿Cómo poner imágenes donde desea?

Use la carga y seleccione una imagen del disco duro
Use la biblioteca de medios, donde puede seleccionar imágenes que ya se hayan cargado en su sitio web
Use el mouse y deslice y coloque la imagen
Ingrese la URL de la imagen
Opciones disponibles para cargar imágenes: una de ellas está deslizando y colocando la imagen desde el archivo
Método menos conocido para agregar imágenes de WordPress además de cargar imágenes a través de la ventana de carga, como mencioné anteriormente, hay otra forma de insertar la imagen (¡y es una manera tan rápida!). Con un editor mejorado de WordPress, puede: Copiar la imagen de cualquier contenido o

Solo “tira” de la imagen con el cursor del mouse
Y luego inserte o mueva (coloque) la imagen seleccionada en la ubicación deseada en el área de contenido.
Dibuja una imagen seleccionada y colóquela donde necesite (directamente en el editor de WordPress)
La misma técnica que puede usar si desea pegar una imagen capturada en la pantalla. Solo se necesitan tres pasos simples. Primero, debe hacer una captura de pantalla utilizando la función de impresión de pantalla. Por ejemplo, Windows 10 ofrece su herramienta de snippet predeterminada llamada Snip & Sketch, que también está disponible por un atajo: solo tiene que presionar la tecla Win+Shift+S en el teclado simultáneamente. Luego seleccione el área de imagen que desea capturar. El último paso es pegar la imagen copiada (o parte de ella) a la zona de contenido utilizando el CTRL+V.
¿Y qué sucede con la imagen de WordPress que insertó en su editor? Bueno, se agrega automáticamente a la biblioteca de medios donde puede editar esta imagen.

Opciones limitadas para metadatos de imagen En la edición de imágenes, puede establecer el título, la leyenda, la descripción y el texto alternativo. Desafortunadamente, no puede cambiar el nombre del archivo de imagen: mantendrá su nombre generado automáticamente, como Image-1.png, etc. Este tipo de nombre de archivo puede ser una pequeña desventaja en términos de optimización de SEO debido al conflicto con los nombres de los archivos. Por lo tanto, debe considerar este aspecto antes de mover las imágenes de WordPress al área de contenido. La alineación de imágenes de la imagen es una de las principales características. Ya sea que agregue el bloque de imágenes de WordPress a la publicación o la página, siempre debe considerar la colocación de acuerdo con el diseño del sitio. Según esta imagen, la alineación se puede elegir en la barra de herramientas sobre ella. Por defecto, puede alinear la imagen a la izquierda, a la derecha o al centro. Algunos temas de WordPress permiten que las imágenes se centren como un ancho o ancho completo. Realmente depende de las características del tema, porque no todos los temas lo aceptan.
Opciones de alineación de imágenes
RESIMENTAR IMÁGENES La característica revolucionaria del bloque de imágenes en el editor de WordPress es un cambio de tamaño práctico. Simplemente tire del lado de la imagen para que sea más pequeño o más grande. De esta manera, puede cambiar el tamaño de la imagen de acuerdo con el texto del contenido. El editor conserva automáticamente las proporciones de la imagen, lo que significa que no tiene que preocuparse por las deformaciones.

El cambio de tamaño suave de la imagen captando sus manijas
Nuevo estilo de bloque que convierte una imagen en forma de círculo Si usa la última versión disponible por WordPress, es posible que haya notado un nuevo estilo de corte en círculo que puede usar para su imagen. La forma de la imagen se puede cambiar a través de la barra de herramientas de arriba, haciendo clic en El primer icono “Cambie el tipo o estilo del bloque”. La forma implícita (rectangular) se cortará en forma de círculo. No hay diseño de estilo círculo para sus nuevas características en el bloque de imágenes de WordPress (agregado en WP 5.3) Imágenes de alta resolución Uno de los aspectos más importantes de WP 5.3 es el procesamiento de imágenes mejorado en La plataforma WordPress. Trabajar con imágenes ahora tiene dos características principales:

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

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

Es muy rápido y práctico, porque puede realizar todos los cambios para cambiar el tamaño de la imagen directamente en el bloque de imágenes de WordPress y todo en un solo lugar en el editor de bloques. Puede usarse como imágenes estáticas o también puede hacer clic y enviar a: Media. expediente
Página adjunta
La URL personalizada
Configuración disponible para enlaces de imagen

Cómo editar la 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.La ventana modal con la biblioteca de medios estará abierta donde puede escribir otro texto, título, leyenda y descripción.De la misma manera que ya te has acostumbrado a hacerlo en la versión anterior de WordPress con el editor clásico.
Detalles de la imagen que debe completar para mejorar su sitio SEO
¿Por qué es importante completar estos textos? Si los visitantes hacen clic en la imagen para verla más grande, verán el título de la imagen (por ejemplo, la página principal de la ciudadela) y no el nombre del archivo de la imagen. Además, si hay algún problema para cargar la imagen, el texto alternativo se mostrará en su sitio web. Consejos adicionales además. Puede obtener más visitantes en su sitio usando fotos. Entonces, ¿cómo conseguirlos? Hoy en día, la gente es floja de leer. Prefieren desplazar las imágenes para encontrar respuestas. ¿Cómo se pueden clasificar sus fotos e imágenes? Los textos son la respuesta. Muy importante para la optimización de SEO es el título y la descripción perfectos de la imagen. Recuerde completar el texto alternativo. Entonces Google puede comprender mejor la imagen. Por lo tanto, tendrá una mayor oportunidad de clasificarlo en los resultados de la búsqueda de imágenes. 2 formas de agregar la leyenda de la imagen que agrega la leyenda de la imagen es el uso del editor de bloques muy fácil. Justo debajo de la imagen hay un espacio para escribir texto. Esta es la primera forma: la leyenda está escrita exactamente en esta imagen en la subpágina dada. Legend escrita directamente debajo de la imagen
La segunda forma es escribir la leyenda de la imagen usando el icono de lápiz (editar la imagen) en la biblioteca de medios. De esta manera, agregue la leyenda de la imagen a todo el sitio. Esto significa que si usa la misma imagen en tres lugares diferentes, siempre usará esta leyenda.
Legend de imagen agregada a través de la biblioteca de medios