Fixed Widget and Sticky Elements for WordPress

Descripción

Use Fixed Widget to create sticky widgets and other elements that stay in the visible screen area when a user scrolls the page up or down.

Sticky widgets are more visible than unfixed widgets and therefore have a significantly higher click-through rate.

That’s why this option is worthwhile for ads or other elements that visitors should interact with. Meanwhile, Google also allows the integration of sticky AdSense ads.

Changes in version 6.0.0

Version 6.0.0 is a full rewrite of the frontend script. It fixes many edge cases like jumping, reloading, or resizing widgets.
The rewrite also resolves bad Cumulative Layout Shifts.

Enable «Test new version» under Appearance > Fixed Widget Options.

  • the frontend script does not need jQuery anymore
  • removed unneeded options that previously helped resolving edge cases
  • «Stop Elements» and «Custom Fixed Elements» now accept any selector, including IDs, Class, and Type selectors.
  • works with the widget block editor introduced in WordPress 5.8
  • added «stop» option to widget blocks

Please test and let us know if you discover any issues.

Features

All the features are free.

  • Sticky Widgets Use the Fixed Widget option on any widget and blocks in the sidebar
  • Sticky Elements Choose any element on your site and make it sticky
  • Margin Top allows you to stop sticky elements to cover sticky menu bars
  • Margin Bottom pushes sticky elements up before they reach a certain distance towards the bottom window
  • Stop Elements push sticky elements up when they are scrolling into view
  • Stop Blocks defines blocks in your sidebar that push fixed blocks out of the page
  • Minimum Screen Width and Minimum Screen Height allow you to disable sticky behavior on small screens

Compatibilidad

Theme requirements:

  • wp_head() and wp_footer() functions in header.php and footer.php files
  • JavaScript errors could break sticky widgets

Capturas

  • A fixed widget and a stop widget in action
  • Fixed Widget plugin options
  • Fixed Widget options for blocks in the widget editor
  • Fixed Widget option for legacy widgets

Instalación

  1. Sigue el proceso estándar de instalación de plugins de WordPress
  2. Activa el plugin a través del menú de plugins en WordPress
  3. Ve a Apariencia -> Widgets y activa la opción «Widget fijo» en cualquier widget activo
  4. Ajusta los parámetros del plugin en Apariencia -> Opciones de Fixed Widget

Preguntas frecuentes

¿Por qué no está funcionando el plugin Fixed Widget?

Hay varias razones:

  1. Errores Javascript en la página. Comúnmente causados por plugins con fallos. Comprueba la consola javascript de tu navegador. Si encuentras errores, intenta localizar y arreglar la fuente.
  2. No hay funciones wp_head() ni wp_footer() en la plantilla. Comprueba los archivos header.php y footer.php de tu tema activo.
  3. Conflictos con otros plugins y scripts
  4. Incompatibilidad CSS

¿Es posible fijar múltiples widgets?

Sí, es posible fijar más de un widget incluso si están ubicados en diferentes barras laterales.

¿Cómo prevenir superposición con el pie de página?

Ve al área de administración, Apariencia -> Opciones de widget fijo. Aquí puedes definir los márgenes superiores e inferiores. Establece un valor para el margen inferior >= de la altura del pie de página. Comprueba el resultado.
Si la altura de tu pie de página cambia según la página es mejor usar la opción ID de parada. Aquí necesitas indicar el ID de la etiqueta HTML. La posición de ese elemento HTML determinará el valor del margen inferior. Por ejemplo, vamos a tomar el tema Twenty Sixteen por defecto. El pie de página de este tema tiene un id=»colophon». En la opciónID de parada tienes que introducir #colophon.

¿Cómo se desactiva el plugin en dispositivos móviles?

Use the options Minimum Screen Width and Minimum Screen Height to disable sticky features when the browser window is too small. You can also use the visitor conditions of Advanced Ads to target specific devices.

Reseñas

