WordPressテーマのsingle.phpを編集して投稿ページをカスタマイズする

今回は、WordPressサイトの投稿ページをカスタマイズする方法として、WordPressテーマのsingle.phpを編集して投稿ページをカスタマイズする場合についてお伝えいたします。

主にカスタムフィールドの設定反映、著者名や投稿日、最終更新日の反映、カテゴリーの呼び出し、アイキャッチ画像の設置、投稿記事に属するタームを表示などについて触れていきます。

「WordPressテーマのpage.phpを編集して固定ページをカスタマイズする」と共通する部分がありますが、今回は、WordPressの記事・投稿ページに的を絞ってWordPressカスタマイズの方法をお伝えします。

WordPressには投稿と固定ページがありますが、ブログCMSとしてのWordPressとしては「投稿」が基本となります。

企業ホームページ制作では、WordPressサイトの中で重要で固定的なページはこの「固定ページ」を使用しますがメディアサイトなどを運営する場合は、もちろんこの投稿（記事）が中心となります。

投稿ページの一番大きな特徴は、各投稿をカテゴリー分けタグ付けしたり、ページナビゲーションでの記事同士を結びやすい点にあります。

大半のWordPressテーマでは、この投稿ページ（記事）には、投稿カテゴリやタグ、投稿日時や投稿者（ページ作成者）が表示されます。

WordPressテーマのsingle.phpを編集する

WordPressテーマの中にsingle.phpが存在している場合、このファイルが投稿ページの基本的なテンプレートとなります。

page.phpと同様にWordPressテーマによってはsingle.phpが存在せず、index.phpとcontent.phpなどを組み合わせて投稿ページの仕様を設計しているものもあります。

single.phpとcontent.php

またWordPressテーマ内にsingle.phpがあったとしても、部分的にcontent.phpを利用しているケースもあり、single.phpのみの編集だけでは投稿ページを完全にカスタマイズすることができない場合もあります。

WordPressテーマのcontent.phpを編集してコンテンツ表示をカスタマイズする

WordPressテーマによってはindex.phpの中にWordPressの条件分岐を設置して、投稿ページの際の取り扱いを設定している場合もあります。このような場合は、single.phpが存在しませんが、投稿ページに関する条件分岐を探して該当箇所を修正します。

投稿フォーマット

さらに、WordPressの投稿に投稿フォーマットが複数設置されているWordPressテーマも存在します。

例えば、WordPress純正テーマであれば投稿フォーマットとして、標準、アサイド、ギャラリー、リンク 、画像 、引用 、ステータス、動画 、音声 、チャットといったそれぞれの投稿の型があり、投稿画面からの選択でフォーマットを決定して配信するタイプのものがあります。

こうしたWordPressサイトの投稿ページ（個別記事）をカスタマイズするためにこのsingle.phpや各投稿フォーマットにかかるphpファイルを編集する場合は、WordPress管理画面から直接投稿に関するファイルを操作するか、WordPressインストールサーバーにFTPなどで接続し、single.phpをダウンロードしてローカル環境でエディタを用いて修正します。

管理画面からsingle.phpを確認し、編集する

WordPressにログインし、WordPress管理画面の左側に操作メニューの「外観」から「テーマの編集」を選択して、画面右側にsingle.phpがあればそれをクリックしてください。

WordPressテーマにもよりますが「記事（single.php）」や「投稿テンプレート（single.php）」、「個別投稿（single.php）」といったように表記されています。

クリックすると投稿ページを構成しているphpが表示されますので、この画面から投稿ページのカスタマイズを行ってください。

投稿ページをカスタマイズする

一般的にこのsingle.phpには、投稿ページが表示されたときのHTMLの吐き出しに関する設定が記述されています。また、テーマによってはカスタムフィールドの設定が反映されるような箇所も設定されています。

もし、記述がphpやWordPressタグばかりだった場合は、該当箇所からファイルを呼び出す設定になっているため、該当ファイルを探して、その部分を編集してカスタマイズする必要があります。

