スクロールしてもウィジェットが固定表示されるプラグイン「Q2W3 Fixed Widget」

WordPressにて、サイドバーを構成するウィジェットを、スクロールしていくと途中から固定表示されるようにできるプラグインのご紹介。

「Q2W3 Fixed Widget」の使い方

まずはインストール ~ 有効化。

  1. プラグイン検索で「Q2W3」と検索すると、多分出てくる
    Q2W3 Fixed Widget 使い方01

  2. インストール」をクリック
    Q2W3 Fixed Widget 使い方02

  3. 有効化」をクリック
    Q2W3 Fixed Widget 使い方03

  4. WordPress管理画面のメニューから「外観」→「ウィジェット」を選択
    Q2W3 Fixed Widget 使い方04

  5. 固定表示したいウィジェットのプロパティを開いて、「Fixed widget」をチェック
    Q2W3 Fixed Widget 使い方05

設定は以上で完了。

動きを確認してみる

PC で表示

Q2W3 Fixed Widget の動作確認

当サイトのサイドバーにある広告欄に適用してみると、上図のようにスクロールしても固定表示されるようになった。

スマホ で表示

Q2W3 Fixed Widget スマホ表示でかぶる

ありゃ!
スマホで確認してみると、表示がかぶってしまう。どうしよう。

スマホでかぶらないようにする

Q2W3 Fixed Widget の設定から、指定画面サイズ以下なら固定表示しない設定があったので、設定してみる。

  1. WordPress管理画面メニューから「外観」→「Fixed Widget 設定」を選択
    Q2W3 Fixed Widget の設定01

  2. 幅を無効化」に、指定の画面幅を入力する
    Q2W3 Fixed Widget の設定02

上記の値をちゃんと入力できれば、固定表示がコンテンツにかぶることがなくなる。
これで大丈夫!

投稿者: Output48

中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。 ベンチャー企業の営業、大手企業のPG・SEを経て、独立。 現在はとある企業のCTOと、変な名前の会社の社長をしてる。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください