Content Viewsの使い方｜WordPressの投稿をきれいに並べる簡単設定ガイド

WordPressで特定のカテゴリーやタグの記事一覧を、コード不要で美しく表示したい方必見！プラグイン「Content Views」の設定方法を初心者向けに分かりやすく解説します。ショートコードを貼るだけで、投稿や固定ページに自由自在にリストを表示できます。

Content Viewsとは

「Content Views」の主なセールスポイントは、投稿や固定ページなどのコンテンツを、直感的かつ柔軟に抽出・一覧表示できる点です。これにより、ウェブサイト上でのコンテンツの見せ方を向上させることができます。

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

• コンテンツの表示形式のカスタマイズ:
  • 単に記事を一覧で表示するだけでなく、アイキャッチ画像付きのリスト形式、グリッド形式、スライダー、アコーディオン、Pinterest風、タイムラインなど、多様なレイアウトで表示できます。
  • ブログ、ニュースサイト、ポートフォリオ、ECサイトなど、様々な用途に合わせて魅力的で視覚的に分かりやすい表示が可能です。
• 強力なコンテンツフィルタリング:
  • 特定のカテゴリー、タグ、作成者、日付、キーワード、カスタムフィールドなど、様々な条件で表示するコンテンツを絞り込むことができます。
  • 例えば、「特定のカテゴリの新着記事だけを表示する」「特定のカスタムフィールドを持つ商品のみ表示する」といったことが簡単に設定できます。
• コード不要で簡単に設定:
  • 直感的な管理画面から、表示するコンテンツの種類、条件、表示順序、カラム数などを設定できます。
  • 設定した内容はショートコードとして生成され、投稿や固定ページ、ウィジェットなど、サイト内のどこにでも挿入して表示できます。
  • Gutenbergエディタ用のブロックやElementorウィジェットも提供されており、より簡単にコンテンツを配置できます。
• 既存のコンテンツを再利用:
  • WordPressにすでに登録されている投稿やページ、カスタム投稿タイプを、新しいレイアウトで再利用して表示できるため、効率的にサイトを構築・更新できます。
• SEO対策:
  • サイトのナビゲーションやユーザーエクスペリエンスを向上させることで、SEOにも良い影響を与える可能性があります。
• 他のプラグインとの連携:
  • WooCommerce（ECサイト構築）、The Events Calendar（イベント管理）、Advanced Custom Fields（カスタムフィールド追加）、WPML/Polylang（多言語化）など、多くの人気プラグインと連携し、それぞれのコンテンツを表示・フィルタリングできます。

Content Viewsは、特にブログのトップページやカテゴリページ、特定の情報の一覧ページなどを、より魅力的で整理された形で表示したい場合に非常に役立つプラグインです。

利用数

Content Viewsの利用料金

WordPressプラグインの「Content Views」には、無料版と有料版（Content Views Pro）があります。

1. 無料版

• 料金: 無料
• 特徴: WordPressの公式プラグインディレクトリで提供されており、基本的な記事一覧（リスト）の表示機能を利用できます。プログラミングの知識なしで、記事のリスト化や一覧表示が可能です。

2. 有料版（Content Views Pro）

より高度な機能（例: 優先サポート、より多くのデザインオプション、高度なフィルタリングなど）を利用したい場合は、有料版の「Content Views Pro」が必要です。

公式情報によると、主なプランと年間料金は以下の通りです（料金は変更される可能性があります）。

プラン	年間料金 (USD)	利用可能なサイト数	サポート・アップデート
Personal	$39	1サイト	1年間
Business	$89	5サイト	1年間
Developer	$199	無制限	1年間

ワンポイント

無料版でも多くの機能が利用できるため、まずは無料版を試してみて、必要に応じて有料版へのアップグレードを検討するのがおすすめです。

Content Viewsの使い方

WordPressプラグインのContent Viewsは、特定の条件で投稿や固定ページを抽出し、様々なレイアウトで表示できる便利なプラグインです。主に以下のような使い方があります。

Content Viewsでできること

