Adding An Image In Wordpress Sidebar Widget

Cómo agregar una imagen en el widget de la barra lateral de WordPress

¿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 a su widget de barra lateral de WordPress. Compartiremos varios métodos para que pueda utilizar uno que funcione mejor para usted.

Versión de video

Suscríbase a MundoCMS Si no le gusta el video o necesita más instrucciones, siga leyendo.

Agregue una imagen en WordPress usando el widget de imagen

La forma más fácil de agregar una imagen a la barra lateral de WordPress es utilizar el widget «Imagen» predeterminado. Solo ve a Apariencia »Widgets página y agregue el widget «Imagen» a su barra lateral. Si nunca antes ha usado widgets, consulte nuestra guía sobre cómo agregar y usar widgets en WordPress.

Agregar Un 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 descargador 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 cargó anteriormente.
Configuraciones De Imagen
Después de cargar la imagen, verá la configuración de la imagen en la columna de la derecha. Desde allí, 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 en el á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 la imagen que se muestra en la barra lateral de su blog de WordPress.
Vista Previa De La Imagen De La Barra Lateral

Agregar una imagen a la barra lateral de WordPress usando el widget de texto

Agregar una imagen a la barra lateral usando el widget «Imagen» predeterminado es bastante sencillo. Sin embargo, a veces necesitará agregar una imagen con código HTML personalizado o texto con formato. En este caso, deberá utilizar el widget ‘Texto’ en su lugar. Solo 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» encima del cuadro de edición de texto.
Agregar Imagen A La Barra Lateral De Wordpress Usando El Widget De Texto
Haga clic en el botón para mostrar el descargador de medios que le permite descargar o seleccionar una imagen de la biblioteca de medios. Después de seleccionar su imagen, haga clic en el botón «Insertar en el artículo». 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.
Agregar Una Imagen Con Texto Y Formato Básico
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.
Imagen Mostrada Usando El Widget De Texto En La Barra Lateral

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 HTML muy básico, pero es posible que no funcione con formato o HTML avanzado. En este caso, 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.
Sube Y Edita Un Archivo De Imagen En Wordpress
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.
Copie La Url Del Archivo De Imagen En Wordpress
Entonces tienes que ir a Apariencia »Widgets y arrastre el widget «HTML personalizado» a la barra lateral donde desea mostrar la imagen.
Agregue Manualmente Una Imagen Al Widget De La Barra Lateral De Wordpress
En el cuadro de texto del widget, debe agregar su imagen usando este código:
Fresas
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 texto alternativo para la imagen. Su etiqueta img final se verá así:
Fresas
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.

Agregue una imagen a la barra lateral de WordPress usando un complemento

Otra forma de agregar imágenes a la barra lateral de WordPress es usar 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. En primer lugar, debe instalar y activar el complemento Image Widget. 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 navegue hasta Apariencia »Widgets página. Verá un nuevo widget titulado «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 una imagen.
Complemento De Widget De 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 para la imagen. También puede elegir un tamaño de imagen de la lista de opciones disponibles.
Más Configuraciones Para El Complemento De Widget De Imagen
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 tiene algún problema, asegúrese de 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 ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Google+.

Leave a Reply