カスタム投稿ベーシック

テーマを問わず使える、投稿一覧デザイン4パターン

WordPressのテーマに左右されず、カスタム投稿の一覧表示を4種類のデザインから選べるPortal Manager Liteの新機能を紹介します。

カスタム投稿の一覧表示、テーマ任せで困っていませんか

施工例・お知らせ・スタッフ紹介など、WordPressでカスタム投稿タイプを運用しているサイトでは、一覧ページの見た目がテーマ標準のデザインに縛られ、思うようにレイアウトできないという声をよく聞きます。

動作環境

WordPress 5.8以上
PHP 7.4以上

テーマを乗り換えるたびに崩れる一覧デザイン

テーマを変更すると一覧の表示が崩れてしまい、そのたびにCSSを書き足して調整する運用になっているサイトは少なくありません。本来は投稿内容の充実に充てたい時間が、表示崩れの修正に消えてしまいます。

制作会社が実際に受けている相談

「施工事例をもっと見やすいカード形式で並べたい」「テーマを変えても一覧のデザインだけは崩したくない」といった相談は、WordPressサイトの制作現場で頻繁に寄せられる内容です。

Portal Manager Liteの「4デザインカスタム投稿」とは

Portal Manager Liteは、カスタム投稿タイプの一覧表示を、使用中のテーマに関係なく描画できるWordPressプラグインです。中でも「4デザインカスタム投稿」機能は、投稿タイプごとの一覧デザインを4種類から選べる仕組みです。

カード／カード（枠線なし）／メディア／1行テキストの4種類

用意されているのは、画像と枠線を組み合わせた「カード」、枠線を省いてすっきり見せる「カード（枠線なし）」、写真を主役にした「メディア」、情報量を抑えてタイトル中心に並べる「1行テキスト」の4パターンです。施工事例には写真映えするカード、お知らせ一覧にはテキスト中心の表示、というように用途に応じて使い分けられます。すべてのテーマでの動作を保証するものではございませんが、WordPress公認テーマであれば、9割以上の確率で弊社の意図するデザインをご実現いただけます。

投稿タイプごとに個別設定できる自由度

デザインの選択は投稿タイプ単位で行えるため、同じサイト内でも「施工例はカード表示」「お知らせは1行テキスト表示」といった使い分けが可能です。表示列数もあわせて設定できるので、情報量に応じた一覧ページを作れます。

テーマに依存しない設計だから、長く使い続けられる

この機能の裏側では、CSS Cascade Layersという仕組みを使い、テーマ側のCSSに表示を崩されないよう設計されています。

テーマ側CSSと衝突しない仕組み

テーマを自動判別したうえで、テーマごとの調整用CSSを組み合わせて読み込むことで、見た目の崩れを防いでいます。判別結果と実際のテーマが異なる場合も、管理画面から手動で指定し直せます。

主要テーマでの動作確認とテーマ別調整

SWELL・Cocoon・Lightning・Blogsy・Emanonといった国内で広く使われているテーマで、実際の表示を確認しながら開発されています。このほかUnibiz・Twenty Seventeenなど複数のテーマ向けにも専用の調整CSSを用意しており、対応の幅を広げています。テーマの入れ替えを検討している場合でも、一覧デザインを維持しやすいのが特徴です。

コスモ企画が制作・保守までサポートします

このようなプラグインの導入設計から公開後のサイト運用まで、コスモ企画が一貫してサポートします。

1901年創業、300社以上の制作実績

1901年の創業以来、製造業・建設業・医療・宿泊業・士業・小売・美容など、幅広い業種で累計300社以上のWeb制作・SEO支援に携わってきました。地域トップクラスの制作実績を持ち、行政・公共団体からの制作依頼も手がけています。ホームページ制作会社として現場に接してきた経験から、使い勝手の良い仕様と柔軟な機能を両立したプラグイン設計を熟知しています。

SEO設計から公開後の保守運用まで一貫対応