• 新着記事一覧の表示: 最新の投稿を一覧で表示できます。
• 特定のカテゴリやタグの記事一覧表示: 特定のカテゴリやタグに属する記事のみを抽出して表示できます。
• 人気記事ランキングの作成: PV数やコメント数に基づいて記事を並べ替え、ランキング形式で表示できます（ただし、Content Views自体にPVカウント機能はないため、別途プラグインとの連携が必要な場合があります）。
• 関連記事の表示: 現在閲覧している記事に関連する記事を表示できます。
• 特集記事のピックアップ表示: 特定の記事を手動で選択して表示できます。
• レイアウトのカスタマイズ: グリッド表示、リスト表示、カルーセル表示など、様々なレイアウトで記事を表示できます。
• 表示項目の選択: サムネイル、タイトル、抜粋、投稿者、日付、カテゴリ、タグ、コメント数など、表示する項目を自由に選択できます。
• レスポンシブデザイン対応: タブレットやスマートフォンでの表示列数を設定できます。
• ページネーションの設定: 記事が多い場合にページ送りを設定できます。

Content Viewsの基本的な使い方

1. プラグインのインストールと有効化:
   • WordPressの管理画面にログインします。
   • 「プラグイン」>「新規追加」に進みます。
   • 検索ボックスに「Content Views」と入力し、プラグインを検索します。
   • 「今すぐインストール」をクリックし、インストールが完了したら「有効化」をクリックします。
2. 新しいビューの作成:
   • 管理画面に「Content Views」という項目が追加されるので、カーソルを合わせて「新規追加」をクリックします。
   • 新しいビューの作成画面が表示されるので、まずリストに分かりやすい「タイトル」を付けます（例：新着記事一覧、ブログトップ用など）。
3. フィルター設定（表示する記事の条件設定）:
   • Content type（コンテンツの種類）: 表示するコンテンツが「投稿」なのか「固定ページ」なのかを選択します。
   • Common（一般設定）:
     • Include only: 表示したい記事のIDをカンマ区切りで指定します。
     • Exclude: 表示から除外したい記事のIDをカンマ区切りで指定します。
     • Limit: 表示する記事の総数を指定します。空欄にすると、条件に合うすべての記事が表示されます。
   • Advance（詳細設定）:
     • Taxonomy: カテゴリやタグで絞り込みたい場合にチェックを入れ、表示したいカテゴリやタグを選択します。IN (指定したカテゴリのどれかに属する記事を表示) や NOT IN (指定したカテゴリを除外する) などの演算子も選択できます。
     • Sort by: 記事の並び順（日付順、タイトル順、更新日順など）を設定します。
     • Keywords: タイトルや本文からキーワードで検索し、ヒットした記事を表示します。
     • Status: 「公開済み」「下書き」など、コンテンツのステータスで絞り込みます。
4. 表示設定（デザインとレイアウトの設定）：
   • Layout:
     • 表示形式（グリッド、リスト、カルーセルなど）を選択します。
     • Items per row: 横並びの列数を設定します。
     • Responsive: タブレットやスマートフォンでの表示列数を設定します。
   • Format: サムネイル画像とテキストを縦に表示するか横に表示するかを設定します。
   • Fields settings（表示項目設定）:
     • 表示したい項目（サムネイル画像、タイトル、コンテンツ（抜粋）、投稿者、メタフィールド（日付、カテゴリ、タグ、コメント数など））にチェックを入れます。
     • 各項目の詳細設定も可能です。
       • タイトル: タイトルのタグ（h2, h3など）やリンク設定。
       • サムネイル: サムネイルの画像サイズ、リンク設定。
       • コンテンツ: 記事の全文を表示するか（Show Full Content）、抜粋を表示するか（Show Excerpt）を選択します。抜粋の場合、文字数を指定できます。「続きを読む」のテキストも設定できます。
   • Pagination（ページネーション）: 記事が複数ページにわたる場合に、ページ送りを有効にするかどうか、1ページあたりの記事数などを設定します。
   • Others: 記事リンクを開く際に、同じタブで開くか、新しいタブで開くかなどを設定します。
