【ha-Basic】特定のサイドバーウィジェットを追従表示する方法（プラグイン使用）
公開日： カスタマイズ
長い記事でサイドバーが白いままはちょっと格好悪い・・・ということでスクロールしてもずっと表示される追従型ウィジェットを追加することとしました。
しかし、何とかプラグインなしで実装をと思ったのですが、プラグインを使用した方が手っ取り早い（速度にもほとんど影響がない）ので、プラグインを使って表示する方法を紹介します。
使用するプラグインは有名な「Q2W3 Fixed Widget」です。
プラグインについては
の解説記事を見ていただいてもいいですし、「WordPress 追従」などで検索すればいろいろなサイトで解説されていますのでそちらをご覧ください。
特定のサイドバーウィジェットを追従表示する方法
何はともあれ、「Q2W3 Fixed Widget」をインストールして有効化します。
「外観」→「ウィジェット」から何かのウィジェットを開いてみると、新たに「Fixed widget」というチェック項目が追加されていますので、追従表示させるウィジェットにはチェックを入れます。
※ウィジェットの位置は最後に持っていくと不具合なく動作します。これは【ha-Basic】に限ったことではありません。
・・・これで追従型ウィジェットは完成です！！がしかし、ちょっと問題が・・・。
画面の高さ以下のウィジェットを追従させる場合には問題はありません。不具合が出るのは複数のウィジェットもしくは画面の高さよりも長いウィジェットの設定時、フッターに内容が被さって表示されてしまうという現象です。
これを解消するには
「外観」→「Fixed Widget設定」を開き、以下のように下マージンのサイズを指定します。
※マージン量の調整はサイト環境に合わせて調整してください。
どんな風に表示されるのかの確認はこの記事のサイドバーにある「人気記事」のウィジェットで確認いただけます。
冒頭で自作して追加・・・と書きましたがこんなに簡単ならこのままプラグインで実装でもいいかなぁと思ってます。
このページはモバイル端末でもご覧いただけます
左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。
WordPressのカスタマイズ・不具合対応などご相談ください
Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラ
のダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。
