¿Quieres agregar una imagen a un widget de barra lateral en WordPress? De forma predeterminada, WordPress facilita la carga y la adición de imágenes en cualquier lugar de su sitio web. En este artículo, le mostraremos cómo agregar fácilmente una imagen en su widget de barra lateral de WordPress. Compartiremos varios métodos para que pueda utilizar el que mejor se adapte a sus necesidades.
Versión de video
Si no le gusta el video o necesita más instrucciones, continúe leyendo.
Agregar una imagen en WordPress usando el widget de imagen
La forma más fácil de agregar una imagen en la barra lateral de WordPress es usando el widget ‘Imagen’ predeterminado.
Simplemente 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.
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 archivos para cargar su imagen o seleccionar una imagen que haya cargado previamente.
Después de cargar 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, agregar una descripción, seleccionar el tamaño o incluso agregar 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 olvide hacer clic en el botón ‘Guardar’ para guardar su widget de imagen.
Ahora puede visitar su sitio web para ver la imagen que se muestra en la barra lateral de su blog de WordPress.
Agregar una imagen en la barra lateral de WordPress usando un widget de texto
Agregar una imagen a la barra lateral usando el widget ‘Imagen’ predeterminado es bastante fácil. Sin embargo, a veces es posible que deba agregar una imagen con HTML personalizado o texto con formato. En ese caso, deberá utilizar el widget ‘Texto’ en su lugar.
Simplemente ve a Apariencia »Widgets página y agregue el widget ‘Texto’ a su barra lateral. Debajo de la configuración del widget, verá el botón ‘Agregar medios’ sobre el área de edición de texto.
Al hacer clic en el botón, aparecerá el cargador de medios que le permitirá cargar o seleccionar una imagen de la biblioteca de medios.
Después de seleccionar su imagen, haga clic en el botón ‘Insertar en la publicación’. Ahora podrá ver una 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 ofrece algunos botones de formato básicos.
Una vez que 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.
Agregar manualmente una imagen en el widget de la barra lateral de WordPress
En algunos casos, es posible que deba agregar código HTML adicional a su imagen. El widget de texto predeterminado permite algo de HTML muy básico, pero es posible que no funcione con formato o HTML avanzado. En ese caso, deberá agregar manualmente una imagen a la barra lateral de su blog.
Primero, debe cargar la imagen en su sitio de WordPress. Simplemente ve a Medios »Agregar nuevo y sube tu archivo de imagen.
Después de cargar la imagen, debe hacer clic en el enlace Editar junto a la imagen.
WordPress ahora lo llevará a la página ‘Editar medios’ donde 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.
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.
En el área del cuadro de texto del widget, debe agregar su imagen usando este 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" />
La img La etiqueta 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. Su etiqueta img final se verá así:
<img src="https://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 de su widget y luego obtener una vista previa de su sitio web.
Agregar una imagen en la barra lateral de WordPress usando un complemento
Otra forma de agregar imágenes a la barra lateral de WordPress es mediante un complemento. Esto le dará algunas opciones más y una interfaz simple, que algunos principiantes pueden encontrar más fácil que el widget ‘Imagen’ predeterminado.
Primero, debe instalar y activar el Widget de imagen enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Tras la activación, simplemente vaya a Apariencia »Widgets página. Notará un nuevo widget con la etiqueta ‘Image Widget’ en la columna de widgets disponibles. Simplemente arrastre y suelte este widget de imagen en la barra lateral de WordPress donde desea mostrar una imagen.
A continuación, haga clic en el botón ‘Seleccionar imagen’ para cargar una imagen o seleccione una de la biblioteca de medios. Después de eso, debe hacer clic en el botón ‘Insertar en widget’ y verá la vista previa de la imagen en la configuración del widget.
Puede agregar un título, texto alternativo, enlace y una leyenda 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 imagen. Eso es todo, ahora puede ir a su sitio web y ver la imagen que se muestra en su barra lateral.
Esperamos que este artículo le haya ayudado a agregar una imagen en el widget de la barra lateral de WordPress. Si encuentra un problema, no olvide consultar nuestra guía sobre cómo solucionar problemas comunes de imágenes en WordPress.
Si le gustó este artículo, suscríbase a nuestro Canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Google+.