5. ビューの保存とショートコードのコピー:
   • 設定が完了したら、画面上部または下部にある「保存」ボタンをクリックします。
   • 保存後、ビューの設定画面の先頭、または「All Views」一覧画面で、作成したビューに対応するショートコードが表示されます。このショートコードをコピーします。
6. ページや投稿にリストを設置:
   • Content Viewsで作成した記事リストを表示したいWordPressのページや投稿の編集画面を開きます。
   • ショートコードブロック（またはテキストブロック）に、コピーしたショートコードを貼り付けます。
   • プレビューで表示を確認し、問題なければページや投稿を更新（公開）します。

よく使う設定のポイント

• ブログトップページに新着記事一覧を表示する:
  • Content typeを「投稿」に設定。
  • Sort byを「Date (投稿日) – Descending (新しい順)」に設定。
  • Limitで表示件数を設定。
• 特定のカテゴリの記事一覧を表示する:
  • Content typeを「投稿」に設定。
  • AdvanceのTaxonomyで、表示したいカテゴリを選択。
• 抜粋表示で「続きを読む」を表示する:
  • Fields settingsの「Content」で「Show Excerpt」を選択し、文字数を指定。
  • 「Read More text」に「続きを読む」などのテキストを入力。

これらの手順とポイントを押さえれば、WordPressのContent Viewsプラグインを使って、柔軟に記事リストを作成・表示できるようになります。

Content Viewsの注意点

WordPressプラグイン「Content Views」をご利用になる上での注意点について解説します。

Content Viewsは非常に便利で多機能なプラグインですが、いくつか知っておくべき点があります。

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

• 大量のコンテンツ表示: 多くの投稿やカスタム投稿タイプ、複雑なクエリを含むビューを作成すると、サイトの表示速度に影響を与える可能性があります。特に、多くの画像を含む場合や、フィルターオプションを多数使用する場合は注意が必要です。
• キャッシュの利用: パフォーマンス改善のため、WordPressのキャッシュプラグイン（例: WP Super Cache, LiteSpeed Cache, WP Rocketなど）と併用することをお勧めします。Content Views自体も一部キャッシュ機能を持っていますが、WordPress全体のキャッシュはより効果的です。
• クエリの最適化: 可能な限りシンプルで効率的なクエリを設定するよう心がけましょう。不必要な条件や過度なソートはパフォーマンスを低下させることがあります。

2. テーマ・プラグインとの互換性:

• テーマのCSSとの競合: Content Viewsで生成されるHTMLには、適用しているテーマのCSSが影響を与える場合があります。意図しないスタイルが適用されたり、レイアウトが崩れたりすることがあります。その場合は、Content ViewsのカスタムCSS機能や、テーマの追加CSSで調整が必要になります。
• JavaScriptの競合: 他のプラグインやテーマが使用しているJavaScriptライブラリと競合し、Content Viewsの特定の機能（例: AJAX Pagination, Lazy Loadなど）が正常に動作しない場合があります。
• 定期的なアップデート: WordPress本体、テーマ、Content Views、およびその他のプラグインは常に最新の状態に保つようにしてください。これにより、セキュリティの脆弱性を修正し、互換性の問題を最小限に抑えることができます。

3. カスタマイズとデバッグ:

• カスタムCSS/JavaScript: より詳細なデザイン調整を行うには、Content ViewsのカスタムCSS/JavaScript機能を使用するのが便利です。ただし、書き方を誤ると他の部分に影響を与える可能性があるため、慎重に行いましょう。
• 開発者ツール: 問題が発生した際には、ブラウザの開発者ツール（F12キーで開くことが多い）を使用して、CSSの競合やJavaScriptのエラーを確認すると原因特定に役立ちます。
• サポートフォーラムの活用: 公式のサポートフォーラム（WordPress.orgのプラグインページ内）やContent Viewsの公式サイトにFAQやドキュメントが用意されていることがあります。問題解決のヒントが見つかるかもしれません。

4. セキュリティ:

