Saltar al contenido

Cómo insertar una imagen en WordPress con los editores de bloques y clásico

Cómo insertar una imagen en WordPress con los editores de bloques y clásico

El uso de imágenes puede hacer que las publicaciones de tu blog de WordPress sean más atractivas porque ayudan a dividir los textos largos. Además, insertar imágenes te ayudará a ilustrar lo que destacas en tus publicaciones, junto con el texto o frase que prefieras.

Con la estrategia de optimización de imágenes adecuada, también puedes mejorar el rendimiento y la posición de tu sitio de WordPress en las páginas de resultados de los motores de búsqueda (SERP). El proceso de optimización no sólo implica tener un buen texto, sino también varias prácticas, como optimizar el formato de tamaño de la imagen destacada, el formato del archivo y la relación de aspecto de la imagen.

En este artículo, le mostraremos cómo insertar una imagen en una de las publicaciones o páginas de su blog de WordPress utilizando los editores de bloque y clásico, así como la Biblioteca multimedia. También aprenderá a editar el tamaño y los detalles de la imagen en WordPress CMS.

Descargue la hoja de referencia definitiva de WordPress

Cómo insertar una imagen en WordPress con el editor de bloques

El editor de bloques, también conocido como Gutenberg, es el editor de contenido predeterminado de WordPress que utiliza bloques para insertar elementos como imágenes, fotografías, párrafos de texto y títulos.

Insertar una imagen en WordPress con el editor Gutenberg es relativamente fácil. Todo lo que tiene que hacer es cargar un archivo de imagen desde su computadora local, seleccionar uno de la Biblioteca multimedia o insertarlo a través de una URL. En esta sección, veremos todos estos métodos uno por uno.

Leer  Cómo personalizar la página de inicio de WordPress: 4 métodos fáciles + Los mejores plugins para hacerlo

/imagen

Primero, vaya a su panel de WordPress y cree una nueva publicación. En la pantalla del editor, inserte el bloque Imagen con el botón Alternar inserción de bloquemostrado con el signo + en la esquina superior izquierda. Otra opción es utilizar el atajo de teclado. /imagen para agregar rápidamente el bloque Imagen al editor.

1714728961 325 Los 20 mejores temas de WordPress para criptomonedas en 2024.webp

Insertar una imagen en WordPress desde una computadora local

Para agregar un archivo de imagen desde su navegador o computadora, siga las instrucciones a continuación:

  1. Haga clic en el botón Aumentar en el bloque Imagen para abrir archivos en su computadora.
Botón de carga resaltado del bloque de imágenes de WordPress
  1. Vaya a la carpeta donde almacena las imágenes. Seleccione una imagen y haga clic Abierto.
Administrador de archivos que muestra la carpeta Imágenes, Fotos y resalta el botón Abrir

Aquí hay un ejemplo de una imagen en una publicación de blog:

Editor de bloques de WordPress que muestra el contenido de la publicación
  1. Guardar cambios.

Inserte una imagen existente en WordPress desde la biblioteca multimedia

Alternativamente, intente insertar imágenes de la Biblioteca multimedia. Aquí te dejamos información sobre lo que debes hacer y las cosas importantes que debes saber:

  1. Haga clic en el botón Mediateca (galería) en el bloque Imagen.Bloque de imágenes de WordPress que resalta el botón de la biblioteca multimedia
  1. Seleccione una imagen existente en la biblioteca multimedia y haga clic en Seleccionar.La ventana de la biblioteca multimedia resaltando el botón Seleccionar
  2. Guardar cambios.

Agregar una imagen a través de URL

El bloque Imagen le permite insertar una imagen usando una URL personalizada. Para hacer esto, siga las instrucciones a continuación:

  1. Haga clic en el botón Insertar desde una URL en el bloque Imagen para abrir el campo de texto URL.
Bloque de imagen de WordPress que resalta el campo de texto URL
  1. Copie la URL que contiene su imagen preferida. Para este tutorial, tomamos una foto de Quitar salpicadura. Haga clic derecho en la imagen y seleccione Copiar dirección de imagen.
Imagen sin salpicar de una cascada.
  1. Vuelve al editor de bloques y pega la URL en el campo. Haga clic en el botón Aplicar o presione Introducción en tu teclado.
Botón Aplicar resaltado del bloque de imágenes de WordPress
  1. Guardar cambios.

Además, puede configurar una imagen destacada o una miniatura. Esto es lo que debe hacer para establecer una imagen destacada:

  1. En el editor de bloques, abra el panel de configuración del bloque haciendo clic en el botón icono de engranaje ingresa al boton Publicar es el menú Tres puntos.
Editor de bloques de WordPress resaltando el botón del panel de configuración de bloques
  1. En el panel de configuración, vaya a la pestaña Prohibido → sección Excelente imagen. Luego haga clic en el área Establecer imagen destacada.
Leer  Cómo utilizar la función wp_get_attachment_image en WordPress + Ejemplos útiles
Editor de bloques de WordPress que resalta el área de imagen destacada del conjunto
  1. En la ventana Biblioteca multimedia, cargue una nueva imagen o seleccione una existente. Una vez agregado, haga clic en el botón Establecer imagen destacada en la barra de herramientas derecha.
La ventana de la biblioteca multimedia resaltando el botón Establecer imagen destacada
  1. Guarda los cambios y podrás establecer una imagen destacada de forma fácil y cómoda.

Cómo insertar una imagen en WordPress con el editor clásico

