Nishiki Pro テーマでは、ページをスクロールするとサイドバーがついてくる固定(追尾)サイドバーが利用できます(v1.0.3 以降)。
WordPress の管理画面から「外観」→「ウィジェット」を選択して「固定(追尾)サイドバー」にウィジェットを追加してください。
固定(追尾)サイドバーは、通常のサイドバーとの併用も可能です。「このコンテンツだけ固定(追尾)させようか〜」という使い方もできます。
サンプル動画
ページをスクロールすると、固定(追尾)サイドバーのコンテンツが追従してきていますね。
実際の動作は Nishiki Pro デモサイト でご確認ください。固定(追尾)サイドバーは、ディスプレイの表示幅が 769px 以上の場合に有効です。
Nishiki Pro テーマの 固定(追尾)サイドバーはどうやって作られているか
この固定(追尾)サイドバーは、Google Chrome、Firefox、Safari、Edge など主要ブラウザに対応しています。また、スクロールのたびに JavaScript の scroll イベントが発生しないよう、負荷の少ない軽量な実装をしています(ユーザーコミュニティ内には実装方法について解説した投稿を行いました)。
固定(追尾)サイドバーは、例えば広告や、特定の固定ページ、お問い合わせなどへの導線を作ることもできます。ぜひ活用してみましょう!
WordPress テーマ Nishiki Pro
「ウェブサイト運営に本当に必要とされる機能」をテーマ内にまとめて搭載したワードプレステーマです。
ブロックエディター機能を強化し、これまでのワードプレスでは難しかったコンテンツが簡単に作れます。
ブログ、ポートフォリオ、コーポレートサイト、ビジネスサイト、オンラインショップなど、様々な目的のウェブサイトに対応できるテーマです。
最新情報をチェック!
Nishiki / Nishiki Pro テーマに特化した情報を「にしきちゃん」がお伝えします😀
- リリース情報
- 新機能の紹介
- 便利な使い方
- 開発中の機能紹介
- 導入事例
- あるある日常ネタ
など