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

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


今回は、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を新設する

tag.phpを新設する

tag.phpが存在しない場合、tag.phpを新設することで、タグに関するアーカイブページを設定することができます。archive.php内に条件分岐で設定することもできますが、archive.phpをベースとしてtag.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サイトのタグページのカスタマイズ」について、ホームページ制作 京都のWeb制作会社ファンフェアファンファーレで提供させていただくカスタマイズ方法や、設定例、WordPressテーマファイル内のタグページに関する編集方法について、概要を説明させていただきます。

WordPressで制作されたホームページ(WordPressサイト)のタグページにつきましては、アーカイブページを一括指定しているものや個別のタグページの設定ファイルが存在するものなど、WordPressテーマ(テンプレート)の仕様が異なるため、それぞれのテーマ仕様によってカスタマイズ方法が異なります。

お見積に関しては、現在のWordPressサイトのタグページに関するテーマファイルの構成・構造によって、価格が変動しますことを予めご了承くださいませ。

WordPressのタグテンプレートを編集してカスタマイズ

WordPressサイト タグページ

WordPressサイトのタグページに関するカスタマイズをご依頼いただいた際、カスタマイズ方法のひとつとして、WordPressテーマのテンプレートを編集してカスタマイズさせていただきます。

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

WordPressサイトのカテゴリー別・タグ別などのアーカイブ系ページの基本となる「アーカイブ」を構成しているarchive.phpをはじめ、タグページに関する具体的な設定を行うtag.php、そしてタグページに関するstyle.css、テーマファイルによってはcontent.phpなどを編集させていただき、phpによる記述変更やWordPress関数を設置して、ご希望どおりのタグページへと変更させていただきます。

タグページに関する複数のファイル

WordPressテーマによって、深い階層にタグページに関する複数の設定ファイル群が存在しているケースがありますので、このWordPressのテンプレートを編集して、サイトカスタマイズをさせていただく場合には、WordPressログイン情報の他にFTP情報などをご開示いただく必要が場合があります。

タグページのレイアウト変更

タグページのレイアウト変更

タグページを構成するtag.phpやarchive.phpなど、WordPressサイトのアーカイブ系ページに関するファイル群を確認し、ループ処理を行ってHTMLを吐き出している各要素のID、Classなどを調整し、同時にタグページにかかるCSSファイルを編集することによって、タグページのレイアウトを調整させていただきます。

リストのブロックの数や並び方を変更したり、カラム分割されたページをワンカラム(サイドバーなし)のレイアウトに変更、モバイルフレンドリー未対応のWordPressテーマをモバイルフレンドリー化させていただきます。

WordPressテーマの「カスタマイズ機能」の設定

WordPressテーマの「カスタマイズ機能」の設定

WordPressテーマ内には、WordPressサイトタグページに関する「カスタマイズ機能」が設置されている場合があります。

タグページに関する項目設定でご希望に沿うカスタマイズが可能である場合は、こうした機能を利用し、設定させていただくことも可能です。

この設定項目はカスタマイズ範囲が限定されておりますので、カスタマイズ機能を用いた設定で不可能な部分のWordPressカスタマイズにつきましては、上記の「WordPressテーマのテンプレートを編集してカスタマイズ」などのカスタマイズ方法で対応させていただきます。

タグページのリスト表示件数の調整

タグページのリスト表示件数の調整

WordPressの基本設定からタグページのリストに表示される投稿の表示件数の調整をはじめ、各タグ分類ごと、アーカイブ系ページごとに表示件数を変更するカスタマイズにも対応しております。

WordPressサイトのタグページのリスト表示をカスタマイズ

WordPressサイトのタグページのリスト表示をカスタマイズ

上記のWordPressカスタマイズ方法のほか、WordPressのテーマファイルをカスタマイズしたり、WordPressカスタムフィールド機能を利用して、タグページに様々な機能を追加したり、タグページの機能を拡張するカスタマイズも可能です。

タグページの表示項目を追加・変更するカスタマイズ

タグページの表示項目を追加・変更するカスタマイズ

タグページに関するWordPressテーマファイル編集や、WordPressの投稿に関するWordPressカスタムフィールドの設置・カスタマイズを行うことで、タグページに表示される項目をご希望どおりにカスタマイズさせていただくことも可能です。

アイキャッチ画像設定を追加して、タグページのリストにアイキャッチ画像を表示したり、カスタムフィールドなどの利用で、ページ属性を新規追加し、純正である属するカテゴリーやタグなどの表示以外に任意の項目をリストの中に組み込むことができます。また、「ページ公開日」や「最終更新日」を表示するなど、各種タグページの表示項目を追加・変更することできます。

タグページに説明文を表示

タグページに説明文を表示

WordPressのタグページは、基本的に該当するタグ分類に応じた投稿がリスト表示されますが、こうした一覧リストの見出し直下の文頭などに、「タグページの説明文」を表示することができます。

WordPress管理画面で投稿をタグ付けするための「タグ」を生成・編集する際に設定する「説明」の項目が、実際のページ表示時に反映されないWordPressテーマであっても、タグページのテーマファイルをカスタマイズすることで、こうした説明文を表示させることが可能です。

自由な形式のタグ一覧ページを表示

自由な形式のタグ一覧ページを表示

WordPressテーマの仕様に応じて、アーカイブ表示される項目は限られています。特定のタグ分類に属する項目のみ表示形式や表示件数を変更したり、固定ページとの組み合わせで特殊なアーカイブを作成することも可能です。

詳しくは一度お問い合わせください。

WordPress「タグページ」カスタマイズ・修正 ご依頼例

WordPress「タグページ」カスタマイズ・修正 ご依頼例

WordPressサイトの「タグページ」カスタマイズ・修正をご依頼いただく際は、次のようなご依頼例をご参考ください。

  • タグページに、「投稿の公開日」と「最終更新日」を自動で表示したい。
  • タグページに投稿のアイキャッチ画像を表示できるように仕様変更して欲しい。
  • タグページのリスト要素の見出しや表のデザインを変更したい。
  • WordPressサイトのタグページのレイアウトを変更したい。現在1列表示だが半分サイズの2列での表示形式に変更したい。
  • 現在は、タイトルと抜粋文、投稿へのリンクのみだが、アイキャッチ画像を加え、投稿日時も表示したい。
  • カテゴリー名やタグ名、投稿タイトル、日付などの他、タグページのリストに特殊な表示項目を追加して表示したい。
  • トップページの新着記事の表示件数はそのままで、タグページのみ表示件数を変更したい。

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

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

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

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

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

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

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

(初回投稿日 2015年11月30日)

WordPressカスタマイズ・修正

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

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

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

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

復旧・復元・エラー修正

ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPress(ワードプレス)で制作されたウェブサイト・ホームページの復旧(復元)、エラー修正サービスを提供しております。弊社制作のWordPress(ワードプレス)サイトの復旧、エラー修正も承っておりますが、自社制作・運営、他社制作・管理のWordPressサイトのエラー復旧(復元)・修正にも対応可能です。

WordPress(ワードプレス)の復旧・復元・エラー修正

WordPressの保守・セキュリティ・バックアップと復元

WordPressの保守やセキュリティについては、基本的にはバックアップによる保守管理で十分だと考えています。トラブル時のWordPressの復旧のためのWordPressの保守やセキュリティ、バックアップと復元について。

WordPressの保守管理 バックアップと復元で対応する

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

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

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

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

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

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


ホームページ制作・カスタマイズ、Webマーケティング・SEOなどのお問い合わせ・ご依頼