もし投稿ページをカスタマイズする際に該当箇所が見つからない場合はWordPressテーマファイルの構成を元に、該当ファイルを見つける必要があります。

カスタムフィールドの設定を反映させる

投稿ページにカスタムフィールド機能を付加した場合でも、そのままでは表面的な投稿ページには反映されません。

カスタムフィールドの設定を反映させるためには、single.phpなど、投稿ページに関するphpファイルに、カスタムフィールドの項目の呼び出しを記述する必要があります。

著者名や投稿日、最終更新日の反映

また、予めWordPressテーマ内に著者名や投稿日が投稿に反映されている場合がほとんどですが、これらがない場合でも、カスタマイズにより著者名や投稿日を表示させることができます。また、最終更新日を投稿内に反映させることもできます。

カテゴリーの呼び出し

<?php the_category(); ?>でカテゴリーを呼び出すことができます。

アイキャッチ画像の設置

WordPressテーマにアイキャッチ画像の機能がない場合は、functions.phpを編集してアイキャッチ画像を設置できるようにカスタマイズします。

基本設定は、functions.php

add_theme_support( ‘post-thumbnails’ );

を追記し、

反映させる場所に

<?php the_post_thumbnail(); ?>

を追記します。

なお、様々な画像サイズを設定することができます。

投稿記事に属するタームを表示（参考）

<?php
$tarms = get_the_terms( $post -> ID ,'good_value_type' );
foreach ($tarms as $tarm) {
$tarmname = $tarm -> slug;
$tarmttl = $tarm -> name;
}
?>

タームに関連付けた画像の呼び出し（参考）

<img src="https://画像の格納の場所<?php echo esc_html( $tarmname ); ?>.png" alt="<?php echo esc_html( $tarmttl ); ?>">

WordPressの投稿テンプレート作成と構造化によるSEOへの好影響

WordPressにおけるsingle.phpの編集は、単純なデザインやレイアウトの変更にとどまるものではありません。事業における目的を達成するためには、ユーザーの検索意図に合わせた的確な情報提供と、検索エンジンに対する正確なページ構造の伝達が極めて重要です。それぞれのコンテンツが持つ特性に応じて投稿テンプレートを細分化し、表示を最適に切り替えることで、ホームページ（ウェブサイト）全体の情報網羅性と検索エンジンからの評価を大きく引き上げていきます。ここでは、独自の投稿テンプレートを作成する具体的な手法から、テンプレート分割によるSEOへの好影響、そして現在の検索エンジンが強く求めるトピック専門性を高めるためのテンプレート設計について、より専門的にはどのようにアプローチしていくべきかをお伝えします。

投稿テンプレートを独自に作成する具体的な手法

ホームページ（ウェブサイト）内で取り扱う情報が多様化するにつれ、単一のsingle.phpファイルだけですべての投稿を最適な形で表現することは困難になります。お知らせ、スタッフコラム、サービス導入事例、よくある質問など、それぞれの情報に最適なレイアウトが存在します。そのため、WordPressが持つ機能を最大限に活用し、条件に応じたテンプレートを独自に作成して、適切に読み込ませていく手法を採用します。

カスタム投稿タイプと連携したsingle.phpの派生ファイル作成

標準の「投稿」とは別に、カスタム投稿タイプを導入している場合、専用のテンプレートファイルを作成することで、完全に独立したレイアウトを構築できます。たとえば、制作実績や導入事例を管理するカスタム投稿タイプを作成した場合、テーマフォルダ内に専用のphpファイルを配置するだけで、WordPressのテンプレート階層のルールに従い、自動的にそのファイルが適用されます。この仕組みを利用することで、通常のブログ記事には不要な項目を排除し、独自のレイアウトで出力させ、管理画面の入力項目と連動させた柔軟なページ生成を実現します。これにより、ユーザーはノイズのない純粋な情報を取得できるようになります。

