カテゴリー: WordPressの小技

WordPressの日付別アーカイブのtitleタグに年やら日やらを追加する

WordPressの日付別アーカイブのtitleタグが「2012 3月 15」みたいに中途半端な表示になっているのが気になったので調整してみることにしました。

こんな感じのやつね。
修正前

<title>  2012  2月  28</title>

こんな感じで、うまく行くはず。。。

function jp_date_archive_wp_title( $title ) {
	$title = trim( $title );
	if ( is_date() ) {
		$replaces = array(
			'/([1-9]{1}[0-9]{3})/' => '$1年',
			'/ ([0-9]{1,2}) /'     => ' $1日 ',
			'/ ([0-9]{1,2})$/'     => ' $1日',
			'/[\s]+/'              => ' '
		);
		$title = preg_replace( array_keys( $replaces ), $replaces, $title );
	}
	return $title;
}
add_filter( 'wp_title', 'jp_date_archive_wp_title', 10 );

修正後

<title>2012年 2月 28日</title>

wp_titleのパラメーターでうまくいかない場合があったら、教えてください。

WordPressで表示する記事が新着かどうかを判別するコード

新着情報などにNewマークを表示させたいなどの要望はよくあることですね。
今回は、表示する記事が新着や更新かどうかの判別用コードを紹介します。

“WordPressで表示する記事が新着かどうかを判別するコード” の続きを読む

プラグインヘッダー画像作成用のPSDテンプレートを作ったよ

ヘッダー画像が登録されているとプラグインのページにアイキャッチとして表示される
先日、WordPress.org で公開しているプラグインのうち、いくつかのものにヘッダー画像を追加することになりました。プラグインのヘッダー画像というのは、WordPress.org の Plugin Directory で公開されているプラグインページにアイキャッチとして表示される画像のことです。登録したしたからといって、プラグインの機能自体がどうこうなるわけでもありませんが、プラグインの機能をイメージできたり、華々しく感じられたり、手を掛けている感が出せるなど副次的な効果は望めるかもしれません。

で、作成した画像には、プラグイン名が表示されたり、CSSを使ってシャドーが掛けられたりするので、それを想定した画像を作っておかないと、表示されたときに「おや？」ってなことになりかねません。今回は、デザインをお願いすることもあり、ヘッダー画像用のPSDテンプレートを作ってみました。といっても、大層なものではなく、表示されるプラグイン名とシャドーの効果をデザイン段階で想定できるようにするだけのものです。

一応下記の画像が、

  1. 実際にプラグインページで表示される画像のキャプチャ
  2. PSDテンプレートでプラグイン名の表示とシャドーの効果をプレビューしたもの
  3. 元となる画像

を並べてみたものです。

それほど、使ってもらえる機会は多くないかもしれませんが、プラグインを公開している方で、ヘッダー画像を付けてみたいというかたは、お試し下さい。ヘッダー画像の登録方法は、をかもとさんの「公式プラグインページにヘッダ画像を追加」が参考になります。ちなみに初めて登録してみたときに、ファイル名をそのままコピーしたら（おそらく WordPress の自動置換で）x が × となっていてハマったのは秘密です。

Download
Plugin Header Image Template

それから、今回ヘッダー画像をつけたプラグインは、

の6プラグインです。デザインしてくれた、 @imura_design と @makito_th には、ほんとうに感謝しています。

WordPressの管理画面でプラグインのメモを残せるプラグインを共同開発してみた

ある日、Twitterで @poyosi さんがこんな事をつぶやいていて

実は内心「40も50も入れるかフツー？」などと思っていたのはおくびにも出さず聞いていると、夜中にもかかわらず各所から反応があって

意外にニーズがあるのかもと考えを改め、そんなわけで、ちょっぴり興味を持って取り組んでみることにしました。

“WordPressの管理画面でプラグインのメモを残せるプラグインを共同開発してみた” の続きを読む