¿Quieres agregar imágenes a tu widget de la barra lateral de WordPress? De forma predeterminada, WordPress facilita la carga y adición de imágenes en cualquier lugar de su sitio. En este artículo, le mostraremos cómo agregar fácilmente imágenes en un widget de la barra lateral de WordPress. Compartiremos una variedad de métodos para que pueda usar el que funcione mejor para usted.

Agregar imágenes en los widgets de la barra lateral de WordPress

Versión de vídeo

Suscríbete a WPBeginner

Si no te gusta el video o necesitas más explicaciones, sigue leyendo.

Agregar imágenes en WordPress usando el widget de imagen

La forma más fácil de agregar imágenes a su barra lateral de WordPress es usar el widget “Imágenes” predeterminado.

solo ve a Apariencia » Widgets página y agregue el widget Imagen a su barra lateral. Si no ha usado widgets antes, consulte nuestra guía sobre cómo agregar y usar widgets en WordPress.

Agregar widget de imagen

El widget se expandirá y podrá ver su configuración.

La primera opción es agregar un título al widget de imagen. Después de eso, haga clic en el botón “Agregar imagen” para continuar.

Esto abrirá el cargador de medios de WordPress, donde puede hacer clic en el botón cargar archivo para cargar su imagen o seleccionar una imagen que cargó anteriormente.

Configuración de imagen

Después de cargar la imagen, verá la configuración de la imagen en la columna de la derecha. Desde aquí, puede darle a la imagen un título/texto alternativo, agregar una descripción, elegir un tamaño e incluso agregar un enlace.

Una vez hecho esto, puede hacer clic en el botón “Agregar al widget” para guardar los cambios. Ahora verá una vista previa de la imagen dentro del área de configuración del widget.

vista previa del widget

No olvide hacer clic en el botón “Guardar” para guardar su widget de imagen.

Ahora puede visitar su sitio web para ver las imágenes que se muestran en la barra lateral de su blog de WordPress.

Vista previa de la imagen de la barra lateral

Agregue imágenes en la barra lateral de WordPress usando el widget de texto

Agregar imágenes a la barra lateral es muy fácil usando el widget “Imágenes” predeterminado. Sin embargo, a veces es posible que deba agregar imágenes con HTML personalizado o texto formateado. En este caso, deberá usar el widget “Texto” en su lugar.

solo ve a Apariencia » Widgets página y agregue el widget de Texto a su barra lateral. En la configuración del widget, verá un botón “Agregar medios” sobre el área de edición de texto.

Agregue imágenes en la barra lateral de WordPress usando el widget de texto

Al hacer clic en este botón, se abrirá el cargador de medios, lo que le permitirá cargar o seleccionar una imagen de la biblioteca de medios.

Después de seleccionar la imagen, haga clic en el botón “Insertar publicación”. Ahora puede ver la vista previa de la imagen en la configuración del widget de texto.

Puede continuar agregando texto y otros elementos al widget de texto. La barra de herramientas del editor de texto le proporciona algunos botones básicos de formato.

Agregue imágenes con texto y formato básico

Cuando haya terminado, no olvide hacer clic en el botón “Guardar” para almacenar la configuración de su widget.

Ahora puede visitar su sitio web para ver la imagen de la barra lateral en acción.

Imagen mostrada usando el widget de texto en la barra lateral

Agregar imágenes manualmente en los widgets de la barra lateral de WordPress

En algunos casos, es posible que deba agregar código HTML adicional a la imagen. El widget de texto predeterminado permite HTML muy básico, pero es posible que no funcione con formato o HTML avanzado. En este caso, deberá agregar manualmente la imagen a la barra lateral de su blog.

Primero, debe cargar imágenes en su sitio de WordPress.solo ve a Medios » Agregar nuevo y sube tu archivo de imagen.

Después de cargar la imagen, debe hacer clic en el enlace de edición junto a la imagen.

Subir y editar archivos de imagen en WordPress

WordPress ahora lo llevará a la página Editar medios y verá la URL del archivo de imagen en el lado derecho de la pantalla. Debe copiar esta URL y pegarla en un editor de texto como el Bloc de notas.

Copie la URL del archivo de imagen en WordPress

A continuación, debe ir a Apariencia » Widgets pantalla y arrastre y suelte el widget HTML personalizado en la barra lateral donde desea mostrar la imagen.

Agregue manualmente imágenes a un widget de la barra lateral de WordPress

En el área del cuadro de texto del widget, debe agregar la imagen con el siguiente código:

<img src="https://www.wpbeginner.com/beginners-guide/how-to-add-an-image-in-wordpress-sidebar-widget/Paste The File URL Here" alt="Strawberries" />

Esta img Las etiquetas se utilizan en HTML para mostrar imágenes.Requiere dos propiedades, la primera es src Define la ubicación del archivo de imagen. Pegará la URL que copió anteriormente aquí.

el segundo es alt Se utiliza para proporcionar texto alternativo para las imágenes. Su etiqueta img final se verá así:

<img src="http://www.example.com/wp-content/uploads/2014/09/strawberries.jpg" alt="Strawberries" />

Debe hacer clic en el botón “Guardar” para almacenar la configuración del widget y luego obtener una vista previa de su sitio web.

Agregue imágenes en la barra lateral de WordPress usando complementos

Otra forma de agregar imágenes a su barra lateral de WordPress es usar un complemento. Esto le dará más opciones y una interfaz simple que algunos principiantes pueden encontrar más fácil que el widget “Imágenes” predeterminado.

Primero, debe instalar y activar el complemento Image Widget. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar complementos de WordPress.

Después de la activación, simplemente vaya a Apariencia » Widgets Página. Verá un nuevo widget con la etiqueta “Widget de imagen” en la columna Widgets disponibles. Simplemente arrastre y suelte este widget de imagen en la barra lateral de WordPress donde desea mostrar la imagen.

Complemento de widget de imagen

A continuación, haga clic en el botón “Seleccionar imagen” para cargar una imagen o elija una de la biblioteca de medios. Después de eso, debe hacer clic en el botón “Insertar en widget” y verá una vista previa de la imagen en la configuración del widget.

Puede agregar subtítulos, texto alternativo, enlaces y subtítulos a las imágenes. También puede elegir un tamaño de imagen de una lista de opciones disponibles.

Más configuraciones para el complemento de widget de imagen

Una vez satisfecho, simplemente haga clic en el botón “Guardar” para guardar el widget de imagen. Eso es todo, ahora puede visitar su sitio web y ver la imagen que se muestra en la barra lateral.

Esperamos que este artículo le haya ayudado a agregar imágenes a su widget de la barra lateral de WordPress. Si tiene problemas, no olvide consultar nuestra guía sobre cómo solucionar problemas comunes de imagen en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Google+.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.