Fixed Widget and Sticky Elementsの使い方と設定
2018年6月1日
記事の内容が長くなると、
サイドバーに設置しているウィジェットが画面から出てしまいますよね。
そのような時に便利な WordPress 用プラグインがあります。
それは「Fixed Widget and Sticky Elements」です。
その導入手順から日本語化・使い方と設定などを解説していきます。
Fixed Widget and Sticky Elements
Fixed Widget and Sticky Elements は、サイドバーに設置したウィジェットを画面スクロール追従型にできます。
Fixed Widget and Sticky Elements の主な特徴は、以下のとおりです。
- サイドバーの任意のウィジェットやブロックに固定ウィジェット化するスイッチを追加します。
- サイト上の任意の要素を固定化することも可能。
- 最小の画面幅と高さを指定し、小さい画面での動作を無効化も可能。
記事を作成もしくは更新時点でのバージョン:6.0.5
マルチサイトでの利用:可
Gutenberg エディターでの動作
Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。
インストール手順
Fixed Widget and Sticky Elements をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
Fixed Widget and Sticky Elements – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Fixed Widget and Sticky Elements」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Fixed Widget and Sticky Elements を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
ダッシュボードの「外観」メニューの中に追加されています。
使い方
ウィジェット画面等をを開いて、
固定化したいウィジェットに追加されている「Fixed Widget」項目にチェックを付けるだけ。
チェックを付けると固定化機能が有効となります。
設定
- Test new version
新しいバージョンでテストするかどうか。 - Minimum Screen Width
固定化機能を無効にしたいブラウザーの画面の幅を指定します。
初期値:0 - Minimum Screen Height
固定化機能を無効にしたいブラウザーの画面の高さを指定します。
初期値:0
- Margin Top
上部のマージンを設定できます。
初期値:0 - Margin Bottom
下部のマージンを設定できます。
初期値:0 - Stop Elements
停止する要素を指定できます。
- Custom Fixed Elements
停止させたい HTML 要素のセレクタを追加できます。ID、クラス、タイプセレクタを入力可。1行に1項目。
URL
Fixed Widget and Sticky Elements – WordPress.org
関連記事
カスタム投稿をカレンダーやアーカイブウィジェットで選択し表示できる:Custom Post Type Date Archives
WordPress 標準のウィジェットだと、そのままだとカスタム投稿を表示できま ...
カテゴリー別RSSフィード購読ボタンを表示できる:Category Specific RSS feed Subscription
カテゴリー別 RSS フィード購読ボタンを表示できる WordPress 用プラ ...
Lazy load videos and sticky controlの使い方と設定
YouTube 動画の遅延ロードと固定表示ができる WordPress 用プラグ ...
Classic Widgets:ウィジェット管理のブロックエディターを無効化できる
ウィジェット管理のブロックエディターを無効化できる WordPress 用プラグ ...
Hot Random Image:指定したディレクトリ内の画像をウィジェット上でランダム表示できる
サイドバーなどで特定の画像をランダムで表示させたい。 そのような時に便利な Wo ...