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

Nishiki テーマおすすめ設定 テーマおすすめ設定を見る
  1. ホーム
  2. マニュアル
  3. Nishiki(Pro)
  4. スクロールしてもサイドバーがついてくる!負荷が少なく、軽量な「固定(追尾)サイドバー」が使えるようになりました

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

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

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

サンプル動画

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

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

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

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

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

WordPress テーマ Nishiki Pro

「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したワードプレステーマです。

ブロックエディター機能を強化し、これまでのワードプレスでは難しかったコンテンツが簡単に作れます。

ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイト、オンラインショップなど、様々な目的のウェブサイトに対応できるテーマです。

最新情報をチェック!

Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀

  • リリース情報
  • 新機能の紹介
  • 便利な使い方
  • 開発中の機能紹介
  • 導入事例
  • あるある日常ネタ

など