カテゴリーや条件分岐を用いた動的なテンプレート切り替え

同じ「投稿」の中であっても、属するカテゴリーによってレイアウトを大きく変えたい場面があります。このような場面では、single.php内で条件分岐タグを活用し、読み込むパーツやテンプレート自体を動的に切り替えていきます。ニュースカテゴリーに属する記事はシンプルなテキスト主体の構成にし、製品紹介カテゴリーに属する記事は、アイキャッチ画像を大きく配置したリッチな構成にする、といった具合です。ヘッダーやコンテンツ部分のモジュールを細かく分割しておくことで、コードの重複を防ぎながら、複数のレイアウトを効率よく管理できます。これによりメンテナンス性も高まり、将来的な運用コストの削減にも寄与します。

スマートフォン閲覧時の1文字改行落ちを防ぐ緻密なCSS設計

投稿テンプレートを作成する際、パソコンでの表示だけでなく、スマートフォンでの見え方を極限まで調整することが非常に重要です。特定の画面幅において、見出しや本文のテキストが1文字だけ改行されてしまう現象は、ユーザーエクスペリエンスを著しく損ないます。テンプレート側で出力するHTMLタグに適切なクラスを付与し、CSSを用いてメディアクエリで文字間隔や改行規則を微調整することで、あらゆるデバイスで美しいタイポグラフィを維持します。このような細部へのこだわりが、結果としてユーザーのページ滞在時間を延ばし、SEOの評価向上に直結します。

テンプレート分割がもたらすSEOへの効果と評価向上

テンプレートを分割し、コンテンツの種類に応じて最適なHTML構造を提供することは、検索エンジン最適化の観点から非常に有益です。画一的なデザインではなく、検索ユーザーが求める情報を最も消化しやすい形で提示することが、現在のSEOにおいて強く求められています。ユーザーの課題解決を最優先に考えた構造が、結果として検索順位を押し上げます。

検索意図に合致したユーザーエクスペリエンスの提供

検索ユーザーが特定のサービスの導入手順を調べている場合と、最新の業界ニュースを調べている場合では、期待するページの構成が異なります。手順を解説するページであれば、各ステップを明確に区切った見出しと画像が連続するテンプレートが適しています。テンプレート分割により、それぞれの検索意図に合致する情報レイアウトを提供することで、直帰率を低下させ、ユーザーの満足度を高めていきます。検索エンジンはユーザーの行動データを精緻に分析しているため、こうしたユーザー体験の向上が、自然検索における順位の上昇をもたらします。

構造化データ（Schema.org）の適切な配置と検索エンジンへの伝達

テンプレートを分割する最大のメリットのひとつは、構造化データをページの種類ごとに正確に出力できる点にあります。ブログ記事のテンプレートには記事用の構造化データを、製品紹介のテンプレートには製品用の構造化データを、よくある質問のテンプレートにはQ&A用の構造化データを配置します。共通のsingle.phpですべてを処理しようとすると、構造化データの出し分けが非常に複雑になり、構文エラーを引き起こす原因になります。テンプレートを物理的に分けておくことで、検索エンジンに対してページの内容を明確かつエラーなく伝えることが可能になり、検索結果での特別な表示（リッチリザルト）の獲得確率を高めます。これにより、競合サイトよりも検索結果上で目立つことができ、クリック率の大幅な改善が見込めます。

不要なURLパラメータの排除とクローラーの最適化

ホームページ（ウェブサイト）を運用していると、検索システムやプラグインの仕様により、意図しないURLパラメータが付与されたページが大量に生成されることがあります。過去の運用で生じたスパムURLや不要な動的ページがインデックスされてしまった場合、サイト全体の評価を下げる原因になります。テンプレートの設計を見直すと同時に、サーバーの設定ファイルなどを活用して不要なURLに対して適切なステータスコード（410 Goneなど）を返し、インデックスから迅速に削除する処置を行うことも大切です。クローラーの巡回リソースを価値のある高品質な投稿ページだけに集中させることで、SEOの効率を最大化します。

