¿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 el widget de la barra lateral de WordPress. Compartiremos más 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, siga leyendo.
Agregar una imagen en WordPress usando el widget de imagen
La forma más sencilla de agregar una imagen a la barra lateral de WordPress es utilizar el widget «Imagen» predeterminado.
Solo ve a Apariencia »Widget página y agregue el widget «Imagen» a la barra lateral. Si nunca antes ha usado widgets, 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. A continuación, haga clic en el botón «Agregar imagen» para continuar.
Aparecerá el cargador de medios de WordPress donde puede hacer clic en el botón de carga de 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 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.
No olvide hacer clic en el botón «Guardar» para guardar el 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 el widget de texto
Agregar una imagen a la barra lateral usando el widget «Imagen» predeterminado es bastante simple. 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.
Solo ve a Apariencia »Widget página y agregue el widget «Texto» a la barra lateral. Debajo de la configuración del widget, verá el botón «Agregar medios» encima del área de edición de texto.
Al hacer clic en el botón, aparecerá el cargador de medios que le permite cargar o seleccionar una imagen de la biblioteca de medios.
Una vez que haya seleccionado 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 ofrece algunos botones de formato básicos.
Una vez hecho esto, no olvide hacer clic en el botón «Guardar» para almacenar la configuración del 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, puede ser necesario agregar código HTML adicional a la imagen. El widget de texto predeterminado permite HTML muy simple, pero es posible que no funcione con formato o HTML avanzado. Si es así, deberá agregar manualmente una imagen a la barra lateral de su blog.
Primero, debe cargar la imagen 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 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, debes ir a Apariencia »Widget pantalla y arrastre el widget «HTML personalizado» a 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.trucoswp.com/beginners-guide/how-to-add-an-image-in-wordpress-sidebar-widget/Paste The File URL Here" alt="Strawberries" />
los 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 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 del widget y luego obtener una vista previa del sitio web.
Agregar una imagen en la barra lateral de WordPress usando un plugin
Otra forma de agregar imágenes a la barra lateral de WordPress es usar un plugin. 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, necesitas instalar y activar el archivo. Widget de imagen conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Después de la activación, simplemente vaya a Apariencia »Widget página. Notará un nuevo widget llamado «Image Widget» en la columna de widgets disponibles. Arrastre y suelte este widget de imagen en la barra lateral de WordPress donde desea mostrar una imagen.
Luego, 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 el widget» y verá la vista previa de la imagen en la configuración del widget.
Puede agregar un título, texto alternativo, enlace y pie de foto a 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 la barra lateral.
Esperamos que este artículo le haya ayudado a agregar una imagen en el widget de la barra lateral de WordPress. Si tiene algún problema, no olvide consultar nuestra guía sobre cómo solucionar problemas comunes de imágenes en WordPress.
¿Te ha resultado útil??
0 / 0