Cómo añadir una barra lateral flotante en WordPress

La barra lateral flotante es algo que se ve en la mayoría de los sitios web, pero hoy estás aquí para aprender cómo añadir una barra lateral flotante en el blog de WordPress. Las barras laterales flotantes se utilizan en los sitios web para captar la atención de los visitantes y la barra lateral flotante tiene una tasa de conversión muy alta si se utiliza con el widget Suscribir.

Estoy usando el widget de suscripción flotante desde hace mucho tiempo y puedo asegurar su resultado. Bueno, puedes usar esto con cualquier tipo de widget no sólo con el de suscripción. Puedes usarlo para promocionar tu último post, Ebook o imágenes, etc. La barra lateral flotante aumenta la visibilidad de lo que quieras promocionar a tus visitantes y seguramente llama la atención.

Antes de seguir adelante me gustaría decirte que a veces el uso de la barra lateral puede realmente obstaculizar la tasa de retención de tu visitante, porque se mete con la experiencia general del visitante. Así que siempre debes usar un widget de diseño simple y sencillo cuando lo uses con la barra lateral flotante.

Cómo añadir una barra lateral flotante en WordPress

Ahora si quieres añadir una barra lateral flotante en el blog de WordPress entonces debes instalar este plugin llamado Q2W3 Fixed Widget. Para instalarlo desde tu panel de administración, ve a Plugins> Add New y luego busca el plugin. Instala y activa el plugin, para que puedas empezar a usarlo.

Después de activar el plugin, ve a Apariencia> Widgets y dentro de tu barra lateral haz clic en el widget que quieras hacer pegajoso. Sólo marca la pequeña casilla cerca de la opción Fixed widget y luego haz clic en save (guardar) y tendrás una bonita barra lateral flotante, algo bastante fácil.

Cómo configurar el Widget Fijo

No te emociones porque hay más en el Q2W3 Fixed Widget, ve a Appearance> Fixed Widget Options para configurar el plugin. En esta página, puedes configurar el margen, deshabilitar el plugin para dispositivos móviles e incluso puedes crear un ID HTML personalizado. Bueno, vamos a entrar en los detalles de cada uno.

El Margen Superior debe establecerse de acuerdo a cuánto espacio necesita entre su barra lateral flotante y el margen superior, de manera similar el Margen Inferior debe establecerse de acuerdo a sus necesidades.

Una cosa que me gustaría compartir aquí es que Margin Bottom debe ser establecido para que no se superponga con su pie de página. Revisa los diferentes valores y una vez que estés satisfecho con el resultado haz clic para guardar.

Si quieres deshabilitar el plugin para dispositivos móviles, sólo tienes que escribir el valor del ancho de pantalla por debajo del cual el plugin se deshabilitará en Disable Width y Diable Height. Ten en cuenta que ambos valores son necesarios si quieres deshabilitar el plugin para una altura y anchura determinadas.

Los ID de HTML personalizados también están disponibles si la altura del pie de página cambia de una página a otra, entonces para arreglar el problema de superposición debes usar el ID de la etiqueta HTML. Bueno, el contenedor de pie de página del tema tiene un id por ejemplo Veintiséis contenedor de pie de página del tema por defecto tiene un . En los IDs HTML personalizados, necesito introducir sólo el colofón, sin ningún otro símbolo! Y la barra lateral flotante funcionará perfectamente.

Espero que este artículo te haya sido útil y que hayas podido aprender a añadir una barra lateral flotante en el blog de WordPress sin problemas. Si todavía tienes alguna pregunta sobre esta guía, por favor, no dudes en hacerla en los comentarios.

¿Tiene alguna sugerencia o idea sobre el widget fijo? Hágamelo saber ya que las sugerencias son bienvenidas.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *