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を使ってさらに細かくデザインをカスタマイズすることも可能です。

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

利用数

「CC Child Pages – Display Child Pages with Shortcode」というWordPressプラグインについて、利用状況（アクティブインストール数）の情報が見つかりました。

このプラグインは、10,000以上のアクティブインストール数があります。

これは、WordPressのプラグインディレクトリで公開されている、子ページをショートコードで表示するための人気のあるプラグインの1つです。

利用料

検索結果によると、WordPressの公式プラグインディレクトリに登録されている「Child Pages Shortcode」という名前、または同様の機能を持つ多くのプラグインは、無料で提供されています。

例えば、

• 「Child Pages Shortcode」（Takayuki Miyauchi氏作）
  • WordPressプラグインディレクトリで無料として公開されています。
• 「CC Child Pages」
  • これもショートコードで子ページを表示するプラグインで、無料で利用できます。
• 「List 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ブロック、カスタムテンプレートなど）を検討するのも良いでしょう。

注意点

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」を効果的に利用してください。

口コミ・評価

このプラグインに関する直接的な口コミや評価は、ネット上では比較的古い情報や、特定のユーザーの使用感に基づいた情報が主に見られます。

いくつかの情報源から得られる主な意見や特徴をまとめると、以下のようになります。

主な特徴と評価

• 機能
  • 子ページの一覧表示: ショートコードを使うだけで、親ページに紐づく子ページの一覧を簡単に表示できる機能です。
  • 導入の簡単さ: ショートコードを貼り付けるだけで利用できるため、HTMLやCSSの知識がなくても使える手軽さがあります。
• デザイン・カスタマイズ性に関する意見
  • デザインの自由度が低い可能性: 「一覧は表示できるが、デザインやタグ関係を好きなようにいじれないので使用をやめた」という意見が見られます。
    • これは、特に凝ったデザインや特定の構造が必要な場合に、このプラグインのデフォルトの出力では対応しきれない可能性があることを示しています。
    • より細かく制御したい場合は、プラグインを使わずに自前でショートコードを記述する方が手っ取り早い、という考え方もあります。
  • 代替となるプラグインの存在: 子ページの一覧表示自体は非常に一般的なニーズであるため、現在では「CC Child Pages」などのように、ボックス表示やレイアウトのオプション（1～4カラムなど）が用意されている、より多機能でレスポンシブデザインにも対応した代替プラグインも存在します。

まとめ

「Child Pages Shortcode」は、とにかく手軽に子ページの一覧を表示したいという基本的なニーズに対しては便利なプラグインですが、一覧のデザインやHTML構造を細かくカスタマイズしたいという場合には、機能がシンプルすぎるため、より多機能な代替プラグインを探したり、コードを自分で書いたりする必要が出てくる可能性があります。

現在では、WordPressのブロックエディター (Gutenberg) の機能や、他の子ページ表示プラグイン、コードスニペット管理プラグイン（WPCodeなど）を使って同様の、あるいはより柔軟な表示を実現する方法もあります。

もし、あなたがこのプラグインの導入を検討されているなら、「どのようなデザインで子ページ一覧を表示したいか」を明確にすることで、このプラグインが適しているか、あるいは他のより良い選択肢があるか判断しやすくなります。

• シンプルにテキストリンクの一覧で十分 → Child Pages Shortcodeは役立つかもしれません。
• 画像付きでグリッド表示にしたい、デザインを細かく調整したい → 他のより多機能なプラグイン（例：CC Child Pagesなど）や、テーマの機能、またはカスタムコードが適しているかもしれません。

プラグインが最小でも魅力的なウェブサイトが作成できる

WordPressの有料テーマは、プラグインに関して有利になる点がいくつかあります。

主に、多機能性や開発者による配慮により、プラグインの数を減らしたり、特定の機能での競合や相性を気にしなくて済むという利点があります。

■有料テーマがプラグインで有利な点

1. 独自機能の搭載によるプラグイン削減

多くの有料テーマは、以下のようなブログ運営やサイト制作に必要な機能をテーマ自体に標準搭載しています。

