スクロールについてくる追従サイドバーWordPressプラグインを徹底比較

Date：2014/10/12 | Category：【無料】便利なWordPressプラグインとその使い方を紹介

※景品表示法に基づく表記：本記事には商品の広告が含まれています

追従サイドバー、結局どれが一番いいの？

ブログなどで良く見かける、スクロールについてくるサイドメニュー。

WordPressなら、プラグインのインストールとちょっとした設定で実装可能です。

今回は、有名どころである三つのプラグインを、フッターに重なってしまうといった不具合の発生等も含めて、比較検討してみたいと思います。

追従サイドバー、3大プラグイン

3大プラグインという言葉は、私の勝手な造語なのでご了承ください。

ただ、日本で使われている追尾サイドメニュープラグインは、
1.Standard Widget Extensions
2.Strx Magic Floating Sidebar Maker
3.Q2W3 Fixed Widget
の、３つが多いんです。

なぜなら、プラグインとして優れているからです。

それでは、上記3つの比較に入っていきましょう。

Standard Widget Extensions

日本の方が開発されたプラグイン。

追従サイドメニューに加えて、アコーディオンパネル機能も設定できるのが特徴です。

設定画面において、サイドエリアを構成している要素のID（#sideなど）および、サイドバーを含むメインコンテンツエリアを構成している要素のID（#mainや#contentなど）を入力する必要があります。

図で表すと、下記のようになります。

これはプラグインが、メインコンテンツエリア内において、サイドバーエリアのpositionを自動計算してくれるjavascript等で構成されていることが理由です。

また、いわゆるレスポンシブデザインのテンプレートにも対応しており、ブラウザ幅が一定の数値以下になった場合は機能を止めることができます。

人気が高く安定感のあるプラグインですが、私の使用しているワードプレス環境では、時折フッターにめり込んでしまうという不具合が発生することがありました。

Strx Magic Floating Sidebar Maker

派手でかっこいいアニメーションを設定できるので、サイドバーを目立たせたい方向けのプラグインです。

ただし、数年前に開発されたこともあり、レスポンシブテーマには対応していないプラグインとなります。

試しにレスポンシブに対して、このプラグインを入れてみると、スマホ表示においてサイドバーが崩れまくります。

基本的な設定方法は、サイドバーエリアを構成している要素のID（#sideなど）および、サイドバーを含むメインコンテンツエリアを構成している要素のID（#mainや#contentなど）を入力する形です。

このStrx Magic Floating Sidebar Makerも、時折フッターにめり込んでしまうという不具合が発生しました。

Q2W3 Fixed Widget

3つの中で、動きや設定が最もシンプルな、追従サイドバープラグインです。

レスポンシブデザインのテンプレートにも対応しており、ブラウザ幅が一定の数値以下になった場合は機能を止めることができます。

こちらのプラグインは、フッターにめり込まないように自分でマージンボトムを設定することが可能。

また、あくまで私の環境においては、一度も不具合を起こしたこと無いです。

ただ純粋に、サイドバーを追従させたいだけなのであれば。この『Q2W3 Fixed Widget』が一番良いのかもしれません。

Tags