トピック専門性を高めるためのテンプレート設計手法

現在の検索エンジンは、ホームページ（ウェブサイト）が特定のテーマについてどれだけ深く、網羅的に情報を発信しているかを強く評価します。このトピック専門性を検索エンジンとユーザーの双方に正しく認識させるためには、単に記事を量産するだけでなく、テンプレートの構造自体を専門性の構築に最適化する必要があります。

内部リンク構造の最適化と関連コンテンツの網羅

トピック専門性を高めるためには、関連する記事同士を適切にリンクで結び、情報のまとまりを構築することが重要です。投稿テンプレート内で、同じカテゴリーやタグに属する記事を自動的に呼び出す仕組みを組み込みます。特定のプラグインを活用して、単なる人気順ではなく、閲覧中の記事と関連性の高いカテゴリー内での人気記事を出力するようにカスタマイズします。これにより、ユーザーは関連情報へスムーズに遷移でき、検索エンジンのクローラーもテーマの関連性を深く理解しながらホームページ内を巡回できるようになります。

専門的な情報を際立たせるカスタムフィールドとUIの最適化

高度な専門知識を要するコンテンツでは、定型化されたスペック情報や詳細なデータソースを明記することが求められます。WordPressのカスタムフィールドを活用し、記事の入力画面に専用の入力枠を設けます。そして、投稿テンプレート側でこれらのカスタムフィールドの値を読み込み、表や専用のデザイン枠として美しく出力させます。執筆者による入力漏れを防ぐと同時に、ユーザーに対して均質で詳細な情報を提供できるため、ページとしての信頼性と情報の深度が飛躍的に向上します。

著者情報の拡充とページ品質評価への貢献

検索エンジンが重視する経験や専門性、信頼性を高めるためには、その記事を誰が書いたのかを明確に示す必要があります。投稿テンプレートの末尾や冒頭に、著者の詳細なプロフィール、保有資格、過去の執筆記事一覧へのリンクなどを表示するエリアを設計します。事業において情報を発信する際、実在する専門家が執筆した記事のほうがユーザーの信頼を勝ち取ることができます。テンプレートに著者情報を埋め込むことで、検索エンジンに対しても著者の専門性を的確にアピールしていきます。

検索エンジンとソーシャルメディアへ向けたメタデータの最適化

投稿テンプレートの最適化は、ブラウザに表示される画面内のデザインにとどまりません。ページの裏側で出力される情報の制御も、集客において極めて重要な役割を担います。

各記事に特化したディスクリプションとタイトルタグの出力

single.phpの編集において、headタグ内に出力されるメタデータの制御は重要です。すべての記事で共通のディスクリプションを出力するのではなく、記事ごとの内容を的確に要約したテキストを動的に出力する仕組みを整えます。検索エンジンの検索結果において、ユーザーが最初に目にする説明文を最適化することで、クリック率が大きく向上します。WordPressサイト全体のSEOにおいて、個別の投稿ページがいかに魅力的に検索結果に表示されるかが、全体のトラフィックを左右します。

ソーシャルメディア展開を見据えたOGP設定

コンテンツマーケティングを展開する際、作成した記事をソーシャルメディアで効果的に広めるための仕組みが必要です。投稿ごとに設定されたアイキャッチ画像や、先ほどのメタディスクリプションの情報を再利用し、ソーシャルメディア向けのメタタグとして正確に出力するようテンプレートを設計します。投稿が共有された際に、リッチな画像と適切な説明文が表示されることで、プラットフォームを越えた集客経路を確立し、より多くのユーザーをホームページ（ウェブサイト）へと誘導します。

事業の目的から逆算したWordPressの構築

ここまでは技術的な実装やSEOに関する手法をお伝えしてきましたが、最も大切なのは、これらのカスタマイズが事業の目的にどう結びつくかという視点です。ホームページ（ウェブサイト）は、単なる情報発信のツールではなく、事業を推進するための強力な資産です。

