Cómo agregar una barra lateral flotante a un sitio de WordPress

Artículo escrito por:
  • WordPress
  • Actualizado: sep 13, 2017

Las barras laterales flotantes son útiles cuando desea mantener una faceta particular o parte de su sitio web accesible al lector en todo momento. Entonces, la idea detrás de garantizar la máxima accesibilidad es que el usuario casi siempre ve el contenido que se presenta en una barra lateral flotante.

Es por esta razón que muchos sitios web emplean una barra de acciones flotante. Estas barras laterales son siempre visibles y de fácil acceso para el visitante. Aumenta la probabilidad de que un visitante comparta tu contenido.

Del mismo modo, los webmasters tienden a poner su mejor contenido en la parte más accesible del sitio web. Esto mantiene lo que desea en el rango de visión de sus visitantes en todo momento.

¿Necesita ayuda para ajustar su sitio de WordPress?
WHSR ahora es socio de Codeable.io para ayudar a los usuarios que necesitan servicios profesionales de desarrollo / personalización de WP.

Para obtener una cotización gratis, por favor llene este formulario de solicitud.

Un buen ejemplo de algo que se puede agregar a una barra lateral flotante, echa un vistazo Publicación de WHSR sobre seguridad en redes sociales.

Ejemplo

En este caso particular, Jerry ofrece ofrecer a un visitante un libro electrónico sobre cómo iniciar y ejecutar un blog con éxito. Creemos que esta es una de las guías más valiosas que WHSR puede proporcionar. Y nos gustaría que todos los visitantes lo noten.

El acceso al eBook se concede al proporcionar su dirección de correo electrónico. Así que no solo le proporcionamos el libro electrónico, sino que también lo suscribimos a nuestro blog. En otras palabras, es un formulario de suscripción flotante.

El formulario de suscripción flotante en WHSR es bastante difícil de replicar para un novato en WP.

Entonces, déjame mostrarte cómo puedes aprovechar el poder de una barra lateral flotante con un ingenioso y pequeño plugin, Q2W3 fijo Widget.

Q2W3 fijo Widget

q2w3

Una vez que haya instalado y activado el complemento, en realidad es bastante fácil instalarlo.

1. Apariciones abiertas> Widgets.

2 Verá las opciones de la barra lateral, la cantidad de barras laterales depende de su elección del tema.

3 Seleccione la opción de widget fijo y ya está. El widget particular permanecerá en su lugar. Eche un vistazo a la captura de pantalla a continuación, he arreglado las publicaciones y categorías recientes en mi barra lateral.

WidgetsSettingsQ2W3

Y el resultado:

También puedes hacer un par de personalizaciones con el complemento.

  • Los márgenes se pueden ajustar.
  • El intervalo de actualización y el ancho máximo pueden tener un valor específico
  • Las opciones de plugin pueden ayudar a garantizar la compatibilidad con su tema. Un ejemplo sería la capacidad de heredar el ancho de un contenedor primario: esto puede cambiar en un tema sensible según el tamaño de la pantalla.

ConfiguracionesQ2W3

Crear formularios de suscripción fijos y barras de acciones flotantes

Si desea crear cualquier otro tipo de barra lateral flotante, también hay complementos que lo permiten. Por ejemplo, si desea agregar una barra de recursos compartidos flotante o un formulario de suscripción a la barra lateral, busque un complemento de formulario de suscripción o un complemento para compartir en redes sociales.

1. Agrega un widget de texto a la barra lateral.

2 Agregue el código corto apropiado (proporcionado por el complemento) al widget de texto y tendrá una barra adhesiva para compartir.

El efecto sería similar al video a continuación, donde crearon una barra de compartir flotante.

Con cualquier otro complemento, puede agregar funcionalidades a su sitio y hacerlas altamente accesibles agregando sus códigos cortos a un widget de texto que ha agregado a la barra lateral. Además, puede agregar HTML o JavaScript personalizados al widget de texto.

Consideraciones finales

Use las barras laterales flotantes con prudencia y maximice el número o las redes sociales / número de suscriptores o cualquier otra función para la que elija utilizar el complemento.

Ahora, mira el lado derecho de este artículo. Tenemos nuestro formulario de suscripción y una guía que puede ayudarlo en sus esfuerzos de creación de blogs, suscríbase y todas nuestras publicaciones llegarán a su buzón.

Si usa otro plugin, hacks o códigos para crear una barra lateral flotante, me encantaría saberlo en la sección de comentarios.

Acerca de Vishnu

Vishnu es un escritor independiente de noche, trabaja como analista de datos durante el día.