サイドバーにスクロールで付いてくるウィジェットを設置する方法を紹介します。

最終完成イメージ

完成イメージは以下の通りです。

scroll-sidebar-01

サイドバーよりコンテンツが長い場合、指定したウィジェットが画面に固定されます。

カスタマイズの手順

カスタマイズは以下の手順でおこないます。

  • [Standard Widget Extensions]のインストール
  • [Standard Widget Extensions]の設定
  • スクロールサイドバーにウィジェットを追加

[Standard Widget Extensions]のインストール

まず、WordPressプラグイン[Standard Widget Extensions]をインストールしてください。

scroll-sidebar-02

[プラグイン] → [新規追加]から検索すると表示されます。

scroll-sidebar-03

[Standard Widget Extensions]の設定

次にプラグインの設定をおこないます。

[設定] → [Standard WE]と進み、設定画面に移動します。

scroll-sidebar-04

各IDとクラス名を以下の画像と同じように設定してください。

scroll-sidebar-05

メインカラムのID
post-contents-wrap
サイドバーのID
sidebar
ウィジェットのクラス名
scroll-sidebar

スクロールサイドバーにウィジェットを追加

最後に固定して表示したいウィジェットをスクロールサイドバーウィジェットに追加します。

scroll-sidebar-06

人気記事ランキングを表示する「WordPress Popular Posts」はプラグインなのでインストールしてからご利用ください。

Healerにお勧めのプラグインはこちらで紹介しています。

healerver2-thumbnail
Healerでサイト運営するのに便利なWordPressプラグインの紹介です。 必ず入れてほしいものと、好みやサイトスタイルに合わせて選んでほしいものに分
サイドバーにスクロールで付いてくるウィジェットを設置する
この記事はいかがでしたでしょうか。
是非Healerの最新ニュース情報を、
いいねしてチェックしてください!

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。