コンバージョンを最大化するための導線設計

記事を読んで満足してもらうだけでなく、お問い合わせや資料請求、商品の購入といった次のアクションへ自然に誘導することが求められます。投稿テンプレート内で、記事のカテゴリーやユーザーの閲覧文脈に合わせて、表示する案内を動的に切り替える仕組みを構築します。初心者向けの解説記事の下部には無料相談の案内を配置し、専門的で高度な技術解説記事の下部には専門家による技術サポートの案内を配置します。コンテンツの熱量とユーザーの心理状態に合致した導線をテンプレートレベルで用意することで、最終的な成果は大きく向上します。

特定のディレクトリ環境での安全な開発と保守性の確保

テンプレートのカスタマイズやPHPの機能拡張を行う際、稼働中のホームページ（ウェブサイト）に直接手を加えることはリスクを伴います。特に、システムの大規模な改修やPHPバージョンのアップデートを伴う場合は、本番環境とは別に特定のディレクトリに検証環境を構築し、そこだけ個別の設定を適用して新しいバージョンでテストを行うなどの緻密な管理が重要です。影響範囲を局所化して安全にテストを完了させたのち、本番のテンプレートに反映していくという運用フローを確立することで、サイトの停止や表示崩れといった事業上の損失を未然に防ぎます。

長期的なホームページ運用を見据えた設計

独自のテンプレートを構築する際は、将来的なデザイン変更やシステムのアップデートに耐えうるコードを書くことが重要です。特定のプラグインに過度に依存した出力や、テンプレートファイルへの直接的なテキストの記述を避け、可能な限りWordPressの標準関数を用いた柔軟な設計を心がけます。機能ごとにファイルを細かく分割して管理することで、数年後にホームページ（ウェブサイト）の構造を見直す際にも、最小限の改修コストで対応できるようになります。このような見えない部分の設計こそが、持続可能なホームページ（ウェブサイト）運営を支えます。

WordPressサイトの「投稿ページ」・「固定ページ」カスタマイズ

ホームページ制作 京都 ファンフェアファンファーレでは、WordPressテーマファイルの編集によるWordPressサイトの投稿ページのカスタマイズをはじめ、お客さまのニーズに合わせたWordPressのカスタマイズを手がけております。

「現在利用しているWordPressテーマの投稿ページの表示の仕方を変更したい」

「投稿ページの見出しや表のデザインを変更したい」

「投稿にアイキャッチ画像の設定ができるように変更したい」

「記事のソーシャルへのシェア用に、投稿ページにソーシャルボタンを設置したい」

といったご要望をお持ちの方へ、投稿ページを構成するWordPressテーマのファイル群を編集することで、ご希望の仕様へとカスタマイズさせていただいております。

WordPressサイトの「投稿ページ」・「固定ページ」カスタマイズ

WordPressの設定・カスタマイズ・修正・編集方法の参考例

（初回投稿日 2015年11月9日）

WordPressカスタマイズ・修正

ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPressで制作されたウェブサイト・ホームページのカスタマイズサービスとして、WordPress（ワードプレス）のテーマ（テンプレート）やプラグインのカスタマイズサービスを提供しております。

WordPressカスタマイズの他、WordPressに関する様々な機能の実装や調整、編集はもちろん、各種エラーの修正・復旧に対応しております。

WordPress（ワードプレス）のカスタマイズ

WordPressでのホームページ制作（WordPressサイト制作）

ホームページ制作 京都 ファンフェアファンファーレでは、ホームページ制作にあたり、WordPressでのホームページ制作（WordPressサイト制作）を推進させていただいております。

企業のWebマーケティングを加速するWordPressでのホームページ制作（WordPressサイト制作）ならお任せください！新規WordPressサイト制作はもちろん、htmlサイトからのホームページリニューアル、WordPressサイトのリニューアルにも対応しています。

WordPress（ワードプレス）でのホームページ制作・ウェブサイト制作