Cómo añadir una imagen en el widget de WordPress Sidebar

¿Quieres añadir una imagen a un widget de barra lateral en WordPress? Por defecto, WordPress facilita la carga y adición de imágenes en cualquier parte de tu sitio web. En este artículo, le mostraremos cómo añadir fácilmente una imagen en su widget de barra lateral de WordPress. Compartiremos múltiples métodos, para que pueda usar uno que funcione mejor para usted.

Versión en vídeo

Suscribirse a AprenderWP

Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.

Agregar una imagen en WordPress usando el Widget de imagen

La manera más fácil de añadir una imagen en la barra lateral de WordPress es usando el widgetImagen por defecto.

Simplemente ve a la página Apariencia " Widgets y añade el widgetImagen a tu barra lateral. Si no has usado widgets antes, consulta nuestra guía sobre cómo añadir y usar widgets en WordPress.

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

La primera opción es añadir un título al widget de imagen. Después de eso, haga clic en el botónAgregar Imagen para continuar.

Esto mostrará el cargador de medios de WordPress donde puedes hacer clic en el botón de subir archivos para subir tu imagen o seleccionar una imagen que hayas subido previamente.

Después de subir la imagen, verá la configuración de la imagen en la columna de la derecha. Desde aquí, puede proporcionar un título / texto ALT para la imagen, añadir una descripción, seleccionar el tamaño, o incluso añadir un enlace.

Una vez que haya terminado, 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.

No olvides hacer clic en el botón "Guardar" para guardar tu widget de imagen.

Ahora puedes visitar tu sitio web para ver la imagen que aparece en la barra lateral de tu blog de WordPress.

Adición de una imagen en WordPress Sidebar mediante un widget de texto

Añadir una imagen a la barra lateral usando el widgetImagen por defecto es bastante fácil. Sin embargo, a veces puede ser necesario añadir una imagen con HTML personalizado o texto con formato. En ese caso, tendrá que usar el widgetTexto en su lugar.

Simplemente ve a la página Apariencia " Widgets y añade el widgetTexto a tu barra lateral. Debajo de la configuración del widget, verá el botónAgregar medios encima del área de edición de texto.

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

Después de seleccionar su imagen, haga clic en el botónInsertar en el mensaje. Ahora podrá ver una vista previa de la imagen en la configuración del widget de texto.

Puede seguir añadiendo texto y otros elementos al widget de texto. La barra de herramientas del editor de texto le ofrece algunos botones de formato básicos.

Una vez que hayas terminado, no olvides hacer clic en el botón "Guardar" para guardar la configuración de tu widget.

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

Adición manual de una imagen en el widget de WordPress Sidebar

En algunos casos, es posible que necesite añadir código HTML adicional a su imagen. El widget de texto por defecto permite algunos HTML muy básicos, pero puede no funcionar con HTML o formato avanzado. En ese caso, necesitarás añadir manualmente una imagen a la barra lateral de tu blog.

Primero, necesitas subir la imagen a tu sitio de WordPress. Simplemente vaya a Media " Add New y suba su archivo de imagen.

Después de subir la imagen, debe hacer clic en el enlace Editar junto a la imagen.

WordPress te llevará a la página `Editar Medios donde verás la URL del archivo de imagen en el lado derecho de la pantalla. Necesita copiar esta URL y pegarla en un editor de texto como el Bloc de notas.

A continuación, debe ir a la pantalla Apariencia " Widgets y arrastrar y soltar el widgetHTML personalizado a la barra lateral donde desea mostrar la imagen.

En el área de caja de texto del widget, necesitas añadir tu imagen usando este código:

Strawberries

La etiqueta img se utiliza en HTML para mostrar imágenes. Necesita dos atributos, el primero es src que define la ubicación del archivo de imagen. Aquí es donde pegará la URL que copió anteriormente.

El segundo es alt, que se utiliza para proporcionar un texto alternativo para la imagen. Tu etiqueta final de imagen se verá algo así:

Strawberries

Necesitas hacer clic en el botón Guardar para guardar la configuración de tu widget y luego previsualizar tu sitio web.

Adición de una imagen en WordPress Sidebar mediante un plugin

Otra forma de añadir imágenes a tu barra lateral de WordPress es usando un plugin. Esto le dará algunas opciones más y una interfaz simple, que algunos principiantes pueden encontrar más fácil que el widgetImagen por defecto.

En primer lugar, debe instalar y activar el plugin Image Widget. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, simplemente vaya a la página Apariencia " Widgets . Notarás un nuevo widget llamadoImage Widget bajo la columna de widgets disponibles. Simplemente arrastra y suelta este widget de imagen a tu barra lateral de WordPress donde quieras mostrar una imagen.

A continuación, haga clic en el botón `Seleccionar imagen para subir una imagen o seleccione una de la biblioteca de medios. A continuación, haga clic en el botón "Insertar en el widget" y verá la vista previa de la imagen en la configuración del widget.

Puede añadir un título, un texto alternativo, un enlace y un título para la imagen. También puede elegir un tamaño de imagen de la lista de opciones disponibles.

Una vez que esté satisfecho, simplemente haga clic en el botón Guardar para guardar el widget de la imagen. Eso es todo, ahora puede ir a su sitio web y ver la imagen que aparece en la barra lateral.

Esperamos que este artículo le haya ayudado a añadir una imagen en el widget de la barra lateral de WordPress. Si encuentras un problema, no olvides consultar nuestra guía sobre cómo solucionar problemas comunes de imagen en WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Google+.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir