Child Pages Shortcodeは子ページを一覧表示するプラグイン

Child Pages Shortcodeとは

WordPressプラグインの「Child Pages Shortcode」は、WordPressの固定ページで設定できる親子関係を利用して、親ページにその子ページ（サブページ）の一覧を簡単に表示するためのプラグインです。

通常、WordPressで子ページの一覧を表示するには、PHPのコードを記述する必要がありますが、このプラグインを使用すると、ショートコードを挿入するだけで、自動的に子ページの一覧を表示できます。

主な機能と特徴は以下の通りです。

• ショートコードによる簡単表示:
  • 親ページの編集画面に [child_pages] というショートコードを挿入するだけで、その親ページに紐づく子ページの一覧が表示されます。
  • 特定のIDを持つページの子ページを表示したい場合は、[child_pages id="ページID"] のように指定できます。
• レイアウトのカスタマイズ:
  • 表示する列数を指定できます（例: [child_pages cols="2"] で2列表示）。
  • レスポンシブデザインに対応しており、スマートフォンなどの小さい画面ではレイアウトが調整されます。
• 表示内容の調整:
  • ページタイトル、抜粋、サムネイル画像（アイキャッチ画像）などを表示できます。
  • サムネイル画像のサイズ指定や、抜粋の表示・非表示を設定できます。
  • 表示順序（タイトル順、公開日順など）や昇順・降順も指定可能です。
• 除外・特定ページの表示:
  • 特定の子ページを表示から除外したり、指定したページのみを表示したりするオプションもあります。
• ウィジェット対応:
  • サイドバーなどのウィジェットエリアに子ページ一覧を表示できるウィジェットも提供されています。
• CSSでのスタイリング:
  • デフォルトである程度のデザインが適用されますが、CSSを使ってさらに細かくデザインをカスタマイズすることも可能です。

このプラグインは、サービスの紹介ページや商品一覧ページなど、階層構造を持つコンテンツを整理して表示する際に非常に便利です。コードの知識がなくても、視覚的に分かりやすい子ページ一覧を作成できるのが大きなメリットです。

※最新の情報を公式ページで確認ください

Child Pages Shortcodeの使い方

WordPressプラグインの「Child Pages Shortcode」は、親ページの下にぶら下がっている子ページの一覧を簡単に表示できる便利なプラグインです。主にショートコードを使って、記事や固定ページ内に子ページリストを挿入します。

以下に基本的な使い方と、よく使われるパラメーターを紹介します。

1. プラグインのインストールと有効化

1. WordPressの管理画面にログインします。
2. 「プラグイン」>「新規追加」へ移動します。
3. 検索ボックスに「Child Pages Shortcode」と入力し、検索します。
4. プラグインを見つけたら、「今すぐインストール」をクリックし、その後「有効化」をクリックします。

2. 基本的な使い方

プラグインを有効化したら、子ページを一覧表示したい記事や固定ページの編集画面で、以下のショートコードを挿入するだけです。

[child_pages]

このショートコードを挿入すると、そのページの子ページ（存在する場合）が自動的にリスト表示されます。親ページに子ページが存在しない場合は、何も表示されません。

3. よく使われるパラメーター

「Child Pages Shortcode」プラグインは、子ページの表示方法をカスタマイズするための様々なパラメーターを提供しています。

a. 特定のページのIDを指定する (id)

現在のページの子ページではなく、特定のページのIDを持つ子ページを表示したい場合に使用します。

[child_pages id="42"]

複数のIDを指定することも可能です（ただし、list="true"とは併用できません）。

[child_pages id="42,53,76"]

b. 表示カラム数を指定する (cols)

子ページを複数カラムで表示したい場合に使用します。1、2、3、4のいずれかの値を指定できます。

[child_pages cols="2"]

c. サムネイルの表示とサイズを指定する (thumbs, link_thumbs)

子ページのアイキャッチ画像をサムネイルとして表示できます。

• thumbs="true" または thumbs="[サムネイルサイズ]" でサムネイルを表示します。 指定できるサムネイルサイズは、WordPressで設定されているもの（thumbnail, medium, large, full, post-thumbnailなど）です。
• link_thumbs="true" を追加すると、サムネイル自体が子ページへのリンクになります。

例:

[child_pages thumbs="medium" link_thumbs="true"]

d. 抜粋（Description）の表示を制御する (description, words)

子ページの抜粋を表示するかどうか、または抜粋の文字数を指定できます。

• description="false" または description="0" で抜粋を非表示にします。
• words="[文字数]" で抜粋の文字数を制限します。

例:

[child_pages description="false"]

[child_pages words=”20″]

e. 除外するページを指定する (exclude)

表示したくない子ページのIDをカンマ区切りで指定します。

[child_pages exclude="20,21,22"]

f. ページの並び順を指定する (order, orderby)

子ページの並び順と基準を指定できます。

• order：ASC（昇順）またはDESC（降順）
• orderby：並び順の基準
  • menu_order (デフォルト): WordPress管理画面での並び順
  • id: ページID
  • title: タイトル（アルファベット順）
  • slug: スラッグ（アルファベット順）
  • author: 作成者
  • date: 公開日

例:

[child_pages orderby="title" order="ASC"]

g. 表示する深さを指定する (depth)

子ページの階層の深さを指定できます。

• 0 (デフォルト): 任意の深さの子ページを階層的に表示
• -1: 任意の深さの子ページを単一のフラットなリストで表示
• 1: トップレベルの子ページのみ表示
• 2, 3…: 指定した深さまで表示

例:

[child_pages depth="2"]

h. リンクのターゲットを指定する (link_target)

子ページへのリンクのターゲットを指定できます。

[child_pages link_target="_blank"]

4. その他のカスタマイズ

• CSSでのスタイリング: プラグインが出力するHTMLにはCSSクラスが付与されているため、カスタムCSSを追加することで、表示されるリストの見た目を自由にカスタマイズできます。
• テンプレートファイルの編集（上級者向け）: プラグインによっては、テンプレートファイルを編集することで、より詳細なカスタマイズが可能です。ただし、プラグインのアップデートで変更が上書きされる可能性があるため、子テーマを使用するか、別途プラグインのドキュメントを確認してください。

注意点

• プラグインによっては、同じような機能を持つものがあり、ショートコード名が異なる場合があります（例: [subpages]、[listchildpages]など）。お使いのプラグインの正確なショートコードとパラメーターは、WordPressプラグインの公式ページや、プラグインのREADMEファイルで確認することをお勧めします。
• ブロックエディタ（Gutenberg）を使用している場合は、「ショートコードブロック」を挿入して、その中に上記のショートコードを入力します。

「Child Pages Shortcode」プラグインは、WordPressサイトのナビゲーションやコンテンツの整理に非常に役立つツールです。上記の情報を参考に、ぜひ活用してみてください。

WordPressプラグインの「Child Pages Shortcode」は、子ページの一覧を簡単に表示できる便利なツールですが、いくつかのデメリットも存在します。以下に主な点を挙げます。

ショートコード全般のデメリットと共通する点:

• 記述ミスによる表示問題: ショートコードの記述（スペルミス、属性の誤りなど）を間違えると、意図した通りに表示されず、最悪の場合、サイトの表示が崩れる可能性があります。
• 管理の手間: 特に多くのショートコードを使用している場合、どのショートコードがどこで使われているかを把握し、管理するのに手間がかかることがあります。
• テーマやプラグインとの競合: 他のテーマやプラグインが同じショートコード名を使っていたり、ショートコードの処理方法と競合したりする場合、予期せぬ問題が発生する可能性があります。テーマを変更するとショートコードが機能しなくなることもあります。
• パフォーマンスへの影響: ページ内でショートコードの数が増えると、サーバーへのリクエストが増加し、ウェブサイトの表示速度に影響を与える可能性があります。
• 視覚的な編集の制限: Gutenbergエディタの登場により、ブロックエディタで直感的にコンテンツを構築できるようになりましたが、ショートコードはコードベースであるため、リアルタイムのプレビューがなく、視覚的な編集の自由度が低いと感じる場合があります。

「Child Pages Shortcode」特有のデメリットや考慮点:

• カスタマイズの限界: プラグインが提供する機能やオプションに制限されるため、非常に複雑なレイアウトや表示形式を求める場合、追加のCSSやPHPコードが必要になる可能性があります。Qode Interactiveの言及にもあるように、追加オプションが少ないと感じる場合があるかもしれません。
• Gutenbergブロックへの移行: 最近のWordPressではGutenbergブロックが主流になっており、多くの機能がブロックとして提供されています。Child Pages Shortcodeのようなショートコードベースのプラグインは、Gutenbergブロックに比べてUI/UXの面で劣る可能性があります。専用のGutenbergブロックが用意されている代替プラグインを検討することも考えられます。
• 特定の機能の欠如: 公式ページの情報では、CSSのカスタマイズ性が向上したり、除外設定や表示する深さの指定などが可能になっていますが、ユーザーが求めるすべての表示オプション（例：特定のカスタムフィールドの表示、特定の順序でのソートなど）に対応していない場合があります。

これらのデメリットを考慮し、Child Pages Shortcodeプラグインを使用するかどうか、または代替手段を検討するかを判断することが重要です。もし、より柔軟な表示やGutenbergエディタとの連携を重視するのであれば、ショートコードではない方法（Gutenbergブロック、カスタムテンプレートなど）を検討するのも良いでしょう。

Child Pages Shortcodeの注意点

WordPressプラグイン「Child Pages Shortcode」をご利用の際に考慮すべき注意点は以下の通りです。

1. パフォーマンスへの影響

• 大量の子ページ: 非常に多くの子ページを持つ親ページでこのショートコードを使用すると、データベースクエリが増加し、ページの読み込み速度が低下する可能性があります。特に、orderby や posts_per_page などの引数で複雑な並べ替えや表示制限を行う場合、その傾向は顕著になります。
• キャッシュの利用: パフォーマンス問題を軽減するためには、WordPressのキャッシュプラグイン（WP Super Cache, W3 Total Cacheなど）を導入し、適切に設定することが重要です。これにより、毎回データベースに問い合わせることなく、生成されたHTMLをキャッシュから配信できます。

2. SEOへの影響

• コンテンツの重複: 全ての子ページの内容を親ページにまとめて表示する場合、検索エンジンがコンテンツの重複と判断する可能性があります。これにより、検索ランキングに悪影響を与える可能性があります。
• 適切な使用: 子ページを単に一覧表示するだけであれば問題ありませんが、各子ページが独自の価値を持つコンテンツを提供している場合は、個別のページとしてインデックスされる方がSEO上有利です。

3. 表示のカスタマイズとデザイン

• CSSの調整: プラグイン自体は基本的なリスト表示を提供しますが、サイトのデザインに合わせて見た目を調整するには、カスタムCSSの追加が必要になる場合があります。特に、レスポンシブデザインに対応させるには、メディアクエリなどを用いたCSSの記述が求められることがあります。
• ショートコードの引数: Child Pages Shortcode は、表示する子ページの数、表示順、表示する情報（タイトルのみか、抜粋も含むかなど）を制御するための多くの引数を提供します。これらを適切に利用することで、柔軟な表示が可能になりますが、引数の指定ミスは意図しない表示結果を招く可能性があります。プラグインの公式ドキュメントで利用可能な引数を確認し、正しく使用することが重要です。
• デフォルトテンプレートとの兼ね合い: テーマのテンプレートによっては、ショートコードの出力が既存のデザインと馴染まない場合があります。必要に応じてテーマのCSSを調整するか、あるいはショートコードの出力をラップするカスタムHTML要素を追加して、それにスタイルを適用すると良いでしょう。

4. セキュリティとメンテナンス

• プラグインの更新: 他のWordPressプラグインと同様に、「Child Pages Shortcode」も定期的に更新されます。セキュリティの脆弱性の修正や機能改善のため、常に最新バージョンに保つことが推奨されます。
• 競合の可能性: 他のプラグインやテーマとの間で競合が発生し、予期せぬ動作やエラーを引き起こす可能性があります。新しいプラグインをインストールしたり、既存のプラグインやテーマを更新したりする際には、必ずバックアップを取り、テスト環境で問題がないことを確認してから本番環境に適用するようにしてください。
• サポート状況: プラグインのサポート状況を確認することも重要です。開発が停止しているプラグインや、サポートが終了しているプラグインは、WordPress本体やPHPのバージョンアップに対応できず、将来的に問題が発生する可能性があります。

5. ショートコードの濫用

• 過度な利用の回避: ページ内に過度に多くのショートコードを配置すると、ページの編集画面が複雑になり、管理が困難になることがあります。また、ページごとに表示内容を細かく制御する必要がある場合、ショートコードの引数管理が煩雑になる可能性があります。
• 代替手段の検討: 場合によっては、このプラグインを使用するよりも、カスタムテンプレートやカスタムクエリを直接PHPで記述する方が、より高度な制御やパフォーマンスの最適化が可能になることもあります。

これらの注意点を考慮し、あなたのサイトの要件に合わせて「Child Pages Shortcode」を効果的に利用してください。