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

¿Desea 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últiples métodos, para que pueda utilizar uno que funcione mejor para usted..

Versión de video

Si no te gusta el video o necesitas más instrucciones, continúa 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 predeterminado 'Imagen'.

Simplemente ir a Apariencia »Widgets página y agregue el widget 'Imagen' a su barra lateral. Si no ha utilizado widgets anteriormente, consulte nuestra guía sobre cómo agregar y usar widgets en WordPress.

El widget se expandirá y podrás 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 WordPress donde puede hacer clic en el botón de subir archivos para cargar su imagen o seleccionar una imagen que haya subido previamente..

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

Una vez que haya terminado, puede hacer clic en el botón 'Agregar al widget' para guardar sus 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 de 'Imagen' predeterminado es bastante fácil. Sin embargo, a veces es posible que necesite agregar una imagen con HTML personalizado o texto con formato. En ese caso, deberá utilizar el widget 'Texto' en su lugar..

Simplemente ir 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 medio' sobre el área de edición de texto.

Al hacer clic en el 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 su imagen, haga clic en el botón 'Insertar en 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 en el editor de texto te da algunos botones básicos de formato.

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 barra lateral de WordPress

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

Primero, necesitas subir la imagen a tu sitio de WordPress. Simplemente ir a Medios »Añadir 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. Necesitas copiar esta URL y pegarla en un editor de texto como Notepad.

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

En el área de cuadro de texto del widget, debe agregar su imagen usando este código:

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 un texto alternativo para la imagen. Tu etiqueta img final se verá así:

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 el uso de 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 de 'Imagen' predeterminado.

Primero, debes 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 vaya a Apariencia »Widgets página. Notará un nuevo widget etiquetado como 'Widget de imagen' 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 al widget', y verá la vista previa de la imagen en la configuración del widget.

Puede agregar un título, texto alternativo, 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 imagen. Eso es todo, ahora puedes ir a tu sitio web y ver la imagen que se muestra en la barra lateral..

Esperamos que este artículo te haya ayudado a agregar una imagen en el widget de la barra lateral de WordPress. Si se encuentra con un problema, no olvide consultar nuestra guía sobre cómo solucionar problemas comunes de imagen en WordPress..

Si le ha gustado este artículo, suscríbase a nuestros tutoriales en video del Canal de YouTube para WordPress. También puedes encontrarnos en Twitter y Google.+.