• SEO対策機能（構造化データ対応、メタタグ設定など）
• 高速化機能（キャッシュ機能、CSS/JS最適化など）
• 装飾機能（ボックス、ボタン、アコーディオンなどの独自ブロックやショートコード）
• 広告管理機能
• SNS連携機能

これらの機能がテーマに含まれているため、個別のプラグインをインストールする必要がなくなります。結果として、サイトの表示速度向上や管理の簡素化につながります。

2. 独自プラグインとの連携・互換性の保証

一部の有料テーマは、テーマ専用の公式プラグインを提供している場合があります。これは、テーマの機能をさらに拡張しつつ、テーマとの互換性が保証されているため、機能の競合や不具合のリスクを最小限に抑えられます。

3. プラグインとの競合が起こりにくい設計

有料テーマは、一般的に主要な人気プラグイン（例：SEOプラグイン、セキュリティプラグイン、フォームプラグインなど）との互換性を考慮して設計・開発されています。そのため、無料テーマと比較して、テーマ側の機能とプラグイン側の機能が干渉し合って不具合が発生するリスクが低い傾向にあります。

4. サポート体制の充実

有料テーマの多くは購入者向けのサポート（フォーラムやメールサポートなど）が充実しています。プラグインを導入した際に不具合が発生した場合でも、開発元に相談できるため、問題解決がスムーズに進むことが多いです。

注意点もあります

• 機能の重複: テーマに標準搭載されている機能と同等の機能を持つプラグインをインストールすると、機能が競合してサイトが不安定になったり、表示が崩れたりする可能性があります。有料テーマを使用する際は、テーマの標準機能とプラグインの機能が重複しないか確認が必要です。
• テーマ依存の機能: テーマに含まれる機能は、テーマを切り替えると使えなくなることがあります。特に独自ブロックやショートコードで作成した部分は、テーマ変更時にレイアウトが崩れやすいので注意が必要です。

テーマ名	主な特徴・強み	適したサイト
ザ・トール (THE THOR)	国内最高クラスのSEO最適化と高速表示 プロ仕様の美しいデザインを簡単に実現（着せ替え機能あり） アフィリエイトに役立つランキング作成機能やCTAが充実<記事装飾機能が豊富で、読みやすいコンテンツ作成を支援	アフィリエイトブログ、本格的なメディアサイト、集客を重視するビジネスサイト
エマノン (Emanon)	Web集客・ビジネス利用に特化した機能が豊富 CTA（行動喚起）、LP（ランディングページ）、メルマガ専用ページなどを簡単に作成 企業サイト、オウンドメディアに適したデザイン WooCommerce対応でネットショップにも利用可能（Premium）	コーポレートサイト、企業ブログ、オウンドメディア、リード獲得を目的としたビジネスサイト
ストークSE (STORK SE)	「誰が使っても美しいデザイン」を追求したモバイルファースト設計 シングルカラム（1カラム）レイアウトに特化し、コンテンツへの集中度が高い ブロックエディタに最適化され、直感的な操作が可能 シンプルかつ洗練されたデザインで、汎用性が高い	商品・サービスのブランディングサイト、ミニマルな企業サイト、シンプルで美しいブログ
リキッドプレス (LIQUID PRESS)	用途別に豊富なテーマ（マガジン、コーポレートなど）が用意されている 高いSEO対策と構造化データ対応 多言語対応機能（LIQUID CORPORATEなど） カスタマイザーでの直感的な編集が可能	メディアサイト（ブログ）、多言語対応が必要な企業サイト、目的に合わせたテーマを選びたいサイト

補足情報

• ザ・トール: SEOと収益化を最重視する設計で、アフィリエイターやブロガーに人気が高いテーマです。
• エマノン: 特にBtoBやサービス業など、Webからの顧客獲得（リードジェネレーション）を重視するビジネスサイト構築に適しています。
• ストークSE: モバイルでの見やすさに徹底的にこだわり、余計な装飾を排したデザインが特徴です。商品の魅力を際立たせたいサイトにも向いています。
• リキッドプレス: 豊富なラインナップの中から目的特化型のテーマを選べるのが大きなメリットです。例えば、ニュースサイトならLIQUID MAGAZINE、企業サイトならLIQUID CORPORATEなどがあります。