【WP】WordPressのアーカイブリストの「年月」表示をカスタマイズする

wp-get-archives-list-customized

WordPressでは投稿された記事に対して、年別や月別のアーカイブを生成できます。アーカイブのリスト表示は2014年1月というように掲載されますが、年や月の表示を変えて表示したいこともあります。

アーカイブの日付表示

wp-get-archives-list-customized-img-01

投稿された記事の日付の形式はWordPressの管理画面の設定で表示形式を変更することができますが、アーカイブのウィジェットやwp_get_archives関数を使ってリストを表示する場合、日付形式を変更させる設定や引数が無いので「2014年1月」という形式のまま表示されてしまいます。

アーカイブの表示は、翻訳ファイルによって制御されているため、標準のWordPressの環境では、オプション設定やテーマファイルの記述などでは変えることができず、日本語環境下、英語環境下などの設定によって形式が変化するようになっています。

wp-get-archives-list-customized-img-03

日本語環境下では「2014年1月」となってしまいますが、この表示形式を変える場合はどのようにすれば良いかまとめてみました。

日本語の翻訳ファイル「ja.po」を編集する

翻訳ファイルによって制御されているので、日本語の翻訳ファイルを編集することで形式を変えることが出来ます。

WordPressの翻訳ファイルは「languages」フォルダ内にある「ja.mo」「ja.po」になります。

翻訳ファイルは専用の編集エディターで編集・保存することができます。フリーの編集エディター「poedit」などがあります。

「poedit」のダウンロード:http://sourceforge.jp/projects/sfnet_poedit/

poedit-img

「poedit」で「ja.po」を開くと画像のようになります。翻訳元と翻訳後のテキストが設定されているので、翻訳後の内容を編集すれば表示を変えることが出来ます。

アーカイブの月表示は「January」=「1月」、年表示は「%s year」=「%s年」となっていたので、該当箇所を変更すれば表示も変更されるようになります。

WordPress本体のファイルを編集する

翻訳ファイルを編集する方法以外に、WordPressの本体のphpファイルを直接編集することで、表示内容を変更することができます。

「wp_include」フォルダ内に「locale.php」という名前のWordPress内の日付に関する設定が書かれているファイルがあります。

wp-get-archives-list-customized-img-04

「locale.php」には、システム内の日付表記と訳語の関係が書かれています。画像の修正例で変更前の1月は訳語の「__(‘January’);」が設定されています。変更後は、直接「’January’」を変数に指定しています。これで表示内容を変更することができます。

フックフィルターを編集する

翻訳ファイルの編集や「locale.php」ファイルの編集でアーカイブの表示を変更することができますがWordPressのアップデートなどで修正したファイルが戻ってしまうことなどもあるので、別の方法で表示を変えたい場合は、フックフィルターを使用して表示を変えることが出来ます。WordPressではプラグインの開発などを考慮してフックという、WordPressの機能に対してカスタマイズを行う機能があります。

フックフィルターは「functions.php」内に記述をすることで動作させることができます。

フックフィルターの記述は、最初に処理を行う関数functionを定義して、add_filterでフックしたいWordPressの処理と追加したい処理を指定するのが基本的な利用方法です。

アーカイブ表記の「年月」を別の表記に置き換える場合、PHP関数のstr_replaceを使って文字列を置換することで実現することできます。「functions.php」に以下のような関数を加えます。

// wp_get_archivesの年表記を置き換える
// ----------------------------------------------------------------------

function my_archives_link($html){
  $html = str_replace('年',' / ',$html);
  $html = str_replace('月','',$html);
  return $html;
}

add_filter('get_archives_link', 'my_archives_link');


// アーカイブウィジェットの年表記を置き換える
// ----------------------------------------------------------------------

function my_archives( $html ){
  $html = str_replace('年',' / ',$html);
  $html = str_replace('月','',$html);
  return $html;
}

add_filter( 'widget_archives_args','my_archives');

これでアーカイブの表示を見てみると「年月」の表記が置き換わって表示されます。

wp-get-archives-list-customized-img-05

フックフィルターを使用することでテーマファイル内で、WordPressの基本的な処理に対してカスタマイズした処理を加えることができます。

以上、アーカイブの表示を変更する方法として3つ方法ありますので、表示を変えたい場合はお試しください。

関連記事

【フォト】love local MARKET 1/26 HOTマーケット

love local MARKET 月末の金曜日はちょっと豊かに。プレミアムフライデー。藤枝駅南口広場で開催されている、HOTマーケットに行ってきました。 ここ最近は藤枝でもめずらしい雪が舞うほど冷え込む日が続いているなか、屋外でのマーケット。イルミネーションに照らされて、...続きを読む

2018.01.26フォトギャラリー

HTML5の可能性とメリット

HTML5とは? W3C より2008年1月22日にHTML5のドラフト(草案)が発表、2014年には正式に勧告されるのではないかと言われています。 HTML5は、ウェブページのヘッダ情報を示すhead要素、ナビゲーションのブロック用のnav要素、コピーライトなどのフッタ...続きを読む

2015.02.06HTMLコーディング

【デザイン】ボトル&瓶詰めのパッケージデザインまとめ

先日、包装用のラベルシールや包装ツールを手掛けさせていただくことになりました。 今日は、ボトル&瓶詰めのパッケージデザインで参考になったデザインワークスのまとめです。 Le Chat ブラジルにあるデザイン事務所「A Sweety Branding Studio.」...続きを読む

2015.03.06インスピレーション

GoogleのSEO動物園

検索エンジンのGoogleにおいてSEO対策で動物園と言われても何のことなのかと思ってしますが、Googleの動物園には有名なところで「パンダ」「ペンギン」「ハミングバード」がいます。 実際の動物がいるのではなく、Googleでサイトなどを分析するアルゴリズムの名前に「...続きを読む

2015.02.14SEO

【WP】開発者向け便利ツールプラグイン

WordPressで開発を行う場合、デバッグやテストなどをサポートしてくれる便利なプラグインをご紹介します。 Debug Bar 「Debug Bar」プラグインはインストールするとサーバの性能(PHP、SQLのバージョン、使用メモリ-)、クエリの応答速度などを確認す...続きを読む

2015.02.27WordPress