11 de enero de 2022
We can only fix selective widgets. Not all widgets. I want just 1 widget to be sticky, and there is no option for it. For me, this plugin is simply waste of space. I hope you update it in the next version
1 de noviembre de 2021
Thomas and Max, the plugin authors, were very responsive and quick to fix an issue when I brought it to their attention. It's great when developers support their plugins and the people who utilize them. Thank you both very much! Review of version 6.0.0-beta-2 While using: WordPress 5.8.1 WooCommerce 5.8.0 Astra (theme) 3.7.4
3 de septiembre de 2021
I used this plugin and I am very satisfied. I used it in the sidebar section of my website, it worked flawlessly and it looked very nice. Thanks. I recommend this plugin to everyone.
Leer todas las 245 reseñas

Colaboradores y desarrolladores

«Fixed Widget and Sticky Elements for WordPress» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Fixed Widget and Sticky Elements for WordPress» ha sido traducido a 21 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Fixed Widget and Sticky Elements for WordPress» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

6.0.1

  • Fix: use the previous Stop ID value in the new Stop Elements section

6.0.0

Version 6.0.0 is a full rewrite of the frontend script. It fixes many edge cases like jumping, reloading, or resizing widgets.
The rewrite also resolves bad Cumulative Layout Shifts.

Most changes are available when you enable «Test new version» under Appearance > Fixed Widget Options.

Please test and let us know if you discover any issues.

  • added new (and optional) script version that uses position: sticky instead of position: fixed
  • the frontend script does not need jQuery anymore
  • removed unneeded options that previously helped resolving edge cases
  • «Stop Elements» and «Custom Fixed Elements» now accept any selector, including IDs, Class, and Type selectors.
  • fixed blocks in sidebars as introduced in WordPress 5.8
  • define stop blocks in sidebars that move up fixed blocks on scrolling
  • improved option descriptions on the admin page
  • improved behavior for elements higher than the screen – they first stick at the top and scroll to the bottom later
  • removed duplicating widget code

5.3.0

  • fixed option not saving when using the Gutenberg plugin to edit sidebars with block editor
  • disabled scripts and output on AMP pages since sticky widgets are not part of the AMP standard
  • removed explicit translation files since all translations are handled through https://translate.wordpress.org/projects/wp-plugins/q2w3-fixed-widget/

5.2.0

  • Added q2w3-fixed-widget-sidebar-options filter for widget options in the frontend.

5.1.9

  • Fixed JavaScript events which were not called in some setups.

5.1.8

  • Fixed JavaScript bug that caused jumping / flickering of fixed widgets.

5.1.7

  • Fixed «a.target.className.indexOf is not a function» bug

5.1.6

  • linguistic corrections
  • cleanup of the options page

5.1.5

  • author change

5.1.4

  • Added filter «q2w3-fixed-widgets». It allows to filter array of widgets marked as fixed.

5.1.3

  • Ahora compatible con el plugin WP Page Widget

5.1.2

  • ¡Ahora funciona bien con los widgets de Shortcodes Ultimate!

5.1.1

  • ¡Resuelve problemas con el margen inferior y el ID de parada de la versión 5.1!

5.1

  • ¡Nuevo método de carga de las opciones!
  • Probado con WordPress 4.9

5.0.4

  • Parche de compatibilidad para el plugin Better WordPress Minify.

5.0.3

  • Solución mejorada para el error «q2w3_sidebar_options no está definido».

5.0.2

  • Optimización del javascript del plugin
  • Para resolver el error «q2w3_sidebar_options no está definida» se usa la función wp_add_inline_script ¡Se necesita WordPress 4.5 para que funcione este arreglo!
  • Añadida la opción Desactivar MutationObserver. ¡Usa esta opción sólo como Copia de seguridad para restaurar el comportamiento de la versión 4!

5.0.1

  • Arreglado el problema en diseños con múltiples barras laterales

