La barra lateral es el lugar más utilizado para mostrar anuncios e imágenes. Aquí, compartimos un plugin llamado WordPress Image Widget, que añade un widget de imagen en la sección Apariencia » Widgets de su sitio web. Puedes arrastrar y soltar fácilmente el widget en la barra lateral, configurarlo y guardarlo. He compartido la captura de pantalla de la página de configuración del widget y los ajustes que se muestran a continuación. También hemos compartido un método manual al final de este post para hacer la misma tarea que hace este plugin.
Descargar el plugin de WordPress para widgets de imágenes
Descargue el plugin desde el siguiente enlace del directorio de WordPress
Consigue el Plugin
Así es como se ve el widget en la barra lateral de tu blog
Imagen cortesía de Modern Tribe, Inc. – Desarrolladores de este impresionante plugin de WordPress.
Como puedes ver en la foto de arriba, con esto puedes controlar las siguientes cosas…
- Altura y ancho de la imagen o del banner (Seleccione Personalizado en el desplegable del campo Tamaño, entonces sólo usted podrá especificar la altura y el ancho).
- Alineación de la imagen (izquierda/derecha/centro).
- Hipervínculo de imagen (En el caso de los anuncios de banner, puede utilizar enlaces de afiliados encubiertos aquí).
- Pie de foto (Este es un campo opcional y puede ser evitado, lo que escribas aquí se mostrará en la barra lateral, justo debajo de la imagen/banner).
- Etiqueta Alt (Texto alternativo) – Este es usado por el motor de búsqueda, ya que los bots no pueden juzgar de qué trata la imagen, este campo es usado por ellos para entender el contenido de la imagen.
- Título de la imagen – Una breve descripción sobre la imagen, esto sería visible cuando alguien se cierne sobre la imagen.
Una vez que hayas terminado con estos ajustes, puedes simplemente presionar Guardar. Eso es todo!! Has terminado con todo. El widget debería mostrar la imagen o el banner en la barra lateral del blog.
Cómo mostrar imágenes en la barra lateral sin el plugin – Un método manual
Si conoces el HTML básico entonces no necesitas este plugin. Ve a la sección de Apariencia » Widgets y arrastra y suelta un Widget de texto en la barra lateral. Después de eso copie el código de abajo en el widget, cambie los atributos como dije abajo y guárdelo.
<div style = "text-align:center"> <a href="http://www.easysteps2buildwebsite.com" target="_blank"> <img src="https://beginnersbook.com/abc.jpeg" height="150" width="150" alt="alt text here"/> </a></div>
Haga los siguientes cambios en el código anterior para que funcione para usted –
1) Cambiar la alineación de la imagen modificando el atributo div style.
2) Dar el enlace del objetivo en el campo de href.
3) target=»_blank» para abrir el enlace de destino en una nueva ventana, si el requerimiento es abrir el enlace en la misma ventana entonces eliminar este atributo.
3) Ajustar la altura y el ancho de la imagen cambiando los valores en el propio código.
4) Poner la etiqueta alt en el atributo alt de la imagen (reemplazar la etiqueta alt aquí).
5) Dar la fuente de la imagen (Path of the image/banner) en el campo src de la etiqueta Img.
Háganos saber qué método prefiere para mostrar las imágenes/banner de anuncios en la barra lateral de su sitio web, el método manual o mediante el uso del plugin de WordPress. Si ya estás usando este plugin en tu sitio web/blog, entonces deja que otros conozcan tu experiencia con él dejando un comentario abajo.