WordPressでフローティングサイドバーを追加する方法

フローティングサイドバーは、ほとんどのWebサイトに表示されるものですが、今日はWordPressブログにフローティングサイドバーを追加する方法について学びます。 フローティングサイドバーは、訪問者の注意を引くためにWebサイトで使用され、フローティングサイドバーは、購読ウィジェットで使用すると非常に高いコンバージョン率を示します。

フローティングサブスクライブウィジェットを長い間使用しており、その結果を確認できます。 まあ、これはサブスクライブウィジェットだけでなく、あらゆる種類のウィジェットで使用できます。 これを使用して、最新の投稿、電子ブック、画像などを宣伝できます。フローティングサイドバーは、訪問者に宣伝したいものの視認性を高め、確実に注目を集めます。

先に進む前に、サイドバーを使用すると、ビジターの全体的なエクスペリエンスに影響を与えるため、ビジターの保持率が実際に妨げられる場合があることをお伝えします。 したがって、フローティングサイドバーで使用する場合は、常にプレーンでシンプルなデザインウィジェットを使用する必要があります。

WordPressでフローティングサイドバーを追加する方法

WordPressブログにフローティングサイドバーを追加する場合は、Q2W3固定ウィジェットと呼ばれるこのプラグインをインストールする必要があります。 管理パネルからインストールするには、[プラグイン]> [新規追加]に移動し、プラグインを検索します。 プラグインをインストールしてアクティブ化し、使用を開始できるようにします。

プラグインをアクティブにした後、 [外観]> [ウィジェット ]に移動し、サイドバー内で、スティッキーにするウィジェットをクリックします。 [固定ウィジェット]オプションの近くにある小さなボックスをオンにしてから[保存]をクリックすると、フローティングサイドバーがあり、非常に簡単です。

固定ウィジェットを構成する方法

Q2W3の固定ウィジェットにはまだまだたくさんあるので、興奮しないでください。[外観]> [固定ウィジェットオプション]に移動して、プラグインを構成します。 このページでは、マージンを設定したり、モバイルデバイスのプラグインを無効にしたり、カスタムHTML IDを作成したりすることもできます。 さて、それぞれの詳細を見ていきましょう。

マージン上部は、フローティングサイドバーと上部マージンの間に必要なスペースに応じて設定する必要があります。同様に、マージン下部も必要に応じて設定する必要があります。

ここで共有したいことの1つは、マージンボトムがフッターと重ならないように設定する必要があることです。 先に別の値を確認し、結果に満足したら、クリックして保存します。

モバイルデバイスのプラグインを無効にする場合は、プラグインが無効になる画面の幅の値を[幅を無効にする]と[高さを無効にする]に入力します。 特定の高さと幅のプラグインを無効にする場合は、両方の値が必要であることに注意してください。

カスタムHTML IDは、フッターの高さがページごとに変わる場合にも使用できます。その場合、重複する問題を修正するには、HTMLタグIDを使用する必要があります。 まあ、テーマフッターコンテナーにはidがあります。たとえば、Twenty Sixteenのデフォルトのテーマのフッターコンテナーにはid =” colophon”があります。 カスタムHTML IDでは、他の記号を使わずにコロンのみを入力する必要があります。 フローティングサイドバーは完全に機能します。

この記事がお役に立てば幸いです。WordPressブログにフローティングサイドバーを追加する方法を問題なく学習できたと思います。 このガイドに関してまだ質問がある場合は、コメントで遠慮なく質問してください。

固定ウィジェットに関する提案やアイデアはありますか? 提案は大歓迎ですのでお知らせください。

関連記事