Googleの検索品質評価ガイドラインを踏まえたSEO設計や、WordPressの高速化・セキュリティ対策、UI/UX改善やアクセス解析まで、公開後の運用も含めて対応しています。料金体系やプライバシーポリシー・セキュリティ対策を明示し、制作後も継続した保守サポート体制を整えている点も安心材料です。

Q＆A

Q1. このプラグインでは何ができますか？

本文＋サイドバーの2カラムレイアウトを、使用中のテーマに関係なく描画するプラグインです。カスタム投稿タイプの登録から、一覧ページのデザイン設定まで管理画面から一括で行えます。

Q2. 一覧ページのデザインは何パターンありますか？

「カード」「カード（枠線なし）」「メディア」「1行テキスト」の4種類から選べます。写真を見せたい投稿には「カード」、情報を簡潔に並べたい投稿には「1行テキスト」など、内容に合わせて選択できます。

Q3. 同じサイト内で投稿タイプごとに違うデザインにできますか？

できます。デザインは投稿タイプ単位で保存されるため、「施工例はカード表示」「お知らせは1行テキスト表示」といった使い分けが可能です。

Q4. 対応しているテーマを教えてください。

SWELL・Cocoon・Lightning・Blogsy・Emanonについては実際の表示を確認しながら開発しています。このほかUnibiz・Twenty Seventeenなど複数のテーマ向けにも専用の調整CSSを用意しており、それ以外のテーマでも汎用の調整CSSで表示崩れを抑える設計になっています。

Q5. 使用中のテーマは自分で設定する必要がありますか？

基本的には自動で判別されるため、設定は不要です。判別結果が実際のテーマと異なる場合のみ、管理画面の項目から手動で指定し直せます。

Q6. カスタム投稿タイプの追加にコーディングの知識は必要ですか？

不要です。管理画面の「投稿タイプ管理」で名前とスラッグを登録するだけで反映されます。保存時にパーマリンクの再構築も自動で行われるため、別途操作する手間はありません。

Q7. 一覧ページの表示件数や列数は変更できますか？

投稿タイプごとに表示列数と1ページあたりの表示件数を設定できます。表示件数を空欄にした場合は、サイト全体の表示設定に従います。

Q8. サイドバーにはどんな情報を表示できますか？

「最近の投稿」「カテゴリー」「月別アーカイブ」の3種類を表示できます。閲覧中の投稿タイプに応じて、表示される内容が自動的に切り替わります。

Q9. カスタム投稿タイプ専用のカテゴリーは作れますか？

作れます。投稿タイプを登録すると、その投稿タイプ専用のカテゴリー（タクソノミー）が自動で作成されます。

Q10. 導入や設定でわからないことがあれば相談できますか？

コスモ企画が導入設計から公開後の運用・保守までサポートしています。表示デザインの調整やお使いのテーマとの相性確認など、お気軽にご相談ください。

まとめ

カスタム投稿の一覧デザインをテーマに左右されず選べるPortal Manager Liteは、サイト運用の手間を減らしたい制作者にとって心強い選択肢です。
「登録だけのプラグイン＋自作コーディング」でも「テーマ専用プラグイン」でもなく、コーディング不要かつテーマを選ばない一覧デザイン管理を両立している点が他のプラグインと比較して大きな差別化と言えるでしょう！

導入方法や自社サイトへの反映方法にお悩みの際は、豊富な制作実績を持つコスモ企画までお気軽にご相談ください。

資料

利用規約

（二次配布の禁止）

有料・無料を問わず、プラグインの二次配布を固く禁止します。

以下の行為はすべて禁止です。

プラグインの全部または一部を含む派生物を配布すること
プラグインのファイル（改変の有無を問わず）を第三者へ譲渡・配布・共有すること
プラグインを他のサイト・サービス・ストア等にアップロードし公開すること
クライアントのサイトへ納品する際に、プラグインファイル自体をクライアントへ提供すること

制作事例