[Ha-Basic] How to display a specific sidebar widget following (using plug-ins)

【ha-Basic】特定のサイドバーウィジェットを追従表示する方法（プラグイン使用）

公開日：2019年6月5日カスタマイズ

長い記事でサイドバーが白いままはちょっと格好悪い・・・ということでスクロールしてもずっと表示される追従型ウィジェットを追加することとしました。

しかし、何とかプラグインなしで実装をと思ったのですが、プラグインを使用した方が手っ取り早い（速度にもほとんど影響がない）ので、プラグインを使って表示する方法を紹介します。

使用するプラグインは有名な「Q2W3 Fixed Widget」です。

プラグインについては

の解説記事を見ていただいてもいいですし、「Wordpress 追従」などで検索すればいろいろなサイトで解説されていますのでそちらをご覧ください。

特定のサイドバーウィジェットを追従表示する方法

何はともあれ、「Q2W3 Fixed Widget」をインストールして有効化します。

「外観」→「ウィジェット」から何かのウィジェットを開いてみると、新たに「Fixed widget」というチェック項目が追加されていますので、追従表示させるウィジェットにはチェックを入れます。

※ウィジェットの位置は最後に持っていくと不具合なく動作します。これは【ha-Basic】に限ったことではありません。

・・・これで追従型ウィジェットは完成です！！がしかし、ちょっと問題が・・・。

画面の高さ以下のウィジェットを追従させる場合には問題はありません。不具合が出るのは複数のウィジェットもしくは画面の高さよりも長いウィジェットの設定時、フッターに内容が被さって表示されてしまうという現象です。

これを解消するには
「外観」→「Fixed Widget設定」を開き、以下のように下マージンのサイズを指定します。

※マージン量の調整はサイト環境に合わせて調整してください。

どんな風に表示されるのかの確認はこの記事のサイドバーにある「人気記事」のウィジェット、もしくは

で確認いただけます。

冒頭で自作して追加・・・と書きましたがこんなに簡単ならこのままプラグインで実装でもいいかなぁと思ってます。

この記事を書いた人: ひまあーと（管理人）
☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

【スポンサーリンク】