• 信頼できるソースから入手: Content ViewsはWordPress.org公式ディレクトリで公開されているため、そこからダウンロードするのが最も安全です。第三者のサイトからダウンロードしたプラグインには、悪意のあるコードが含まれている可能性があります。
• 管理者権限の管理: Content Viewsの設定は管理者権限で行うのが一般的です。複数のユーザーでWordPressを運用している場合は、適切な権限管理を行うことが重要です。

5. 機能の理解:

• ドキュメントの確認: Content Viewsは多機能なため、全ての機能を使いこなすにはある程度の学習が必要です。公式のドキュメントやチュートリアルを参考に、各オプションの意味と使い方を理解することが重要です。
• ショートコードとブロック: ショートコードやブロック（Gutenbergエディタの場合）でビューを埋め込む際に、正しいIDや属性を指定しているか確認しましょう。

まとめ:

Content Viewsは非常に強力なツールですが、これらの注意点を踏まえることで、より安全に、そして効率的にサイトを構築・運用することができます。特に、パフォーマンスとテーマ・プラグインとの互換性については、事前にテスト環境で確認することをお勧めします。

Content Views代替プラグインの紹介

「Content Views」は、投稿をグリッドやリスト形式で綺麗に表示させるのに非常に便利ですが、デザインの自由度や表示スピード、あるいは「無料版でできることの制限」から代替案を探される方が多いです。

用途や重視するポイント（使いやすさ、デザイン性、多機能さ）に合わせて、おすすめの代替プラグインをいくつかご紹介します。

1. Post Grid (by PickPlugins)

Content Viewsに最も近い操作感で、より多機能なのがこのプラグインです。

• 特徴: 非常に細かなカスタマイズが可能です。無料版でもグリッド表示のレイアウト調整が柔軟で、レスポンシブ対応も標準装備されています。
• メリット: カテゴリ、タグ、投稿タイプなどのフィルタリングが強力。
• 向いている人: 「Content Viewsの操作感は好きだが、もっと細かくデザインをいじりたい」という方。

2. WP Show Posts (現 GenerateBlocksへ統合中)

軽量さとシンプルさを求めるならこちらが定番です。

• 特徴: 非常にコードがクリーンで、サイトの読み込み速度を落としません。
• メリット: 余計な装飾がないため、テーマのスタイルに馴染みやすいです。
• 向いている人: サイトの高速化を重視しており、シンプルなリストやカード型を表示したい方。

3. Ultimate Addons for Gutenberg / Spectra

最近の主流は、個別のプラグインを入れるよりも「ブロックエディタの拡張プラグイン」を使う方法です。

• 特徴: WordPress標準のブロックエディタ（Gutenberg）に「Post Grid」ブロックを追加します。
• メリット: 編集画面で実際の見た目を確認しながら直感的に配置できます。専用プラグインを増やすよりもサイト全体がスッキリします。
• 向いている人: ブロックエディタをメインで使っており、直感的にページを作成したい方。

4. Query Loop Block (WordPress標準機能)

実は、最新のWordPressには標準で「クエリループブロック」という機能が備わっています。

• 特徴: プラグインなしで、投稿一覧（グリッドやリスト）を作成できます。
• メリット: プラグインを増やさないため、セキュリティや速度面で最も安全です。
• 向いている人: シンプルな表示で十分で、できるだけプラグインを減らしたい方。

比較表

プラグイン名	難易度	デザイン自由度	特徴
Post Grid	中	高	圧倒的な多機能。設定項目は多め。
Spectra	低	中〜高	ブロックエディタ一体型で使いやすい。
WP Show Posts	低	中	とにかく軽量でシンプル。
クエリループ	低	低〜中	標準機能。カスタマイズには限界あり。

選び方のアドバイス

• 「とにかく細かく見た目を調整したい」なら、Post Grid がおすすめです。
• 「今のエディタ（Gutenberg）の流れに乗りたい」なら、Spectra などのブロック拡張プラグインを試してみてください。
• 「最低限の表示ができればいい」なら、まずは標準のクエリループブロックで試作してみるのが良いでしょう。