Sidebar et positionnement fixe

Sidebar et positionnement fixe

Sidebar et positionnement fixe

Si vous cherchez à rendre la sidebar flottante pour votre thème WordPress, comprendre une sidebar qui restera collée au scroll de la page, alors une solution parmi beaucoup d’autres existe : Theia Sticky Sidebar.

Deux solutions s’offrent à vous en fonction de votre niveau de maîtrise du développement des templates WordPress.

La solution développeur

Bonne nouvelle, le script Theia Sticky Sidebar est disponible sur github. C’est un excellent script qui fonctionnera sur n’importe quel site, pas uniquement sur WordPress. En revanche, il faut savoir un minimum modifier votre code.

Voilà un exemple basique de ce vous pourrez mettre en place.

L’insertion du code n’est pas extrêmement compliqué. Il y a deux fichiers JavaScript à inclure en plus de jQuery : ResizeSensor.js et theia-sticky-sidebar.js. Quelques class html à rajouter, et une fonction jQuery à adapter en fonction de votre code avec 7 paramètres différents pour les réglages comme la taille de la sidebar, la marge du haut etc.

Theia Sticky Sidebar sur github

La solution de facilité : Le plugin à installer

Le plugin Theia Sticky Sidebar pour WordPress fait exactement la même chose que le script présenté ci-dessus, mis à part qu’il n’y a pas une seule ligne de code à éditer.

Une fois le plugin activé, vous aurez droit à des options assez simples dans le panneau administrateur de WordPress.

Vous aurez un formulaire à remplir avec les informations pour adapter votre sidebar :

  • Options de la sidebar en elle-même, la taille le comportement etc.
  • Le choix des pages où activer le script
  • Une option permet d’ajouter votre code CSS
  • Options disponibles pour résoudre certains bugs qui pourraient se présenter.

Le support

Le support du plugin WordPress est ultra réactif et vous répondra en général dans la journée. L’auteur n’hésites d’ailleurs pas à regarder votre installations WordPress qui pose problème si vous lui demandez. Tous les auteurs de plugins, même payants ne sont pas autant impliqués dans leur support aux clients, un vrai bonheur.

 

Il existe de nombreuse autres solutions, dont certains plugins disponibles pour WordPress. En vrac :

Et vous, quel script utilisez-vous pour rendre vos sidebars flottantes ?

Laisser une réponse