Las barras laterales son áreas listas para widgets creadas para mejorar la experiencia del usuario en su sitio. Se pueden colocar a ambos lados del área de contenido principal, ocupando una cantidad considerable de espacio de pantalla. Como tales, juegan un papel importante en el diseño web efectivo, especialmente si agrega una barra lateral diferente a cada página.
El propósito de las barras laterales es ayudar a los usuarios y permitirles un acceso rápido a información o enlaces que crea que pueden ser de su interés. Por eso, es importante mantener ordenadas las barras laterales para evitar distraer a los visitantes del contenido principal e interrumpir el flujo del sitio.
En la mayoría de los casos, las barras laterales contienen información adicional u opciones que podrían ser útiles para cualquier visitante del sitio, como un campo de búsqueda, íconos de redes sociales, artículos más recientes o más populares o formularios de registro de correo electrónico. Pero lo que los hace visualmente atractivos para los usuarios son las imágenes.
Una barra lateral de imágenes es una excelente manera de mostrar discretamente el logotipo de su marca, el feed de Instagram o las imágenes relacionadas con su negocio. Pero, ¿cómo se agrega una imagen a su barra lateral en WordPress? Hay dos formas más comunes de hacerlo y entraremos en gran detalle explicando cómo usar ambos métodos:
En WordPress, puede utilizar una gran cantidad de widgets prácticos y útiles para hacer que su sitio web sea realmente eficiente y sencillo. Se destacan como una forma rápida y fácil de agregar numerosos elementos útiles a las áreas de la barra lateral, incluidas las fotos. De hecho, puede utilizar dos widgets para incluir imágenes: los widgets Imagen y Texto. Te mostraremos cómo hacerlo con ambos.
Agregar una imagen a la barra lateral con el widget de imagen
Empiece haciendo clic en Apariencia> Widgets y luego ubique el Imagen widget.
A continuación, agregue el widget de imagen a su barra lateral. Haga clic en la flecha que apunta hacia abajo en la esquina derecha y, en el menú desplegable, seleccione Barra lateral. Entonces presione Agregar widget.
Luego, haga clic en el Añadir imagen botón.
Esta acción lanzará su Mediateca, permitiéndole seleccionar una foto que ya existe en la biblioteca o cargar un nuevo archivo. Antes de presionar el Agregar al widget , considere optimizar su imagen para los motores de búsqueda agregando el título, la leyenda, la descripción, el texto alternativo y el enlace.
La imagen ahora aparecerá dentro del widget, donde puede ingresar el título y el enlace (en caso de que omita agregarlos en la Biblioteca de medios).
Una vez que todo esté listo, haga clic en Ahorrar y la imagen ahora aparecerá en la barra lateral de tu blog.
Si desea crear una barra lateral de imágenes en sus páginas, considere instalar uno de nuestros temas, ya que la mayoría de ellos incluyen el área de widgets de la página de la barra lateral. El proceso sería el mismo, excepto que agregaría el widget de imagen en el área de la página de la barra lateral.
Agregar una imagen a la barra lateral con el widget de texto
El widget de texto es muy versátil y una excelente opción cuando desea agregar diferentes tipos de contenido a su barra lateral. Además del texto, puede usarlo para incluir imágenes, GIF y videos.
El primer paso para crear una barra lateral de imagen con el widget de texto es agregar el widget a la barra lateral, tal como hicimos en el método anterior. Una vez más, dirígete a Apariencia> Widgets, Selecciona el Texto widget, agréguelo a la barra lateral y haga clic en el Agregar medios botón.
Su biblioteca de medios se abrirá a continuación, para que seleccione la imagen que desea mostrar en la barra lateral. Una vez que esté satisfecho con su elección y haya terminado con la optimización de imagen SEO, haga clic en Insertar en la publicación.
Su imagen ahora aparecerá dentro del widget de Texto. Puede editar / agregar un título a su archivo, así como un enlace.
Una vez que todo esté listo, haga clic en Ahorrar y echa un vistazo a la barra lateral de imágenes que acabas de crear en tu sitio.
Si el uso de widgets no es realmente lo tuyo o si notas que los autores del tema (o administradores) han eliminado el widget por alguna razón, instalar un complemento es el camino a seguir. De esa manera, tendrá aún más opciones de personalización a mano que los paquetes de widgets por defecto. Recomendamos usar Widget de imagen.
Al instalar y activar el complemento, vaya a Apariencia> Widgets, Seleccione Widget de imageny agréguelo a la barra lateral. Luego, presione el Seleccione una imagen botón.
A continuación, busque la imagen que tenía en mente dentro de la Biblioteca de medios (o cárguela) y haga clic en Insertar en widget.
El complemento Image Widget incluye varias opciones de personalización, lo que le permite agregar título, texto alternativo, título, enlace, pero también título del enlace, ID del enlace y extensiones HTML5. Además, puede especificar si el enlace insertado debe abrir en la misma ventana o en una nueva, seleccione el tamaño de su archivo y ajuste la alineación.
Cuando termine de hacer los ajustes, haga clic en Ahorrar.
Conclusión
La barra lateral de imágenes es una forma eficaz de mostrar sutilmente fotos que no son el foco principal de su sitio, pero que siguen siendo relevantes para su negocio. Y todo lo que se necesita para crear uno son solo unos pocos clics de su mouse. Si decide usar widgets o un complemento es irrelevante, ya que ambos métodos son aptos para principiantes y no requieren ningún conocimiento de codificación.
Apoya nuestro trabajo ❤️
Si te ha gustado este artículo, considera dejar una propina para ayudarnos a seguir publicando contenido de calidad.