5.0

  • Optimized client side performance. Detection of page changes is now based on MutationObserver API. Widget parameters recount is fired only when needed! Refresh interval option used only for campatibility with old browsers (no MutationObserver API support).
  • Mejorada la compatibilidad con plugins de caché (W3TC, Autoptimize, etc.). ¡No necesitas excluir JQuery ni archivos del plugin del caché!
  • Soporte para el script de método de carga Async/Defer
  • Añadidas las opciones de Desactivar ancho y Desactivar alto
  • Nota para los usuarios de plugins de caché: ¡no olvidéis limpiar caché tras actualizar a la versión 5! ¡Las opciones de formato han cambiado!

4.1

  • Added Stop ID option. Use it when you cannot specify Margin Bottom value. Solution provided by Julian_Kingman!
  • Now the plugin is aware of the WordPress admin bar presence!
  • Fixed destruction of jQuery(window).load hook. There should be no problems with other jQuery plugins now!
  • Añadida traducción al Alemán
  • Actualizada la compatibilidad con internacionalización

4.0.6

  • A small bug fix
  • Añadida la traducción al francés

4.0.5

  • New option «Inherit widget width from the parent container» to better support responsive layouts.
  • Optimización de javascript.

4.0.4

  • Added option «Auto fix widget id». It is on by default. If the plugin is working with this option switched off – leave it in off position!

4.0.3

4.0.1

  • Hotfix! Removes problem with duplicated widget code.

4.0

  • Resolved widget jumping
  • Añadido el código para arreglar automáticamente el «problema del id del widget»
  • Añadida nueva opción de compatibilidad (prioridad de plugin)
  • Added complete uninstall (uninstall script launched automatically when you DELETE plugin)
  • Añadida la traducción al español
  • Eliminadas opciones obsoletas

3.0

  • This version brings you a long waited capability to stick widgets located in different sidebars! Enjoy!
  • Arreglado el conflicto con el plugin WP Page Widget
  • Unos cuantos pequeños errores arreglados
  • Warning! «Disable plugin on mobile devices» and «Disable plugin on tablet devices» options now are depricated and will be removed in the next release. Use «Screen Max Width» option instead!

2.3

  • Ahora el usuario puede desactivar el plugin, cuando el ancho de la ventana del navegador es menor que el valor especificado (comprueba las opciones del plugin).

2.2.4

  • Esta versión es compatible con JQuery 1.9 y 1.10

2.2.3

  • Pequeñas mejoras internas
  • Clase Mobile Detect actualizada en la versión 2.6.0

2.2.2

  • Arreglado este error PHP
  • Clase Mobile Detect actualizada en la versión 2.5.8

2.2.1

2.2

  • Now the plugin is able to reflect dynamic page content changes (infinite scroll, ajax basket and other javascript stuff)!!!
  • Added new option to plugin settings: Refresh interval. Recommended values between 500 – 2000 milliseconds. Note: setting have impact on the site performance (client side). If you don’t have dynamic content, set Refresh interval = 0.
  • Clase Mobile Detect actualizada en la versión 2.5.7

2.1

  • Nueva opción para definir IDs de widget personalizados para barras laterales estáticas y etc.
  • Nueva opción para desactivar el plugin el dispositivos móviles.
  • Arreglado el error javascript cuando no hay barras laterales en una página.

2.0

  • ¡Arreglado el problema de solapamiento con el pie de página! Ahora los usuarios pueden personalizar los márgenes superior e inferior para los widgets fijados desde el área del administrador (Apariencia-> Opciones de Fixed Widget).
  • Añadida compatibilidad con traducciones

1.0.3

  • Normalizado el comportamiento del plugin cuando la barra lateral es más larga que el contenido principal. Nota: el posible solapamiento con el pie de página sigue existiendo.

1.0.2

  • Arreglado el problema con widgets que se muestran sólo en ciertas páginas.
  • Código javascript optimizado.

1.0.1

  • Mejorada la compatibilidad con los navegadores basados en Webkit (como Chrome y Safari).
  • Eliminado CSS innecesario.

1.0

  • Primer lanzamiento público.