これから Nishiki Pro または Nishiki
テーマを使うなら1度は確認しよう!

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る

Nishiki Pro テーマでは、ページをスクロールするとサイドバーがついてくる固定(追尾)サイドバーが利用できます(v1.0.3 以降)。

WordPress の管理画面から「外観」→「ウィジェット」を選択して「固定(追尾)サイドバー」にウィジェットを追加してください。

固定(追尾)サイドバーは、通常のサイドバーとの併用も可能です。「このコンテンツだけ固定(追尾)させようか〜」という使い方もできます。

サンプル動画

ページをスクロールすると、固定(追尾)サイドバーのコンテンツが追従してきていますね。

実際の動作は Nishiki Pro デモサイト でご確認ください。固定(追尾)サイドバーは、ディスプレイの表示幅が 769px 以上の場合に有効です。

Nishiki Pro テーマの 固定(追尾)サイドバーはどうやって作られているか

この固定(追尾)サイドバーは、Google Chrome、Firefox、Safari、Edge など主要なブラウザはもちろん、Internet Explorer 11 にも対応しています。また、スクロールのたびに JavaScript の scroll イベントが発生しないよう、負荷の少ない軽量な実装をしています(ユーザーコミュニティ内には実装方法について解説した投稿を行いました)。

固定(追尾)サイドバーは、例えば広告や、特定の固定ページ、お問い合わせなどへの導線を作ることもできます。ぜひ活用してみましょう!

このページをシェアする

サポトピア
ユーザーコミュニティ
ユーザーコミュニティ
サポトピア会員であればどなたでも参加できるユーザーコミュニティを作りました。「WordPress テーマ Nishiki の基本的操作などをちょっと聞いてみたい」という時など、日々のウェブサイト運営にご活用ください。マニュアル・機能追加の要望やフィードバックなども受け付けています。まだ開始して間もないサービスなので、少しずつ利用いただける方が増えるといいな〜と思います。ご参加お待ちしております。

参加する

※サポトピアにログインしてください