WordPressでサイドバーに固定ページ一覧を表示する標準のウィジェットで、全部のページの一覧から除外する固定ページを除いたすべてが表示する機能は備わっていますが、そうではなく関連する固定ページだけを表示したい、そんな希望を叶えるプラグインが「DMG Related Pages Widget」です。「DMG Related Pages Widget」は現在閲覧している固定ページと同一以下の階層ページ、または子ページのみの一覧をサイドバーウィジェットに表示できるプラグインです。
【DMG Related Pages Widget】プラグインの基本的な機能・できること
- 閲覧している固定ページと同一階層以下の固定ページタイトルをウィジェット表示
- 閲覧している固定ページの子ページ一覧をウィジェット表示
固定ページがたくさんあるサイトの場合、
- 標準の固定ページ一覧では無機質なタイトル一覧が長く表示されてしまう
- アコーディオン表示するプラグインでは閲覧者が見ても何なのか分かりにくい
という懸念事項から固定ページの一覧表示はしないことが多いと思いますが、これなら関連する固定ページだけ表示されるのでダラダラ長い一覧になることもなく、アコーディオン表示のように意味があるのかどうか疑問になることもないと思います。
本記事を参考にWordPressサイトへプラグインの導入を検討される方へ
WordPressは古くから無料で配布されているサイト作成ツール(CMS)で、随時改良が加えられており、さまざまなバージョンが存在します。
さらにWordPressを動かすためのプログラムであるPHP、サイトのデータを保存しておくためのデータベースについても様々なバージョンがあります。
そしてWordPress本体同様にプラグインについてもさまざまなバージョンが存在します。
本記事を参考にプラグインの導入をお考えの方は、以下に留意の上でインストールするようにしてください。
- テスト環境での動作に基づいた紹介記事ですので、すべての環境で正常に動作するかどうかは不明です
※本記事の内容についてはページ内に記載しているプラグインバージョンのものになります。現在のバージョンと異なる場合、機能や日本語対応の状況などが異なる場合があります。
※また、テスト環境、テストしたプラグインバージョン等の表示が本文内にない場合、ページタイトル下にある最終更新日当時の情報となりますので、現在のバージョンでは全く違う機能となっているかも知れません。 - プラグインに無料版と有料版(Pro版)がある場合、特に記載がなければ無料版の情報のみを紹介しています
- このページでプラグインを使用する際に必要なショートコードやコードなどは、コピーして使用することができますが、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。
- プラグイン本体の動作不具合や質問などは公式サイトのフォーラムなどで行ってください(ここでは質問にお答えすることはできません)
【DMG Related Pages Widget】プラグインの設定画面や表示の日本語化と翻訳
【DMG Related Pages Widget】プラグインは言語の変更に未対応ですので表示のまま設定することになります
【DMG Related Pages Widget】プラグインのインストールと設定
インストール方法
インストールはプラグインの新規追加でプラグイン名を入力して検索してインストールするか、WordPressのプラグイン公式配布ページからダウンロード後、管理画面からアップロードインストールしてください(プラグインの公式ページは本ページ内記載のリンクをクリック、もしくは、WordPress公式サイトで検索してください)。
WordPressを使い始めて間もない方(初心者の方)は、より詳細なプラグインのインストール手順や、インストール時に起こる問題などへの対処方法をまとめた【WordPress】プラグインのインストール&追加方法とエラー対処の方法も併せてご覧ください。
【DMG Related Pages Widget】プラグインの基本的な使い方
通常のウィジェットの追加作業と同様です。「DMG Related Pages Widget」を追加して以下の項目を設定していけば完了です
- Show siblings/同一階層の固定ページを表示するかどうかのチェックです
- Show children/子ページを表示するかどうかのチェックです
- Depth of children to show/子ページを表示する階層の深さを設定します
- CSS class(es) applied to list wrapper/リスト表示用のCSSクラスを設定します
- CSS class(es) applied to widget wrapper/ウィジェット表示用のCSSクラスを設定します
【DMG Related Pages Widget】プラグインの便利な使い方・カスタマイズ方法など
より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、WordPressのプラグイン公式配布ページには書かれていない事柄などを紹介します。
テスト用のサイトで実際に使ってみましたが、きちんと設定した通りの結果が得られます。無駄な固定ページを表示しないのでサイドバーのスペースを節約できます。欲を言えば、タイトルだけでなくアイキャッチ画像なども表示できるといいと思いました。