Para insertar una imagen en WordPress con el editor clásico, necesitarás instalar el complemento editor clásico. Esto se debe a que las versiones más nuevas de WordPress no tienen el editor clásico por defecto.

Una vez activado el complemento, configure el editor clásico como predeterminado. En su panel de WordPress, vaya a ajustesEscribiendoEditor predeterminado para todos los usuarios. Luego seleccione la opción editor clásico y haga clic Guardar cambios para confirmar.

A diferencia del editor de bloques, en el editor clásico puedes insertar imágenes en una publicación de WordPress solo con la Biblioteca multimedia. Aquí están los pasos:

  1. Crea una nueva publicación en WordPress y ábrela con el editor clásico.
  2. Haga clic en el botón Agregar medios hacia la izquierda para abrir la biblioteca multimedia.
Editor visual clásico de WordPress que resalta el botón Agregar medios
  1. En la ventana Agregar medios, seleccione el Subir archivos y haga clic en el botón Selecciona archivos para subir una imagen.
La ventana Agregar medios resalta el botón Seleccionar archivos
  1. Una vez completado el proceso de carga, es importante que hagas clic en el botón Insertar en la entrada para agregar la imagen al editor.
La ventana Agregar medios resaltando el botón Insertar en publicación
  1. Guardar cambios.

Cómo agregar varias imágenes con la biblioteca multimedia de WordPress

oh Biblioteca multimedia de WordPress es una biblioteca que almacena archivos multimedia como videos, imágenes, audio y documentos en un directorio. También te permite cargar varias imágenes a la vez.

Siga las instrucciones a continuación para cargar imágenes en la biblioteca multimedia:

  1. En su panel de WordPress, vaya a medios de comunicaciónBiblioteca.
  2. En la pantalla Biblioteca multimedia a la izquierda, haga clic en Agregar nuevo.
La pantalla de la biblioteca multimedia resaltando el botón Agregar nuevo
  1. Haga clic en el botón Selecciona archivos para cargar imágenes desde su computadora. Alternativamente, arrastrarlos y soltarlos en el campo proporcionado.
La pantalla de la biblioteca multimedia resaltando el botón Seleccionar archivos
  1. Espere hasta que se complete el proceso de carga. Cuando haya terminado, puede agregar las imágenes a una página o publicación.
Leer  Cómo borrar un tema de WordPress: 3 formas sencillas

Cómo editar imágenes en WordPress

WordPress le permite editar imágenes, como cambiar el tamaño y agregar detalles. En esta sección, le mostraremos cómo utilizar estas funciones.

Cómo editar el tamaño de tu imagen en WordPress

Puede recortar y escalar una imagen individual a través de la Biblioteca multimedia. Sigue los siguientes pasos:

  1. Abra su panel de administración de WordPress y vaya a medios de comunicaciónBiblioteca.
  2. Seleccione una imagen cuyo tamaño desee cambiar.
  3. En la ventana de configuración de imagen o detalles del archivo adjunto, haga clic en el Editar imagen.
1714820563 347 Como insertar una imagen en WordPress con los editores de.webp
  1. Ir a la sección Imagen a escala en el lado derecho de la pantalla de configuración de imagen y establezca nuevas dimensiones. Tenga en cuenta que sólo puede reducir las imágenes.
1714820564 370 Como insertar una imagen en WordPress con los editores de.webp
  1. Haga clic en el botón Escala para confirmar los cambios.
La ventana de detalles del archivo adjunto resaltando el botón Escala

También puede cambiar el tamaño de las imágenes de WordPress para adaptarlas a sus preferencias y ayudar a optimizar sus imágenes para aumentar la velocidad del sitio y mejorar la visualización y la experiencia del usuario.

Estos son los pasos para crear tamaños personalizados para estas imágenes de WordPress:

  1. En su panel de administración de WordPress, vaya a ajustesmedios de comunicación.
  2. En la pantalla Configuración de medios, edite los valores máximos de ancho y alto de la imagen.
La pantalla de configuración de medios de WordPress
  1. Guardar cambios.

Cómo editar detalles de imágenes en WordPress

Además, WordPress te permite editar los detalles del diseño de las imágenes. Por ejemplo, puedes agregar texto alternativo o texto alternativo, una descripción y un título.

En esta misma sección te mostraremos cómo insertar detalles en tus imágenes. Sigue las instrucciones de abajo:

  1. En su panel de WordPress, abra el Mediateca y elige una imagen.
  2. En la ventana de ajustes de imagen, agregue detalles a su imagen, como Texto alternativo, Calificación, Leyenda Es Descripción.
La ventana de detalles del archivo adjunto resaltando las opciones de detalles de la imagen.
  1. Cuando termine, haga clic en el botón Cerrar para confirmar los cambios.

Conclusión

Recuerda que no sólo el texto es importante en una entrada. Incrustar una imagen de WordPress en un sitio web es una excelente manera de hacer que su contenido sea más atractivo y mejorar su rendimiento de SEO.

En este artículo, proporcionamos una guía completa sobre cómo insertar una imagen en WordPress a través del editor de bloques, el editor clásico y la biblioteca multimedia. Los métodos son similares, por lo que podrás elegir el que mejor se adapte a lo que prefieras.

Esperamos que este artículo te haya ayudado a comprender cómo insertar una imagen en WordPress. Si tienes alguna duda o dificultad no dudes en dejarnos un comentario vía email a continuación y te responderemos a lo que necesites. Éxitos!

Compartir

Deja una respuesta