{"id":30837,"date":"2021-06-08T07:00:53","date_gmt":"2021-06-08T14:00:53","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=30837"},"modified":"2025-10-31T11:38:41","modified_gmt":"2025-10-31T18:38:41","slug":"como-solucionar-errores-comunes-imagen-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/como-solucionar-errores-comunes-imagen-wordpress\/","title":{"rendered":"C\u00f3mo solucionar 16 errores comunes de im\u00e1genes en WordPress"},"content":{"rendered":"\n

Las im\u00e1genes de alta calidad pueden hacer maravillas por tu sitio web. Cuando se usan correctamente, las im\u00e1genes pueden hacer que tu contenido sea altamente atractivo y m\u00e1s f\u00e1cil de digerir. M\u00e1s importante, <\/span>las publicaciones de blog con im\u00e1genes<\/span><\/a> tienden a clasificar mejor en los motores de b\u00fasqueda que aquellas que no tienen buenas visuales. Por lo tanto, es esencial saber c\u00f3mo usar im\u00e1genes en tu sitio adecuadamente. <\/span><\/p>\n\n\n\n

WordPress permite una excelente flexibilidad cuando se trata de a\u00f1adir fotos a las p\u00e1ginas y publicaciones. Puedes darle un formato a tus im\u00e1genes y ponerlas en tu contenido como desees. Tambi\u00e9n puedes hacer tu sitio visualmente m\u00e1s atractivo con caracter\u00edsticas como galer\u00edas de im\u00e1genes, encabezados e im\u00e1genes de fondo. <\/span><\/p>\n\n\n\n

Si quieres aprender m\u00e1s sobre <\/span>el uso de im\u00e1genes en tu sitio WordPress<\/span>, has venido al lugar correcto. En esta publicaci\u00f3n te mostraremos c\u00f3mo arreglar 16 problemas comunes en WordPress con instrucciones claras, paso a paso. \u00a1Manos a la obra!<\/span><\/p>\n\n\n\n

<\/span><\/p>\n\n\n\n\n\n

\"Ad<\/div>\n\n\n\n\n
\n \n Hacemos WordPress M\u00e1s F\u00e1cil Para Ti\n <\/h2>\n \n Deja la migraci\u00f3n de sitio, instalaci\u00f3n de WordPress, administraci\u00f3n de seguridad y actualizaciones en nuestras manos. Ahora te puedes enfocar en lo que importa m\u00e1s \u2014 \u00a1hacer crecer tu sitio!\n <\/p>\n\n \n Ve Los Planes <\/a>\n\n <\/div>\n<\/div>\n\n\n

1. C\u00f3mo subir im\u00e1genes a WordPress<\/b><\/h2>\n\n\n\n

Para subir una imagen en una p\u00e1gina o publicaci\u00f3n en WordPress, simplemente haz clic en el bot\u00f3n azul con el s\u00edmbolo \u2018m\u00e1s\u2019 (en esta publicaci\u00f3n haremos referencia a \u00e9l como el bot\u00f3n <\/span>Add Block<\/i><\/b>). Este te pedir\u00e1 que elijas un bloque para insertar en tu contenido. <\/span><\/p>\n\n\n\n

Selecciona el bot\u00f3n <\/span>Image<\/i><\/b>, y aparecer\u00e1 un bloque.<\/span><\/p>\n\n\n

\n
\"Subiendo<\/figure><\/div>\n\n\n

A continuaci\u00f3n, haz clic en el bot\u00f3n <\/span>Upload<\/i><\/b> y selecciona la imagen que deseas a\u00f1adir. Selecciona <\/span>Open<\/i><\/b>, <\/span><\/i>y \u00a1listo terminaste!<\/span><\/p>\n\n\n\n

2. C\u00f3mo alinear una imagen a la derecha o a la izquierda<\/b><\/h2>\n\n\n\n

Cuando seleccionas una imagen, una barra de herramientas aparecer\u00e1 encima de ella. Haz clic en el bot\u00f3n de alineado y selecciona <\/span>Align left<\/i><\/b> o<\/span> Align right<\/i><\/b>.<\/span><\/p>\n\n\n

\n
\"Alineando<\/figure><\/div>\n\n\n

Como puedes ver, esta barra de herramientas tambi\u00e9n te da otras opciones. Esto incluye reemplazar la imagen y a\u00f1adir un enlace a ella. <\/span><\/p>\n\n\n\n

<\/span><\/p>\n\n\n\n

3. C\u00f3mo a\u00f1adir leyendas debajo de las im\u00e1genes.<\/b><\/h2>\n\n\n\n

Para a\u00f1adir una leyenda, simplemente haz clic en tu imagen, y ver\u00e1s la opci\u00f3n para escribir algo.<\/span><\/p>\n\n\n

\n
\"Escribiendo<\/figure><\/div>\n\n\n

Ten en cuenta que tambi\u00e9n tendr\u00e1s algunas opciones de estilo para tu leyenda. Puedes enlazar otra p\u00e1gina al hacer clic en el tercer bot\u00f3n en la barra de herramientas de leyenda. <\/span><\/p>\n\n\n\n

4. C\u00f3mo mostrar im\u00e1genes en columnas y filas<\/b><\/h2>\n\n\n\n

Si deseas mostrar las im\u00e1genes en columnas y filas, puedes hacer clic en el bot\u00f3n <\/span>Add Block<\/i><\/b> y seleccionar <\/span>Gallery<\/i><\/b> de las opciones. A continuaci\u00f3n, haz clic en <\/span>Upload<\/i><\/b> en el bloque de galer\u00eda y luego selecciona las im\u00e1genes que deseas a\u00f1adir y elige <\/span>Open<\/i><\/b>.<\/span><\/p>\n\n\n

\n
\"A\u00f1adiendo<\/figure><\/div>\n\n\n

Una vez que tus im\u00e1genes han sido cargadas, podr\u00e1s moverlas alrededor de la galer\u00eda. Para hacer esto, puedes hacer clic en una imagen y usar los botones de flechas. Tambi\u00e9n podr\u00e1s ver una opci\u00f3n para escribir una leyenda para tus im\u00e1genes y la galer\u00eda. <\/span><\/p>\n\n\n\n

5. C\u00f3mo crear galer\u00edas de im\u00e1genes receptivas<\/b><\/h2>\n\n\n\n

La galer\u00eda de im\u00e1genes de WordPress es bastante b\u00e1sica. Si usas tu sitio para mostrar tu fotograf\u00eda, puede que quieras considerar a\u00f1adir un plugin que te permita construir y personalizar tus propias galer\u00edas de im\u00e1genes. <\/span><\/p>\n\n\n\n

Para galer\u00edas hermosas y receptivas, recomendamos usar el <\/span>plugin Envira Gallery<\/span><\/a>. Despu\u00e9s de instalar y activar el plugin, en tu panel de WordPress navega a <\/span>Envira Gallery<\/i><\/b> > <\/b>Add New. <\/i><\/b>All\u00ed puedes crear tu primera galer\u00eda, la cual entonces puedes insertar en tus publicaciones al seleccionar el bloque de <\/span>Envira Gallery.<\/i><\/b><\/p>\n\n\n

\n
\"La<\/figure><\/div>\n\n\n

Puedes comenzar por subir algunas fotos a tu galer\u00eda y luego hacer clic en <\/span>Config<\/i><\/b> para seleccionar el n\u00famero de columnas, configurar el retardo de <\/span>lazy loading<\/span><\/i> y usar las otras funcionalidades disponibles. <\/span><\/p>\n\n\n

\n
\"A\u00f1adiendo<\/figure><\/div>\n\n\n

Recuerda darle un nombre a tus galer\u00edas. De esta forma, podr\u00e1s encontrarlas m\u00e1s f\u00e1cilmente cuando las a\u00f1ades a tus publicaciones.<\/span><\/p>\n\n\n\n

6. C\u00f3mo configurar publicaciones con im\u00e1genes destacadas<\/b><\/h2>\n\n\n\n

WordPress te permite seleccionar im\u00e1genes destacadas para tus publicaciones. Esta imagen ser\u00e1 atribuida a tu publicaci\u00f3n cuando aparece en el feed de tu blog. Sin una imagen destacada, a tu publicaci\u00f3n le faltar\u00e1 una imagen de miniatura. Una miniatura de imagen es una foto reducida que aparece en la p\u00e1gina de inicio de tu blog para ayudar a los usuarios a clasificar e identificar contenido relevante. <\/span><\/p>\n\n\n\n

Para configurar una imagen destacada, dir\u00edgete a la barra lateral a la derecha, selecciona la pesta\u00f1a <\/span>Post<\/i><\/b> y navega a la secci\u00f3n <\/span>Featured image<\/i><\/b>.<\/span><\/p>\n\n\n

\n
\"Configurando<\/figure><\/div>\n\n\n

A continuaci\u00f3n, haz clic en <\/span>Set featured image<\/i><\/b> y sube tu archivo de imagen. Alternativamente, puedes elegir una imagen que ya ha sido subida a tu sitio al hacer clic en la pesta\u00f1a <\/span>Media Library<\/i><\/b>.<\/span><\/p>\n\n\n\n

7. C\u00f3mo a\u00f1adir im\u00e1genes de portada en publicaciones y p\u00e1ginas<\/b><\/h2>\n\n\n\n

Si est\u00e1s escribiendo una publicaci\u00f3n larga, puede que quieras a\u00f1adir una imagen amplia de portada entre distintas secciones para que tu contenido sea m\u00e1s digerible. Para a\u00f1adir una imagen de portada, comienza por hacer clic en el bot\u00f3n <\/span>Add Block<\/i><\/b> y escribe \u201ccover\u201d en la barra de b\u00fasqueda. <\/span><\/p>\n\n\n\n

Una vez que seleccionas el bot\u00f3n <\/span>Cover<\/i><\/b>, <\/b>el bloque aparecer\u00e1. Haz clic en <\/span>Upload<\/i><\/b> para a\u00f1adir una imagen de tu computador, o selecciona <\/span>Media Library<\/i><\/b> para elegir una imagen que ya has subido a tu sitio. <\/span><\/p>\n\n\n

\n
\"A\u00f1adiendo<\/figure><\/div>\n\n\n

Si deseas hacer algunos cambios a la imagen de portada, puedes usar las opciones en la secci\u00f3n de herramientas en la publicaci\u00f3n.<\/span><\/p>\n\n\n\n

8. C\u00f3mo arreglar la imagen destacada que se muestra dos veces<\/b><\/h2>\n\n\n\n

Algunos temas de WordPress muestran las im\u00e1genes destacadas en la parte superior de las publicaciones. Esta imagen no ser\u00e1 visible en tus publicaciones cuando usas el editor de contenido. <\/span><\/p>\n\n\n\n

Por lo tanto, puede que pienses que debes insertarla en tu contenido en adici\u00f3n a a\u00f1adirla como la imagen destacada (como mostramos en el paso 6). Si haces esto, tendr\u00e1s la imagen duplicada en tu publicaci\u00f3n en vivo. <\/span><\/p>\n\n\n

\n
\"Arreglando<\/figure><\/div>\n\n\n

Para arreglar el problema de m\u00faltiples im\u00e1genes, simplemente elimina la imagen del editor de publicaciones. Luego puedes usar la que seleccionaste en la casilla <\/span>Set featured image.<\/i><\/b><\/p>\n\n\n\n

9. C\u00f3mo recortar im\u00e1genes<\/b><\/h2>\n\n\n\n

WordPress ofrece algunas funcionalidades b\u00e1sicas de edici\u00f3n de fotograf\u00eda. Para editar una foto, puedes ir a tu panel de WordPress y navegar a <\/span>Media<\/i><\/b> > <\/b>Library<\/i><\/b>. Luego de que selecciones la imagen, una ventana emerger\u00e1.<\/span><\/p>\n\n\n

\n
\"Recortando<\/figure><\/div>\n\n\n

Haz clic en el bot\u00f3n <\/span>Edit Image <\/i><\/b>debajo de la imagen y ser\u00e1s llevado a una p\u00e1gina con herramientas de edici\u00f3n. Selecciona el bot\u00f3n <\/span>Crop<\/i><\/b> en la parte superior y arrastra las esquinas de la caja para recortar la imagen a tu gusto. <\/span><\/p>\n\n\n\n

Alternativamente, puedes cambiar el tama\u00f1o de la imagen al ingresar las dimensiones y la relaci\u00f3n de aspecto en la barra lateral. <\/span><\/p>\n\n\n

\n
\"Recortando<\/figure><\/div>\n\n\n

En la parte superior, puedes encontrar opciones para rotar y voltear la imagen. Una vez que has terminado de editar tu foto, haz clic en <\/span>Save<\/i><\/b>. Ten en cuenta que los cambios ser\u00e1n aplicados a la foto original tambi\u00e9n. <\/span><\/p>\n\n\n\n

<\/span><\/p>\n\n\n\n

10. C\u00f3mo a\u00f1adir im\u00e1genes de encabezados<\/b><\/h2>\n\n\n\n

Algunos temas de WordPress cuentan con im\u00e1genes de encabezado. Para cambiar la imagen por defecto del encabezado, ve a tu panel y navega a <\/span>Appearance<\/i><\/b> > <\/b>Customize<\/i><\/b>.<\/span><\/p>\n\n\n\n

En la p\u00e1gina de personalizaci\u00f3n, haz clic en <\/span>Header Image<\/i><\/b>. Si no puedes ver esta opci\u00f3n en el men\u00fa, quiere decir que tu tema actual no soporta im\u00e1genes de encabezado. <\/span><\/p>\n\n\n

\n
\"Cambiando<\/figure><\/div>\n\n\n

En la p\u00e1gina <\/span>Header Image<\/i><\/b>, selecciona <\/span>Add new<\/i><\/b> image<\/i><\/b> para reemplazar la imagen por defecto de tu encabezado.<\/span><\/p>\n\n\n

\n
\"Cambiando<\/figure><\/div>\n\n\n

Cuando hayas finalizado, puedes hacer clic en el bot\u00f3n <\/span>Publish<\/i><\/b> en la parte superior de la pantalla. Esto guardar\u00e1 tus cambios.   <\/span><\/p>\n\n\n\n

<\/span><\/p>\n\n\n\n

11. C\u00f3mo a\u00f1adir im\u00e1genes de fondo<\/b><\/h2>\n\n\n\n

Puede que tu tema WordPress venga con soporte para im\u00e1genes de fondo. Para configurar una, accede la p\u00e1gina de personalizaci\u00f3n al navegar a <\/span>Appearance<\/i><\/b> > <\/b>Customize <\/i><\/b>en tu panel de WordPress. <\/span><\/p>\n\n\n\n

A continuaci\u00f3n, haz clic en <\/span>Colors<\/i><\/b>. <\/span><\/i>Ubica <\/span>Body Background <\/i><\/b>y haz clic en <\/span>Select image.<\/i><\/b><\/p>\n\n\n

\n
\"Cambiando<\/figure><\/div>\n\n\n

Cuando configures tu imagen de fondo, obtendr\u00e1s algunas opciones para ajustar la configuraci\u00f3n preestablecida y la posici\u00f3n de la imagen. Recuerda guardar tus cambios antes de salir.<\/span><\/p>\n\n\n\n

12. C\u00f3mo encontrar im\u00e1genes gratuitas para tu sitio WordPress<\/b><\/h2>\n\n\n\n

Cuando est\u00e9s buscando im\u00e1genes para tus publicaciones y p\u00e1ginas, recomendamos acceder a sitios de fotos de stock gratuitas para evitar incumplimientos de derechos de autor. Muchos sitios ofrecen im\u00e1genes libres de derechos, incluyendo <\/span>Pixabay<\/span><\/a>, <\/span>Unsplash<\/span><\/a>, <\/span>Flickr Creative Commons<\/span><\/a>, y <\/span>Pexels<\/span><\/a>.<\/span><\/p>\n\n\n

\n
\"Un<\/figure><\/div>\n\n\n

Las im\u00e1genes disponibles en estos sitios son de uso gratuito. Sin embargo, siempre es una buena idea darle cr\u00e9dito al fot\u00f3grafo o artista con un enlace en la leyenda de la imagen. <\/span><\/p>\n\n\n\n

13. C\u00f3mo etiquetar im\u00e1genes<\/b><\/h2>\n\n\n\n

Las etiquetas hacen m\u00e1s f\u00e1cil organizar y filtrar fotos en tu sitio. Sin embargo, WordPress actualmente no ofrece una funcionalidad de etiqueta de im\u00e1genes. Por lo tanto, puede que quieras descargar un plugin que te permita clasificar im\u00e1genes con categor\u00edas y etiquetas. <\/span><\/p>\n\n\n\n

Para categorizar y etiquetar im\u00e1genes, recomendamos usar el <\/span>plugin Media Library Assistant<\/span><\/a>. Comienza por instalar y activar el plugin y luego dir\u00edgete a<\/span> Media<\/i><\/b> > <\/b>Library<\/i><\/b>.<\/b> <\/span><\/p>\n\n\n\n

Puedes ver todas las fotos que has subido a tu sitio WordPress en la p\u00e1gina <\/span>Media Library<\/i><\/b>. Haz clic en el bot\u00f3n <\/span>list view<\/i><\/b> en la parte superior, luego encuentra la foto que deseas etiquetar y haz clic en <\/span>Edit<\/i><\/b>.<\/span><\/p>\n\n\n

\n
\"La<\/figure><\/div>\n\n\n

En la p\u00e1gina <\/span>Edit Media<\/i><\/b>, encuentra las secciones <\/span>Att. Categories<\/i><\/b> y <\/span>Att. Tags<\/i><\/b> en la parte derecha y comienza a a\u00f1adir categor\u00edas y etiquetas a tu imagen.<\/span><\/p>\n\n\n

\n
\"Etiquetando<\/figure><\/div>\n\n\n

Tambi\u00e9n puedes renombrar tu imagen en esta p\u00e1gina, escribir una leyenda y a\u00f1adir <\/span>texto alternativo<\/span><\/a>. Cuando hayas finalizado, haz clic en el bot\u00f3n <\/span>Update<\/i><\/b> a la derecha para guardar tus cambios. <\/span><\/p>\n\n\n\n

\n

\n\tRelated Article<\/span>\n\t
\n\t\t
\n\t\t\tC\u00f3mo Crear un Plugin de WordPress (Gu\u00eda Para Principiantes)\n\t\t<\/div>\n\t\t\n\t\t\tRead More\n\t\t<\/a>\n\t<\/div>\n<\/div>\n<\/span><\/p>\n\n\n\n

14. C\u00f3mo importar im\u00e1genes externas a WordPress<\/b><\/h2>\n\n\n\n

Para importar im\u00e1genes a WordPress, necesitar\u00e1s acceder a los archivos de tu sitio antiguo directamente <\/span>usando una herramienta de Secure File Transfer Protocol (SFTP)<\/span><\/a> tal como <\/span>FileZilla<\/span><\/a>. Ubica el directorio ra\u00edz de tu sitio y luego ve a <\/span>wp-content\/uploads<\/i><\/b>.<\/span><\/p>\n\n\n

\n
\"Accediendo<\/figure><\/div>\n\n\n

All\u00ed, encontrar\u00e1s los archivos multimedia que has subido a tu sitio. Descargarlos en una ubicaci\u00f3n segura y luego iniciar sesi\u00f3n en tu nuevo sitio WordPress. Navega de nuevo a <\/span>wp-content\/uploads, <\/span><\/i>y copia tus archivos multimedia. <\/span><\/p>\n\n\n\n

Puede que a\u00fan encuentres errores relacionados con las im\u00e1genes despu\u00e9s de hacer esto, ya que las URLs de tus im\u00e1genes pueden estar apuntando a tu sitio antiguo. Si ese es el caso, necesitar\u00e1s revisar y actualizar URLs, para que en cambio, apunten a tu nuevo sitio, lo cual puede ser un proceso que toma bastante tiempo.  <\/span><\/p>\n\n\n\n

Para evitar este problema, recomendamos usar <\/span>un plugin tal como Duplicator<\/span><\/a> para migrar tu sitio web entre dominios o compa\u00f1\u00edas de alojamiento. Tambi\u00e9n puedes beneficiarte al contactar a tu nueva compa\u00f1\u00eda de alojamiento para asegurarte de que todo en tu sitio sea transferido de forma apropiada. <\/span><\/p>\n\n\n\n

15. C\u00f3mo solicitar una imagen destacada en tus publicaciones<\/b><\/h2>\n\n\n\n

Si tu sitio tiene m\u00faltiples autores, puede que desees configurar un recordatorio para que todos seleccionen una imagen destacada antes de realizar una publicaci\u00f3n. Para hacer esto, necesitar\u00e1s a\u00f1adir algo de c\u00f3digo personalizado a tu sitio. <\/span><\/p>\n\n\n\n

Antes de comenzar, recomendamos <\/span>realizar una copia de seguridad de tu sitio<\/span><\/a> y <\/span>crear un tema child<\/span><\/a>. Luego puedes <\/span>a\u00f1adir el siguiente c\u00f3digo<\/span><\/a> al final del archivo <\/span>functions.php<\/span><\/i> de tu sitio: <\/span><\/p>\n\n\n\n

<?php<\/span>\n\n\n\n\n\/**<\/span>\n\n * Require a featured image to be set before a post can be published.<\/span>\n\n *\/<\/span>\n\n\n\n\nadd_filter( 'wp_insert_post_data', function ( $data, $postarr ) {<\/span>\n\n\n\n\n$post_id              = $postarr['ID'];<\/span>\n\n$post_status          = $data['post_status'];<\/span>\n\n$original_post_status = $postarr['original_post_status'];<\/span>\n\n\n\n\nif ( $post_id && 'publish' === $post_status && 'publish' !== $original_post_status ) {<\/span>\n\n$post_type = get_post_type( $post_id );<\/span>\n\nif ( post_type_supports( $post_type, 'thumbnail' ) && ! has_post_thumbnail( $post_id ) ) {<\/span>\n\n$data['post_status'] = 'draft';<\/span>\n\n}<\/span>\n\n}<\/span>\n\n\n\n\nreturn $data;<\/span>\n\n\n\n\n}, 10, 2 );<\/span>\n\n\n\n\nadd_action( 'admin_notices', function () {<\/span>\n\n$post = get_post();<\/span>\n\nif ( 'publish' !== get_post_status( $post->ID ) && ! has_post_thumbnail( $post->ID ) ) { ?><\/span>\n\n<div id=\"message\" class=\"error\"><\/span>\n\n<p><\/span>\n\n<strong><?php _e( 'Please set a Featured Image. This post cannot be published without one.' ); ?><\/strong><\/span>\n\n<\/p><\/span>\n\n<\/div><\/span>\n\n<?php<\/span>\n\n}<\/span>\n\n} );<\/span><\/pre>\n\n\n\n
Guarda tus cambios y a los usuarios se les requerir\u00e1 a\u00f1adir una imagen destacada a todos los tipos de publicaciones que las soporten. <\/span><\/p>\n\n\n\n
16. C\u00f3mo configurar una imagen destacada por defecto<\/b><\/h2>\n\n\n\n
Si deseas configurar una imagen destacada por defecto para aquellas ocasiones donde no puedes encontrar la foto correcta, <\/span>el plugin Default Featured Image<\/span><\/a> es una herramienta \u00fatil que puedes tener. Te permite elegir una foto que aparecer\u00e1 autom\u00e1ticamente como la imagen destacada para las publicaciones que no tengan una. <\/span><\/p>\n\n\n\n
Despu\u00e9s de instalar y activar el plugin, navega a <\/span>Settings<\/i><\/b> > <\/b>Media<\/i><\/b> en tu panel. <\/span><\/p>\n\n\n
\n
\"Usando<\/figure><\/div>\n\n\n
Haz clic en el bot\u00f3n <\/span>Select default feature image<\/i><\/b> y elige tu foto. Finalmente, haz clic en <\/span>Save Changes<\/i><\/b> al final de la p\u00e1gina. <\/span><\/p>\n\n\n\n
\n\n\n
Get Content Delivered Straight to Your Inbox<\/h2>
Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>
<\/div>