特殊なリストパーツ・追加リストパーツ WordPressサイト制作オプション
ホームページ制作 京都 株式会社ファンフェアファンファーレでは、ホームページ制作・ウェブサイト制作にあたりWordPress（ワードプレス）をはじめとした、CMSの導入を推進させていただいております。WordPressのインストール・更新、WordPressテーマの作成やWordPressプラグインの設置など、WordPressサイトの制作サービスを提供しております。
WordPressをベースとしてホームページ制作をさせていただく際に、特殊なリストパーツを設置したり、追加でリストパーツを設置するなど、WordPressサイト制作の純正サービスにオプションを加える場合の取扱について掲載させていただきます。
特殊なリストパーツ・追加リストパーツは、トップページなどに設置する新着情報リストを細かく分類するときなどに利用します。
なお、WordPressホームページ公開後にWordPressカスタマイズとして本機能を追加することも可能です。
このページでは、WordPressホームページ（ウェブサイト）制作のオプション「特殊なリストパーツ・追加リストパーツ」について掲載しております。
WordPressサイトの「オリジナルリスト」
WordPressには、アーカイブページとして、カテゴリページ、タグページ、そして、投稿日時や投稿者といった分類でのアーカイブページなど、様々なパターンで「アーカイブリスト機能」がありますが、これらのアーカイブページとは別に、トップページ、投稿、固定ページ、サイドバー、フッターエリアなどにカテゴリなどの新着記事リストを設置することができます。
WordPressサイトの「オリジナルリスト」は、このアーカイブページとは異なった仕様で、ホームページ内の記事のアーカイブリストを、任意の指定条件かつオリジナルの形式でリスト化するサイトパーツです。
指定条件に該当する記事をリスト化
WordPressカテゴリの中に「お知らせ」というカテゴリがあった場合、そのカテゴリの新着記事を「トップページに5件表示」するといったことが実装可能です。
このオリジナルのリストパーツは、指定条件に該当する記事だけリストに反映することができます。
指定条件別のオリジナルリストは、ホームページ内の任意の場所に反映することができるため、トップページに複数設置することや、特定のページにリストを表示することも可能です。
この機能を用いることで、例えばトップページに「お知らせ」と「ブログ」を分割して新着順で表示することができます。
「新着リスト」としてリストパーツに反映
各投稿のカテゴリーなどの条件を設定し、それに該当する記事を任意の数だけ「新着リスト」として「リストパーツ」に反映することができます。
標準では、特定カテゴリの新着記事を反映する「オリジナルリスト」を一つ設置させていただいておりますが、WordPressカスタマイズオプションによって、特殊な仕様のリストパーツや、追加のリストパーツを設置していただくことができます。
ホームページのトップページはもちろん、サイドバーに各カテゴリの新着リストを表示させることも可能です。
特殊なリストパーツ
WordPressをベースとしたホームページ制作サービスは、標準ではリストパーツの表示項目として、投稿タイトルとリンク、投稿日時を表示させていただいております。
該当カテゴリの表示や著者の表示、カスタムフィールドによる特殊な項目の表示などはオプションサービスとさせていただいております。
追加リストパーツ
WordPressをベースとしたホームページ制作サービスでは、標準で一つのリストパーツを設置させていただいておりますが、ご希望によりオプションサービスとして、リストパーツの追加設置も可能です。
例えば、トップページに「会社からのお知らせ」の新着記事を3件表示させ、追加で「スタッフブログ」の新着記事を3件表示、「新製品」のリストを3件表示、といったように、同一ページ内のリストパーツを追加設置していただくことができます。
WordPress（ワードプレス）でのホームページ制作・ウェブサイト制作
ホームページ公開後にWordPressをカスタマイズしてオプション機能を追加
WordPressサイトに特殊なリストパーツを設置したり、追加でリストパーツを設置するといったWordPressオプションにつきましては、ホームページ公開後にWordPressをカスタマイズしてオプション機能を追加することも可能です。
詳しくはお問い合わせください。
ユーザーの「探索行動」を支配するリストの重要性
ホームページ（Webサイト）における「リスト（一覧表示）」は、実店舗で言えば「商品陳列棚」そのものです。単に商品を並べるだけでは売れません。季節のおすすめ、人気ランキング、スタッフのイチオシなど、ユーザーの興味関心に合わせて陳列を変えることで、初めてユーザーは手に取ってくれます。
WordPressの標準機能（アーカイブページ）は、投稿を時系列に並べるだけの単純な棚になりがちです。しかし、私たちが提案する「オリジナルリスト」は、ユーザーの心理や行動データに基づいて、最適な情報を、最適なタイミングで提示するための強力なマーケティングツールです。
例えば、「閲覧数の多い記事」だけを抽出してサイドバーに表示すれば、回遊率が上がります。「特定のタグが付いた記事」と「著者が同じ記事」を組み合わせて記事下に表示すれば、ファン化が促進されます。私たちは、リストを単なるナビゲーションではなく、ユーザーの行動を促す「能動的な装置」として再定義し、実装します。
WP_Query クラスによる「情報のフィルタリング」の極意
技術的な中核となるのは、WordPressの WP_Query クラスです。これはデータベースから投稿データを取得するための設計図のようなものです。
トップエンジニアは、このクラスの引数（パラメータ）を自在に操ります。
Taxonomy Query（タクソノミークエリ）： 「京都」カテゴリーかつ「カフェ」タグがついている記事だけを取得。
Meta Query（メタクエリ）： カスタムフィールドの「価格」が「1000円以上」かつ「在庫あり」の商品だけを取得。
Date Query（日付クエリ）： 「先月」に公開された記事だけを取得。
これらを複雑に組み合わせ（AND検索やOR検索）、あたかもSQLを直接書いているかのような精密さで、必要なデータだけを抽出します。除外設定（post__not_in）も重要で、例えば「トップページのスライダーに表示されている記事は、その下の新着リストには表示しない」といった重複排除のロジックも組み込みます。
サーバー負荷を劇的に下げる「トランジェントAPI」の活用
複雑な条件でリストを生成すると、データベースへの負荷（クエリコスト）が高まり、ページの表示速度が遅くなるリスクがあります。特にアクセスが集中するトップページに複数のオリジナルリストを配置する場合、これは致命的です。
私たちは、WordPressの「Transient API（トランジェントAPI）」を活用して、この課題を解決します。これは、複雑なクエリの実行結果を一時的にデータベースやメモリに保存（キャッシュ）しておく技術です。
例えば、「人気記事ランキング」の集計には重い処理が必要ですが、その結果を「1時間だけ」保存しておきます。ユーザーがアクセスした際、保存されたデータがあればそれを瞬時に表示し、有効期限が切れていれば再集計して保存し直します。これにより、動的なリストでありながら、静的ページのような爆速表示を実現します。
「無限スクロール」と「もっと見るボタン」のUX実装
リストの表示件数が多い場合、ページネーション（1, 2, 3…）で区切るのが一般的ですが、スマートフォン中心の現代においては、それが最適解とは限りません。
ユーザーの没入感を高めるために、スクロールに合わせて次々と記事を読み込む「無限スクロール（Infinite Scroll）」や、ユーザーの意思で読み込む「もっと見る（Load More）」ボタンを実装します。
これらはAjax（非同期通信）技術を用いて実装します。ページ遷移することなく、裏側で次の記事データを取得し、リストの末尾に追加描画します。ただし、フッターへの到達が困難になる無限スクロールの弊害も考慮し、事業の目的やコンテンツの種類に合わせて、最適なナビゲーション方式を選択・実装します。
異なる投稿タイプを混合させた「横断的リスト」の構築
通常、WordPressでは「ブログ」と「お知らせ」は別々のリストとして扱われます。しかし、トップページにおいては、これらを混ぜて「最新情報」として一括表示したいというニーズがあります。
私たちは post_type パラメータに array(‘post’, ‘news’, ‘products’) のように複数の投稿タイプを指定し、サイト内のあらゆる情報を時系列順にミックスしたリストを作成します。
さらに、投稿タイプごとにラベルの色を変えたり、デザイン（レイアウト）を分岐させたりすることで、ユーザーが情報の種類を瞬時に識別できるUIを提供します。これにより、サイト全体の更新頻度を高く見せることができ、活気あるサイトとしてのブランディングに寄与します。
カスタムフィールドデータのリスト内表示によるクリック率向上
リストに表示される情報が「タイトル」と「日付」だけでは、ユーザーのクリック意図を十分に刺激できません。
例えば、不動産サイトなら「家賃」や「間取り」、イベント情報なら「開催日」や「場所」、商品なら「価格」や「星評価」といった、記事ごとの詳細情報（メタデータ）をリスト上に直接表示させます。
これを実現するために、ループ処理の中で get_post_meta() 関数を使用し、カスタムフィールドの値を取得・出力します。ユーザーは一覧画面の段階で自分に必要な情報をフィルタリングできるため、詳細ページへの遷移率（CTR）が高まり、結果としてコンバージョンに近づきます。
レスポンシブデザインにおける「リスト」と「グリッド」の変身
PCとスマートフォンでは、最適な情報の見せ方が異なります。PCでは多くの情報を一覧できる「リスト型（行型）」が見やすくても、スマホでは画像を中心とした「カード型（グリッド型）」の方がタップしやすい場合があります。
私たちは、CSS（FlexboxやGrid Layout）とメディアクエリを駆使して、デバイス幅に応じてリストのレイアウトを劇的に変化させます。
単に横並びを縦並びにするだけでなく、スマホ表示時のみ「抜粋文を非表示にする」「サムネイル画像を大きくする」「横スクロール（スワイプ）できるようにする」といった、デバイス特性に合わせたUIの最適化を行います。
内部リンク構造の強化とSEOへの貢献
オリジナルリストの設置は、SEO（検索エンジン最適化）においても強力な武器となります。
特定のテーマ（トピック）に関連する記事だけを集めたリストを、関連する固定ページや記事の下部に設置することで、サイト内に強力な内部リンクのネットワーク（トピッククラスター）を構築できます。
これにより、検索エンジンのクローラーはサイト内の関連性を深く理解し、特定のキーワードにおけるサイトの専門性を高く評価するようになります。私たちは、単なる表示パーツとしてではなく、SEO戦略の一環としてリストの配置場所やリンク構造を設計します。
「オリジナルリスト」のカスタマイズは、あなたのサイトに眠る膨大なコンテンツ資産を、ユーザーにとって価値ある形で再編集し、届けるための技術です。
標準機能のままの陳列では、ユーザーは欲しい情報に気づかず、通り過ぎてしまうかもしれません。しかし、意図を持って設計されたリストは、ユーザーを足止めし、興味を喚起し、最終的な成果へと導くガイド役となります。
あなたの事業に合わせた、世界に一つだけの「商品棚」を作りませんか？ どのような切り口で情報を整理し、どのように見せれば最も効果的か。最適なリスト戦略をご提案し、実装いたします。
リストパーツの追加・設置・カスタマイズ WordPressカスタマイズ
