Content Viewsは関連性の高いレビュー記事をグリッドやリストで一覧表示できるWordPressプラグイン
Content Viewsとは
WordPressプラグインの「Content Views」は、WordPressの投稿、固定ページ、カスタム投稿タイプ、画像、タクソノミー(カテゴリ、タグなど)などを、魅力的でカスタマイズ可能な様々なレイアウトで表示するための人気のあるプラグインです。
主な機能と特徴:
- 多様な表示形式: グリッド、リスト、スライダー、アコーディオン、Pinterest風、タイムライン、オーバーレイなど、様々なレイアウトでコンテンツを表示できます。
- 柔軟な絞り込みと表示:
- コンテンツタイプ: 投稿、固定ページ、カスタム投稿タイプ、メディア/添付ファイルなど、表示したいコンテンツの種類を選択できます。
- タクソノミー: カテゴリ、タグ、カスタムタクソノミーのタームでコンテンツをフィルタリングできます。
- 共通設定: 特定の投稿IDやタイトルでコンテンツを含めたり除外したり、表示する投稿のオフセットや数を設定できます。
- 並べ替え: 公開日、更新日、タイトル、ID、ランダム、メニュー順などでコンテンツを並べ替えできます。
- キーワードフィルタ: タイトル、コンテンツ、抜粋に含まれるキーワードでコンテンツを検索・フィルタリングできます。
- 著者フィルタ: 特定の著者や現在ログイン中の著者によって作成された投稿をフィルタリングできます。
- ステータスフィルタ: 公開済み、予約済み、非公開など、コンテンツのステータスで表示を制御できます。
- 日付フィルタ: 今日、昨日、今週/月/年、カスタム日付範囲内で公開されたコンテンツを表示できます。
- 豊富なカスタマイズオプション: 表示するコンテンツのタイトル、本文、アイキャッチ画像、メタ情報(投稿日、カテゴリ名など)の表示・非表示、抜粋の文字数などを細かく設定できます。
- 統合性: WooCommerce (商品の表示、フィルタリング)、The Events Calendar (イベントのフィルタリングと表示)、Advanced Custom Fields、Meta Box、Pods (カスタムフィールドでのフィルタリングと表示)、WPML、Polylang (翻訳されたコンテンツの表示)、会員制プラグインなど、様々なプラグインと連携し、それらのコンテンツも表示・管理できます。
- 対応エディタ: クラシックエディタ、Gutenbergブロックエディタ、Elementorなどのページビルダーに対応しており、ショートコードやブロック、ウィジェットとして簡単に設置できます。
メリット:
- 効率的なコンテンツ表示: 複雑なコードを書くことなく、視覚的に魅力的なコンテンツリストやグリッドを簡単に作成できます。
- ユーザーエクスペリエンスの向上: 訪問者が情報を探しやすく、サイトのコンテンツをより魅力的に表示できます。
- SEO対策: 新着記事や関連記事などを適切に表示することで、サイト内の回遊率を高め、SEOにも寄与します。
価格:
Content Viewsには無料版と有料版(Content Views Pro)があります。
- 無料版: 基本的な機能が提供されます。
- 有料版(Content Views Pro): より高度な機能(ライブフィルタ、シャッフルフィルタ、CSS/スタイルのカスタマイズ、より多くのレイアウトオプション、WooCommerceなどの人気プラグインとの連携強化など)が利用できます。価格はサイト数によって異なり、個人用(1サイト)、ビジネス用(5サイト)、開発者用(無制限サイト)などのプランがあります。
評判:
ユーザーからは、その使いやすさ、豊富なカスタマイズオプション、高速な表示、優れたサポートなどが高く評価されています。特に、投稿や商品のリストを視覚的に美しく、かつ効率的に表示したい場合に非常に役立つとされています。初心者でも比較的簡単に設定できる点も評価されています。
まとめると、Content Viewsは、WordPressサイトのコンテンツを柔軟かつ魅力的に表示するための非常に強力で便利なプラグインです。ブログの新着記事一覧、ポートフォリオ、ショップサイトの商品一覧など、様々な用途で活躍します。
※最新の情報を公式ページで確認ください
Content Viewsの使い方
WordPressプラグインのContent Viewsは、投稿や固定ページなどのコンテンツを、様々な条件で抽出・表示できる便利なプラグインです。ブログの新着記事一覧、人気記事一覧、カテゴリ別記事一覧などを、美しいレイアウトで簡単に作成できます。
ここでは、Content Viewsの基本的な使い方を解説します。
1. Content Viewsのインストールと有効化
- WordPressの管理画面にログインします。
- 左メニューの「プラグイン」>「新規追加」をクリックします。
- 検索ボックスに「Content Views」と入力し、検索します。
- 「Content Views – Post Grid & Filter, Recent Posts, Category Posts …」を見つけて、「今すぐインストール」をクリックします。
- インストールが完了したら、「有効化」をクリックします。
有効化すると、管理画面の左メニューに「Content Views」という項目が追加されます。
2. 新しいビューの作成
- 左メニューの「Content Views」>「新規追加」をクリックします。
- ビューのタイトルを入力します。これは管理用の名前なので、自分が分かりやすい名前を付けましょう(例: 新着記事一覧、ブログトップ記事)。
3. Filter Settings(表示するコンテンツの条件設定)
ここでは、どのコンテンツをどのように表示するかを決定します。
- Content type:
- 投稿 (Posts): ブログ記事を表示する場合に選択します。
- 固定ページ (Pages): 固定ページを表示する場合に選択します。
- (有料版ではカスタム投稿タイプも選択可能です)
- Common:
- Include only: 特定の記事IDを指定して表示する場合に、カンマ区切りでIDを入力します。
- Exclude: 特定の記事IDを除外して表示する場合に、カンマ区切りでIDを入力します。
- Limit: 表示する記事の最大数を設定します。空欄にすると、すべての記事が表示されます。
- Advance:
- Taxonomy: 特定のカテゴリーやタグに属する記事のみを表示する場合にチェックを入れ、条件を設定します。
IN
:指定したカテゴリ・タグに含まれる記事を表示NOT IN
:指定したカテゴリ・タグに含まれない記事を表示
- Sort by: 記事の並び順を設定します(例: 投稿日順、更新日順、タイトル順、コメント数順など)。
- Keyword: タイトルや本文からキーワードを検索し、一致する記事のみを表示します。
- Taxonomy: 特定のカテゴリーやタグに属する記事のみを表示する場合にチェックを入れ、条件を設定します。
4. Display Settings(表示方法の設定)
ここでは、コンテンツのレイアウトや表示する項目を設定します。
- Layout:
- Grid: グリッド形式で表示します。
- List: リスト形式で表示します。
- Collapsible: クリックするとコンテンツが展開される形式です。
- Scroll List: 横にスクロールするリスト形式です。
- Items per row: 1行に表示する記事の列数を設定します。
- Responsive: タブレットやスマートフォンでの表示列数を設定します。
- Format:
- サムネイル画像とテキストの表示形式(縦並び、横並びなど)を設定します。
- Fields settings:
- 表示する項目を選択します。
- Thumbnail: アイキャッチ画像を表示します。サイズなども設定できます。
- Title: タイトルを表示します。タイトルタグ(h2など)も設定できます。
- Content: 本文を表示します。
Show Full Content
: 全文表示Show Excerpt
: 抜粋表示(文字数制限も可能)Read More text
: 「続きを読む」ボタンのテキストを設定
- Meta fields: 投稿日、著者、カテゴリー、タグ、コメント数などを表示するか設定します。
- 表示する項目を選択します。
- Pagination:
- Enable: ページネーション(ページ送り)を有効にします。
- Items per page: 1ページあたりの記事数を設定します。
設定が完了したら、右上の「保存」ボタンをクリックします。
5. ビューの表示方法
ビューを保存すると、そのビューに対応するショートコードが自動的に生成されます。このショートコードを、表示したい投稿や固定ページ、ウィジェットなどに貼り付けることで、設定したコンテンツ一覧が表示されます。
ショートコードは、ビューの編集画面の上部に表示されるか、「Content Views」メニューの「すべてのビュー」から確認できます。
例: [pt_view id="your-view-id"]
のような形式です。
- 投稿や固定ページに表示する場合:
- WordPressのブロックエディタで「ショートコード」ブロックを追加し、そこにショートコードを貼り付けます。
- クラシックエディタの場合は、直接エディタ内に貼り付けます。
- ウィジェットに表示する場合:
- 「外観」>「ウィジェット」に進み、テキストウィジェット(またはショートコードが使えるウィジェット)を追加し、ショートコードを貼り付けます。
6. その他の機能とポイント
- プレビュー機能: 各設定を変更するたびに、リアルタイムでプレビューを確認できます。
- CSSでのカスタマイズ: Content ViewsはCSSクラスを多く持っているので、より詳細なデザイン調整はCSSで行うことも可能です。
- 有料版の機能: 有料版では、カスタムフィールドの表示、複数投稿タイプの選択、より高度なフィルタリングオプション、広告の表示など、さらに多くの機能が利用できます。
この手順を参考に、Content Viewsを使ってWordPressサイトのコンテンツ表示をより魅力的にしてみてください。
Content Viewsの注意点
WordPressプラグインのContent Viewsは、投稿やカスタム投稿タイプなどを柔軟に表示できる便利なツールですが、いくつかの注意点があります。
1. テーマや他のプラグインとの互換性
- CSSの競合: Content ViewsのCSSファイル(
cv.css
など)がテーマや他の最適化/パフォーマンス系プラグインによって適切に読み込まれない場合、レイアウトが崩れることがあります。この場合、最適化プラグインの設定でContent ViewsのCSSファイルを「除外」する、あるいは一時的にテーマをデフォルトのものに変更して問題が解決するかを確認するなどの対応が必要です。 - JavaScriptの競合: 特にPage Builder系のプラグインを使用している場合、JavaScriptの競合によってContent Viewsが正常に動作しないことがあります。
- WPMLとの互換性: 有料版のContent Views ProはWPMLと互換性があり、多言語サイトで利用できます。
2. 表示のカスタマイズに関する注意点
- 複雑な条件設定: 非常に複雑な条件でコンテンツを表示しようとすると、設定が難しくなる場合があります。
- カスタマイズ性の限界: 無料版の場合、詳細なカスタマイズには限りがあると感じることがあります。CSSを追加して調整するケースも多く見られます。
- 画像のサイズ調整: アイキャッチ画像のサイズが統一されず、表示がバラバラになることがあります。この場合、追加CSSで画像のサイズを固定するなどの対応が必要です。
- !importantの使用: カスタマイズを行う際に、テーマのCSSを上書きするために
!important
が必要になることがあります。
3. パフォーマンスと最適化
- Content Views自体がサイトのパフォーマンスに大きな影響を与えるという報告は多くありませんが、表示するコンテンツの量や画像サイズなどによっては読み込み速度に影響を与える可能性があります。
- サイト全体のパフォーマンスを考慮し、キャッシュプラグインや画像最適化プラグインなどと併用して、適切な設定を行うことが重要です。
4. セキュリティ
- Content Views自体に特筆すべきセキュリティ上の脆弱性が報告されているケースは、一般的な情報からは見当たりませんでした。
- しかし、WordPressプラグイン全般に言えることですが、常に最新バージョンに更新し、信頼できる開発元からのプラグインのみを使用することがセキュリティの基本です。
まとめ
Content Viewsは、WordPressサイトでコンテンツを効率的に表示するための強力なツールです。しかし、テーマや他のプラグインとの互換性、カスタマイズの複雑さ、そして一般的なWordPressの運用におけるパフォーマンスやセキュリティへの配慮は必要となります。問題が発生した場合は、まずは公式サポートフォーラムや関連ドキュメントを確認し、必要に応じて一時的に他のプラグインを無効化して原因を特定することが推奨されます。