WordPressテーマのtag.phpを編集してタグページのリストをカスタマイズする

WordPressテーマのtag.phpを編集してタグページのリストをカスタマイズする


今回は、WordPressテーマのtag.phpを編集してタグページのリストをカスタマイズする方法についてお伝えします。

WordPressには投稿と固定ページがありますが、WordPressは元々ブログスタイルが基本のブログCMSのため、投稿ページ(記事)については、カテゴリー分けの他カテゴリーをまたいだ形でのタグ付けができる機能がついています。

WordPressのタグページでは、基本的にタグ付けされた投稿の分類ごとに、時系列的に最新記事を最上部として、表示件数に応じて上から順番に過去記事へとリスト化されていきます。

タグページで表示する投稿の表示件数の設定

WordPress タグページで表示する投稿の表示件数の設定

タグページで表示する投稿の表示件数の設定はWordPress管理画面の「設定」で行うこともできますが、WordPressテーマのtag.phpを編集することで、表示件数もカテゴリごとに調整したりすることもできます。

このWordPressサイトのタグページの表示の仕方はWordPressテーマに依存していますが、tag.phpなどをカスタマイズすることで表示形式やリストに表示する項目を変更することもできます。

カテゴリーページ、アーカイブのカスタマイズと共通する部分がありますが、投稿のタグを元に生成されるタグページのカスタマイズについて、今回は、WordPressサイトのタグページのカスタマイズ方法として、WordPressテーマのtag.phpを編集してタグページのリストをカスタマイズする方法についてお伝えしていきます。

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

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

 

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

WordPressサイトのタグページをカスタマイズするためにこのtag.phpを編集する場合は、WordPress管理画面から直接ファイルを操作するか、WordPressインストールサーバーにFTPなどで接続し、tag.phpをダウンロードしてローカル環境でエディタを用いて修正し、修正ファイルを上書きアップロードします。

tag.phpがテーマファイルにない場合

タグページテンプレートを選択

タグページを含むアーカイブ系のページは、カテゴリーやタグなどに関する具体的なアーカイブリストのファイルがない場合は、archive.phpでその代用をします。

WordPressテーマによっては、archive.phpのみで全てのアーカイブ系のページを指定していたり、archive.phpの中に条件分岐を加えることで、タグページの場合に表示するリストの仕様を設定している場合があります。

tag.phpとcontent.php

tag php content php WordPress

また、WordPressテーマ内にtag.phpがあったとしても、その中のリスト項目の表示の仕方や大枠については、部分的にcontent.phpを利用しているケースもあり、tag.phpのみの編集だけではWordPressの投稿に関するタグページを完全にカスタマイズすることができない場合もあります。

管理画面からtag.phpを確認して編集・カスタマイズする

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

このtag.phpを編集してWordPressのタグページをカスタマイズします。

tag.php

WordPress tag php

WordPressテーマにもよりますが「タグ(tag.php)」や「投稿タグテンプレート(tag.php)」といったように表記されています。

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

複数ファイルでタグページ・リストを生成している場合

WordPress 複数ファイルでタグページ・リストを生成している場合

WordPress純正であるTwenty Fourteenテーマの場合は、タグページの大枠はtag.phpで指定していますが、リストの表示に関してはcontent.phpを呼び出す形になっています。

get_template_part( 'content', get_post_format() );

この場合はcontent.phpを編集して、タグリストの表示をカスタマイズする必要があります。

この場合、

<?php is_tag( $tag ); ?>

is_tag();

などを利用して、カスタマイズコードをタグページのみに適用する旨を指定する必要があります。

WordPressサイトの「カテゴリーページ」・「タグページ」カスタマイズ

WordPressサイトのタグページカスタマイズ

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

  • 「WordPressサイトのタグページのレイアウトを変更したい」
  • 「タグページやタグページに表示される、それぞれの投稿の表示形式を変更したい」
  • 「カテゴリー名やタグ名、投稿タイトル、日付などの他、タグページのリストに特殊な表示項目を追加して表示したい」

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

WordPressサイトの「カテゴリーページ」・「タグページ」カスタマイズ

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

WordPressカスタマイズ・修正

ファンフェアファンファーレのWordPress(ワードプレス)のカスタマイズ、テーマカスタマイズサービス

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

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

WordPress(ワードプレス)のカスタマイズ

WordPressでのホームページ制作(WordPressサイト制作)

WordPress(ワードプレス)を使ったウェブサイト制作・ホームページ制作ならファンフェアファンファーレにお任せください!

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

企業のWebマーケティングを加速するWordPressでのホームページ制作(WordPressサイト制作)ならお任せください!

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


「WordPressテーマのtag.phpを編集してタグページのリストをカスタマイズする」のカテゴリ Web制作・Web関連
タグ: , , ,


ホームページ制作、サイトカスタマイズなどのお問い合わせ・ご依頼はこちら