<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Simple Colors</title>
	<atom:link href="http://www.warna.info/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.warna.info</link>
	<description>WordPressを中心に、F1とか読書とか写真とか</description>
	<lastBuildDate>Thu, 03 May 2012 01:21:11 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>WordPressのtracにチケットを切ったら、速攻修正されておののいた話</title>
		<link>http://www.warna.info/archives/2208/</link>
		<comments>http://www.warna.info/archives/2208/#comments</comments>
		<pubDate>Thu, 03 May 2012 01:16:28 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[WordPressの小技]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2208</guid>
		<description><![CDATA[WordPressの3.4も今月中にはリリースされそうな感じですね。 表だっての変化は、テーマのプレビューあたりが大きく変わるくらいですが、内部的には、管理画面と表示時の翻訳ファイルの分化や、インストール前段階での翻訳フ &#8230; <a href="http://www.warna.info/archives/2208/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>WordPressの3.4も今月中にはリリースされそうな感じですね。<br />
表だっての変化は、テーマのプレビューあたりが大きく変わるくらいですが、内部的には、管理画面と表示時の翻訳ファイルの分化や、インストール前段階での翻訳ファイルの読み込みやら、テーマ部分のclass化やら、クエリーの改善やらいろいろと変わっています。<br />
ここらへんの細かい点については、おでこんが、「<a href="http://8bitodyssey.com/archives/3271" target="_blank">新作スクープ!! WordPress 3.4 Extended Version</a>」で紹介してもらっているので、そちらをご覧ください。（Twenty Twelveは3.5?へ先延ばしになっちゃいました。。）</p>
<p>今回は何かというと、<a href="http://core.trac.wordpress.org/" target="_blank">WordPressのtrac</a>に修正要望のチケットを切った際のお話。<a href="http://trac.edgewall.org/" target="_blank">trac</a>とは、バグや開発管理をするためのプロジェクト管理ツールの名称で、WordPressのバグ報告や機能の要望受付と管理は全てtrac上で行われています。日本では、Backlogと同じものと言った方がわかりやすいかもしれませんね。</p>
<p>で、3.4からは、<strong>テーマのカスタムヘッダーを有効にする <a href="http://codex.wordpress.org/Function_Reference/add_custom_image_header" target="_blank">add_custom_image_header</a> とカスタム背景を有効にする <a href="http://codex.wordpress.org/Function_Reference/add_custom_background" target="_blank">add_custom_background</a> が非推奨になる予定</strong>（テーマ開発者のみなさん、ここ需要よ）で、双方とも <a href="http://codex.wordpress.org/Function_Reference/add_theme_support" target="_blank">add_theme_support</a> を使用するようになっています。（使用法については、3.4同梱のTwenty Ten, Twenty Elevenを参考に。）<br />
これは、機能ごとにあれこれ関数を用意するより、テーマ関連のものであれば、add_theme_support にまとめてしまった方が、覚える方も楽だし、開発する方もメンテナンスが楽ということでうなずける話ですね。</p>
<p>そして、add_theme_support を用いてカスタムヘッダーを有効にする際、admin-head-callback パラメーターの初期値だとWarningエラーが発生しちゃうので、初期値を変更した方がいいと思うっていうのが、今回のチケットの趣旨。</p>
<p><a href="/wp-content/uploads/2012/05/trac_new_ticket.png"><img src="/wp-content/uploads/2012/05/trac_new_ticket-620x353.png" alt="" title="trac_new_ticket" width="620" height="353" class="aligncenter size-large wp-image-2210" /></a></p>
<p>tracのチケット作成は上記のようなフォームになっていて、概要（タイトル）、詳細、タイプ（バグ、強化、機能要望、タスクからの選択）、発生バージョン、キーワード、コンポーネントなどを入力するようになっています。また、修正例としてパッチファイルを添付することもできるようになっています。パッチは、WinMergeなどのコード比較ツールで作成するのが便利ですね。<br />
毎度の事ながら、英語はダメダメなので、日本語でチケットの内容を作成し、英訳は<s>お寿ｓ</s>快く引き受けてくれたおでこんにお願い。昼にお願いしたら、早速、その日の夜にはスマートな英訳を返してくれました。カコイイ！</p>
<p>そして、早速<a href="http://core.trac.wordpress.org/ticket/20603" target="_blank">チケット作成</a>したのですが、作成して5分も経たないうちに、コア開発メンバーの<a href="http://profiles.wordpress.org/nacin/" target="_blank">nacin</a>さんがマイルストーンを3.4に変更してくれ、ロシアでプラグイン開発をされている <a href="http://profiles.wordpress.org/SergeyBiryukov/" target="_blank">Sergey Biryukov</a> さんが、wiki記法で間違っていた箇所を訂正してもらい。さらに、自分が考えた方法とは全く異なる方法にて nacin があっという間に<a href="http://core.trac.wordpress.org/changeset/20684" target="_blank">対策を盛り込んで</a>もらいめでたく完了となったのでした。（どれだけコード把握してるのやら・・・）<br />
この間、チケット切ってから15分以内。</p>
<p>WordPressのコミュニティーの活発さと開発の早さ・有能さを身にしみて感じたのでした。すげー。</p>
<p>「こんな機能があったらいいのに」「ここにフック作ってほしいんだけど」「ここの挙動おかしくない？」などがあったら、チケット作成してみましょう。自分のお願いしたものが取り込まれるのは、それなりに気持ちいいですよ。</p>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2208/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2208/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>WordPressのbody_classに固定ページのルートのスラッグを追加する</title>
		<link>http://www.warna.info/archives/2164/</link>
		<comments>http://www.warna.info/archives/2164/#comments</comments>
		<pubDate>Mon, 19 Mar 2012 07:52:10 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[WordPressの小技]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[body_class]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2164</guid>
		<description><![CDATA[body_classで出力されるclassに最上位のルートのページのスラッグを含むclass名が追加されるようになります。子ページ全部で同じcssを利用できるので、特定のツリーだけ配色を変更したいときなど便利にですよね。 &#8230; <a href="http://www.warna.info/archives/2164/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>body_classで出力されるclassに最上位のルートのページのスラッグを含むclass名が追加されるようになります。子ページ全部で同じcssを利用できるので、特定のツリーだけ配色を変更したいときなど便利にですよね。さらに、汎用化しているので固定ページだけじゃなくて、階層サポートしたのカスタム投稿タイプでも利用できます。</p>
<p>class名は、<strong>{投稿タイプスラッグ}-category-{ページのスラッグ}</strong>という命名規則にしてますが、このあたりはお好みで。</p>
<pre class="brush: php; title: ; notranslate">
 $post_type . '-category-' . $post-&gt;post_name
</pre>
<p>の部分を変えてくださいな。</p>
<pre class="brush: php; title: ; notranslate">
function add_page_root_body_class( $classes ) {
	if ( is_singular() ) {
		$post_type = get_query_var( 'post_type' );
		if ( is_page() ) {
			$post_type = 'page';
		}
		if ( $post_type &amp;&amp; is_post_type_hierarchical( $post_type ) ) {
			global $post;
			if ( $post-&gt;ancestors ) {
				$root = $post-&gt;ancestors[count($post-&gt;ancestors) - 1];
				$root_post = get_post( $root );
				$classes[] = esc_attr( $post_type . '-category-' . $root_post-&gt;post_name );
			} else {
				$classes[] = esc_attr( $post_type . '-category-' . $post-&gt;post_name );
			}
		}
	}
	return $classes;
}
add_filter( 'body_class', 'add_page_root_body_class' );
</pre>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2164/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2164/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>CSS Nite in Seoul, Vol.3にて登壇してきます</title>
		<link>http://www.warna.info/archives/2158/</link>
		<comments>http://www.warna.info/archives/2158/#comments</comments>
		<pubDate>Sat, 17 Mar 2012 03:27:48 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[セミナー・勉強会]]></category>
		<category><![CDATA[WordPressの小技]]></category>
		<category><![CDATA[カスタム投稿タイプ]]></category>
		<category><![CDATA[CSS Nite]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2158</guid>
		<description><![CDATA[ご存じの方も多いかとは思いますが、2012年3月24日に行われるCSS Nite in Seoul, Vol.3にて、WordPressについてのスピーチをしてきます。 韓国でのWordPressの状況について詳しいとこ &#8230; <a href="http://www.warna.info/archives/2158/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="/wp-content/uploads/2012/03/css_nite_seoul3_title.png" alt="" title="CSS Nite in Seoul, Vol.3" width="620" height="125" class="aligncenter size-full wp-image-2160" /></p>
<p>ご存じの方も多いかとは思いますが、2012年3月24日に行われるCSS Nite in Seoul, Vol.3にて、WordPressについてのスピーチをしてきます。</p>
<p>韓国でのWordPressの状況について詳しいところまでは分かりませんが、<a href="http://ko.wordpress.org/" title="WordPress Korean" target="_blank">WordPress Korean</a> や<a href="http://forum.wordpress.kr/" title="WordPress Korean Forim" target="_blank">フォーラム</a>の状況のサイトなどを見る限り、日本ほどの普及には至っていないように思われます。このあたりは、ローカライズの状況にも左右されるので、改めて日本語化チームのみなさんに感謝しなければいけませんね。ただ、韓国でも2010年に最初のWordCampが行われ、今年の5月を目標に第２回を計画しているようなので、是非がんばってほしいところです。</p>
<p>今回、韓国で話してくる内容ですが、上記のような普及状況が予想されること、CSS NiteというWeb制作者の集う場所でもあることから、WordPress の概要から、カスタム投稿タイプの利用シーンまで幅広く紹介してくることにしました。</p>
<p>韓国でのWordPressの普及に少しでも貢献できればいいと思います。</p>
<p>ちなみに韓国は、初めてでよく分からないのですが、とりあえずおいしいものが食べてこられれば満足です。</p>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2158/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2158/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WordPressでユーザーを投稿の新しい順に並べ、○件ずつ投稿を表示する</title>
		<link>http://www.warna.info/archives/2152/</link>
		<comments>http://www.warna.info/archives/2152/#comments</comments>
		<pubDate>Thu, 15 Mar 2012 06:24:02 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[WordPressの小技]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2152</guid>
		<description><![CDATA[functions.php テンプレートの記述例]]></description>
			<content:encoded><![CDATA[<p>functions.php</p>
<pre class="brush: php; title: ; notranslate">
function sorted_author_posts( $authors, $posts_num ) {
	$all_posts = array();
	$sort_date = array();
	$posts_num = (int)$posts_num;
	foreach ( (array)$authors as $author ) {
		$author = (int)$author;
		$author_data = get_userdata( $author );
		$author_posts = get_posts( &quot;posts_per_page=$posts_num&amp;author=$author&quot; );
		if ( $author_posts ) {
			$all_posts[$author_data-&gt;display_name] = $author_posts;
			$sort_date[$author_data-&gt;display_name] = $author_posts[0]-&gt;post_date;
		}
	}

	array_multisort( $sort_date, $all_posts );
	$all_posts = array_reverse( $all_posts );
	return $all_posts;
}
</pre>
<p>テンプレートの記述例</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php $users = array( 1, 2 );
$users_posts = sorted_author_posts( $users, 2 );
foreach ( $users_posts as $user_name =&gt; $user_posts ) : ?&gt;
	&lt;h2&gt;&lt;?php echo $user_name ?&gt;&lt;/h2&gt;
	&lt;ul&gt;
&lt;?php foreach ( $user_posts as $post ) : setup_postdata( $post ); ?&gt;
		&lt;li&gt;&lt;?php the_title(); ?&gt;&lt;/li&gt;
&lt;?php endforeach; ?&gt;
	&lt;/ul&gt;
&lt;?php endforeach; wp_reset_postdata(); ?&gt;
</pre>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2152/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2152/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>WordPressでユーザーの最新投稿日を取得する</title>
		<link>http://www.warna.info/archives/2149/</link>
		<comments>http://www.warna.info/archives/2149/#comments</comments>
		<pubDate>Thu, 15 Mar 2012 05:45:03 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[WordPressの小技]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2149</guid>
		<description><![CDATA[functions.php テンプレートファイル 表示はこうなる]]></description>
			<content:encoded><![CDATA[<p><strong>functions.php</strong></p>
<pre class="brush: php; title: ; notranslate">
function get_author_latest_update( $author_id, $date_format = null ) {
	$latest_post = get_posts( 'posts_per_page=1&amp;author=' . (int)$author_id );
	$update_date = '';
	if ( $latest_post ) {
		$format = is_null( $date_format ) ? get_option( 'date_format' ) : $date_format;
		$update_date = mysql2date( $format, $latest_post[0]-&gt;post_date );
	}
	return $update_date;
}
</pre>
<p><strong>テンプレートファイル</strong></p>
<pre class="brush: php; title: ; notranslate">
&lt;?php echo get_author_latest_update( 1 ); ?&gt;
</pre>
<p>表示はこうなる</p>
<pre class="brush: xml; title: ; notranslate">
2012年2月28日
</pre>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2149/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2149/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordPressの日付別アーカイブのtitleタグに年やら日やらを追加する</title>
		<link>http://www.warna.info/archives/2143/</link>
		<comments>http://www.warna.info/archives/2143/#comments</comments>
		<pubDate>Thu, 15 Mar 2012 03:04:23 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[WordPressの小技]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[wp_title]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2143</guid>
		<description><![CDATA[WordPressの日付別アーカイブのtitleタグが「2012 3月 15」みたいに中途半端な表示になっているのが気になったので調整してみることにしました。 こんな感じのやつね。 修正前 こんな感じで、うまく行くはず。 &#8230; <a href="http://www.warna.info/archives/2143/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>WordPressの日付別アーカイブのtitleタグが「2012 3月 15」みたいに中途半端な表示になっているのが気になったので調整してみることにしました。</p>
<p>こんな感じのやつね。<br />
<strong>修正前</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;title&gt;  2012  2月  28&lt;/title&gt;
</pre>
<p>こんな感じで、うまく行くはず。。。</p>
<pre class="brush: php; title: ; notranslate">
function jp_date_archive_wp_title( $title ) {
	$title = trim( $title );
	if ( is_date() ) {
		$replaces = array(
			'/([1-9]{1}[0-9]{3})/' =&gt; '$1年',
			'/ ([0-9]{1,2}) /'     =&gt; ' $1日 ',
			'/ ([0-9]{1,2})$/'     =&gt; ' $1日',
			'/[\s]+/'              =&gt; ' '
		);
		$title = preg_replace( array_keys( $replaces ), $replaces, $title );
	}
	return $title;
}
add_filter( 'wp_title', 'jp_date_archive_wp_title', 10 );
</pre>
<p><strong>修正後</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;title&gt;2012年 2月 28日&lt;/title&gt;
</pre>
<p>wp_titleのパラメーターでうまくいかない場合があったら、教えてください。</p>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2143/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2143/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Canon EOS 5D MarkⅢ を初体験！</title>
		<link>http://www.warna.info/archives/2107/</link>
		<comments>http://www.warna.info/archives/2107/#comments</comments>
		<pubDate>Sat, 10 Mar 2012 19:10:24 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[写真部]]></category>
		<category><![CDATA[カメラ]]></category>
		<category><![CDATA[EOS]]></category>
		<category><![CDATA[Canon]]></category>
		<category><![CDATA[5D Mark3]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2107</guid>
		<description><![CDATA[いつ出る？いつ出る？と期待が高かった EOSのフルサイズ デジタル一眼5D MarkIII の体験イベントが開催されたので期待高く行ってきました。というのも、現在使っているKissでは物足りない感が強くなったのと、Mar &#8230; <a href="http://www.warna.info/archives/2107/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="/wp-content/uploads/2012/03/5d3-title.png" alt="Canon EOS 5D MarkⅢ 特別体験会に行ってきた" title="Canon EOS 5D MarkⅢ 特別体験会に行ってきた" width="620" height="200" class="aligncenter size-full wp-image-2108" /></p>
<p>いつ出る？いつ出る？と期待が高かった <a href="http://cweb.canon.jp/camera/eosd/5dmk3/index.html" target="_blank">EOSのフルサイズ デジタル一眼5D MarkIII</a> の体験イベントが開催されたので期待高く行ってきました。というのも、現在使っているKissでは物足りない感が強くなったのと、MarkII も欲しいには欲しかったのですが、シャッターの感触や、7Dに較べて見劣りするAFが気になって、今ひとつ購入に踏み切れなかったのです。</p>
<p><span id="more-2107"></span></p>
<p>さて、品川駅を降りてキャノンSタワーの会場へつくと、5Ⅲの表示と居並ぶEFレンズ群がお出迎え。</p>
<p><img src="/wp-content/uploads/2012/03/entrance.jpg" alt="" title="特別体験会入り口" width="620" height="413" class="aligncenter size-full wp-image-2110" /></p>
<p>ここはさっと眺める程度で済ませて、中へ進むと</p>
<p><img src="/wp-content/uploads/2012/03/experience-corner.jpg" alt="" title="体験コーナー" width="620" height="413" class="aligncenter size-full wp-image-2111" /></p>
<p><img src="/wp-content/uploads/2012/03/5d3-demo.jpg" alt="" title="EOS 5D Mark III デモ機" width="300" height="300" class="alignright size-full wp-image-2113" />ありました！</p>
<p>この体験ブースでは、大抵のEFレンズ群（超望遠以外）やバッテリーグリップなどのオプションの自由な組み合わせでデモ機に触ることができるようになっていて、私も70-200mm や 24-70mmのLレンズ、バッテリーグリップを装着して試し撮りさせていただきました。自分のメモリーカードで撮影させてもらって、写りを確認できればよかったのだけど、さすがにそれは無理っぽかったです。（メモリースロットのところは頑丈にテープで固定されていました）</p>
<p>で、触ってみての個人的な感想など、つらつらと述べて見たいと思います。</p>
<h3>シャッター</h3>
<p>Mark 2の最大の不満点とも言えるのがシャッター。あの「<strong>パタコーン</strong>」という感触は、どうにも間の抜けた感じがしてたまらなかったのですが、Mark 3では、完全に別物になっていて、どちらかというと<del datetime="2012-03-13T03:09:46+00:00">7Dの感触に近い</del>（店頭で7Dを再確認したら7Dよりも重めの音でした。どっちかというと1Dに近いかもしれません 2012/03/13修正）「<strong>バシャン</strong>」という感覚です。秒間6コマの実現ということもあり、シャッター音はかなり大きめですが、Mark 3には静音撮影というモードがあって、シャッター音が気になるような状況にも対応できるようになっています。こちらは「シャコーン」とでも表現できるような、おとなしめの作動音でシャッターを切った感覚こそ薄れるものの感触は悪くないと感じました。</p>
<h3>AFエリア</h3>
<p>Mark 2の9点に対して、61点と大幅な向上となっています。ただし、増えたことによって測距ポイントを意図的に指定するには、AFボタンを押して、メイン電子ダイヤルで横、サブ電子ダイヤルで縦の測距ポイントを選ぶことになるため、どうしても指定できるまでの時間はかかってしまうことになります。この点については、１つ飛ばしなどで選べるようなモードがあると、より良かったのではと感じました。</p>
<h3>ファインダー</h3>
<p>今、使っているKissと較べるのが悪いのかもしれませんが、格段にクリアで見やすくピントの山がつかみやすい印象でした。ドライブモードなどもファインダー内の液晶で確認できると便利だとは思いますが、気になる人はあまりいないのでしょうかね。。</p>
<h3>サイズと重さ、シルエット</h3>
<p><img src="/wp-content/uploads/2012/03/size-compare.png" alt="" title="サイズ比較" width="300" height="250" class="alignright size-full wp-image-2119" />Mark 2との比較で、高さが約3mm、奥行きが約1.5mm大きくなり、50gほど重くなっていますが、触った感触としては、若干グリップが大きくなったかな？（完全に思い違いかもしれませんが）程度の差に収まっています。<br />
左図は、Mark 2とMark 3のシルエットを比較してみたものですが、ペンタ部の傾斜が緩くなり、底面のRが大きくなっていることもあって、全体としてマッシブ感が増していますね。<br />
※ 製品写真をなぞったものなので正確な比較図ではありません。</p>
<h3>EF24-70mm F2.8L II USM</h3>
<div class="alignleft"><a href="http://www.amazon.co.jp/gp/product/B0076FS09A/ref=as_li_ss_il?ie=UTF8&#038;tag=jim912-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B0076FS09A"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&#038;Format=_SL160_&#038;ASIN=B0076FS09A&#038;MarketPlace=JP&#038;ID=AsinImage&#038;WS=1&#038;tag=jim912-22&#038;ServiceVersion=20070822" ></a><img src="http://www.assoc-amazon.jp/e/ir?t=jim912-22&#038;l=as2&#038;o=9&#038;a=B0076FS09A" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></div>
<p>1D との組み合わせでのみ試せなかったのですが、光学系から一新されたEF24-70mm F2.8L II USMが予想以上に好感触でした。フィルター径こそ大きくなっているものの、左手が添えられるズームリング部分が一回り細くなり、操作性が２段階程度引き上げられています。さらに全長短縮によって重心が前にずれることも軽減できていますし、なによりも約150gもの軽量化での機動性の向上はうれしいですよね。<a href="http://cweb.canon.jp/ef/lineup/standard-zoom/ef24-70-f28l-ii/spec.html" target="_blank">MTF曲線</a>も、とても素直で素性良く仕上がっている感があります。これとのレンズセットもあったら良かったのに。。</p>
<h3>個人的な結論</h3>
<p>価格.comの掲示板では、かなりがっかり感も漂っていますが、個人的には尖ったところこそないものの、正常進化してきて良い製品に仕上がっていると感じました。ISOの設定で暗い状況はかなりカバーできることもあって、このクラスに気休め程度のストロボなど不要だと思います。それから、Mark 2が半額で買えるといっても、デジタルでの３年間の差はやはり大きく、今からMark 2を買う気にはちょっとなりません。（中古のタマも増えてくるだろうしね）今使っているカメラの事を思えば、Mark 3の購入はアリなのですが。では、即買いするかというと、あの価格にはやはり二の足を踏んでいて、あと半年待って、EF24-70mm F2.8L II USMの価格もこなれてきた頃がねらい目かなというありきたりの結果に落ち着きました。</p>
<p><a href="http://www.amazon.co.jp/gp/product/B007G3SSP8/ref=as_li_ss_il?ie=UTF8&#038;tag=jim912-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B007G3SSP8"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&#038;Format=_SL160_&#038;ASIN=B007G3SSP8&#038;MarketPlace=JP&#038;ID=AsinImage&#038;WS=1&#038;tag=jim912-22&#038;ServiceVersion=20070822" ></a><img src="http://www.assoc-amazon.jp/e/ir?t=jim912-22&#038;l=as2&#038;o=9&#038;a=B007G3SSP8" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><a href="http://www.amazon.co.jp/gp/product/B0076FS09A/ref=as_li_ss_il?ie=UTF8&#038;tag=jim912-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=B0076FS09A"><img border="0" src="http://ws.assoc-amazon.jp/widgets/q?_encoding=UTF8&#038;Format=_SL160_&#038;ASIN=B0076FS09A&#038;MarketPlace=JP&#038;ID=AsinImage&#038;WS=1&#038;tag=jim912-22&#038;ServiceVersion=20070822" ></a><img src="http://www.assoc-amazon.jp/e/ir?t=jim912-22&#038;l=as2&#038;o=9&#038;a=B0076FS09A" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></p>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2107/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2107/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>執筆した書籍が発売されます &#8211; 速習デザイン WordPress 3.x</title>
		<link>http://www.warna.info/archives/2067/</link>
		<comments>http://www.warna.info/archives/2067/#comments</comments>
		<pubDate>Mon, 05 Mar 2012 10:22:31 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[セミナー・勉強会]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2067</guid>
		<description><![CDATA[3月16日に執筆者の１人として関わっていた WordPress の学習書籍「速習デザイン WordPress 3.x」が発売されます。この本には、私以外にも、星野さん（ @khoshino ）と豊田さん（ @Mighty &#8230; <a href="http://www.warna.info/archives/2067/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>3月16日に執筆者の１人として関わっていた WordPress の学習書籍「<strong>速習デザイン WordPress 3.x</strong>」が発売されます。この本には、私以外にも、星野さん（ <a href="https://twitter.com/#!/khoshino" target="_blank">@khoshino</a> ）と豊田さん（ <a href="https://twitter.com/#!/Mighty_Works" target="_blank">@Mighty_Works</a> ）が執筆者として名を連ねていて、それぞれの長所を書籍に反映できているのではないかと思います。</p>
<h2>速習デザイン WordPress 3.x</h2>
<p><a href="http://www.amazon.co.jp/gp/product/4774150282/ref=as_li_ss_tl?ie=UTF8&#038;tag=jim912-22&#038;linkCode=as2&#038;camp=247&#038;creative=7399&#038;creativeASIN=4774150282"><img src="/wp-content/uploads/2012/03/wp_cover_225.jpg" alt="" title="速習デザイン WordPress 3.x" width="225" height="317" class="alignright size-full wp-image-2093" /></a></p>
<p><strong>価格</strong>　： ￥2,814<br />
<strong>出版社</strong>： 技術評論社 (2012/3/16)<br />
<strong>大型本</strong>： 272ページ</p>
<blockquote><p>CMS・ブログサイト構築の世界的標準といえるWordPress。オープンソースながら企業サイトや商用サイトにも広く利用されており、CMS利用が欠かせない今後のWeb制作において開発者にとっては対応必須のツールといえます。商用に使える実用的なCMSサイトが作成できるように、WordPressの基礎をインストールの初歩から理解するための入門テキストです。お店サイト作例をもとに実際に操作して、テーマ、テンプレート作成の手順を学習できます。実践的なテンプレートタグの使い方を理解し、役立つ定番プラグインも紹介します。 </p></blockquote>
<p>執筆の際に、いくつかこだわった点があるので、選定の一助としてもらえればと思います。</p>
<h3>１．Webデザイナーさん向け</h3>
<p><img src="/wp-content/uploads/2012/03/feature1.png" alt="" title="Webデザイナーさん向けの内容" width="180" height="180" class="alignright size-full wp-image-2099" />書籍の対象者として、WebデザイナーもしくはWebデザイナーを目指す人を想定しています。そのため、HTMLやCSSに関する説明などは一切割愛しています。これは、HTMLやCSSについての解説が入ると、その分 WordPress についての説明が減り、結果として全体として内容の薄い本にしかならないためです。また、内容についても業務としてCMSに利用することを前提としているため、CMS向けの機能を重点的に、CMSとして利用しない機能については、省略または簡単な説明に止めています。</p>
<h3>２．テーマ制作に特化した内容</h3>
<p><img src="/wp-content/uploads/2012/03/feature2.png" alt="" title="テーマ制作に特化した内容" width="180" height="180" class="alignright size-full wp-image-2096" />Webデザイナーさんが、まずWordPressに関わる点となるのが、WordPressのテーマの制作になるかと思います。書籍においては、WordPress自体の解説以外にも、Part3 とPart 4 の２パートをテーマの作成関連にあて、Part 3では、テーマ制作に必要となる基礎知識、Part 4では htmlファイルを元に実際に手順を踏みながらテーマ制作を行い、WordPressでのサイト制作に必須となるテーマ制作について学べるようになっています。</p>
<h3>３．実案件にも投入可能なビジネステーマ</h3>
<p><img src="/wp-content/uploads/2012/03/feature3.jpg" alt="" title="実案件にも投入可能なビジネステーマ" width="180" height="180" class="alignright size-full wp-image-2083" />書籍付属のテーマは、単なる学習用のテーマにとどまらず、実案件にも利用できるような作りにしています。例えば、カスタムメニューは、ヘッダー、グローバル、フッターの３カ所。ウィジェットエリアは、ヘッダー、サイドバーの２カ所、フッターの４カ所、トップページの２カ所の計９カ所とカスタマイズしやすいように。そして、パンくずナビやページナビ（ページャー）の標準実装など、様々な工夫が凝らされています。さらに、<strong>html5</strong>でのマークアップとなっているので、WordPressだけでなくhtml5の要素や属性の使い方を学ぶことも可能です。</p>
<h3>４．Dreamweaverのコードカラーリングに合わせたサンプルコード表示</h3>
<p><img src="/wp-content/uploads/2012/03/feature4.png" alt="" title="Dreamweaverのコードカラーリングに合わせたサンプルコード表示" width="180" height="180" class="alignright size-full wp-image-2081" />テーマの制作Partで表示するコードは、Adobe Dreamweaverのコードカラーリングに合わせています。これは、Webデザイナーにとって馴染みの深いカラーリングであると共に、Dreamweaverで開発を行った場合、画面上と書籍のコードとの違いが分かりやすくなるようにとの考えによるものです。（ただし、DTPデザイナーさんにはものすごく迷惑をかけてしまいましたが。。。）</p>
<h3>５．functions.phpに解説を記述</h3>
<p><img src="/wp-content/uploads/2012/03/feature5.png" alt="" title="functions.phpに解説を記述" width="180" height="180" class="alignright size-full wp-image-2078" />functions.phpは、初めて見る方（特にデザイナーさん）にとっては、敷居が高く理解しにくいものです。書籍内で解説を行うと、PHPに関する理解が必要となり、書籍の難度も極端に上がってしまうことから、書籍内での解説は一切行わないことにしました。しかしながら、初心者を卒業して、独自にテーマを作ったりカスタマイズする場合、functions.phpで行われていることを理解する必要が出てきてしまいます。<br />
これに対応できるよう、今回、書籍と共にダウンロードできるテーマのfunctions.phpには、コメントでの解説をつけています。WordPressは使えるようにはなったけど、functions.phpでやっていることがよく分からないという人は、付属のテーマのfunctions.phpを見て、ウィジェットエリアの追加方法や、カスタムメニューの実装方法、アイキャッチ画像の設定方法も学べるようになっています。</p>
<h3>最後に</h3>
<p>私が本格的に WordPress を学び始めたのは2008年で、その当時発刊されていた WordPress の書籍２冊を常にデスクに常備し、本とにらめっこしながら勉強した憶えがあります。いわば私自身、その書籍がなければ、私が得た知識をこうしてお伝えできることもなかったかもしれません。発売される書籍を通じて、知識を身につけていただき、更に後進へと受け継いでもらえるようになれば、望外のよろこびです。</p>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2067/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2067/feed/</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
		<item>
		<title>WordPressで表示する記事が新着かどうかを判別するコード</title>
		<link>http://www.warna.info/archives/2034/</link>
		<comments>http://www.warna.info/archives/2034/#comments</comments>
		<pubDate>Thu, 01 Mar 2012 13:04:23 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[WordPressの小技]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2034</guid>
		<description><![CDATA[新着情報などにNewマークを表示させたいなどの要望はよくあることですね。 今回は、表示する記事が新着や更新かどうかの判別用コードを紹介します。 なるべく汎用的となるように書いたので、ちょっとコードが長いですが、ご容赦くだ &#8230; <a href="http://www.warna.info/archives/2034/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="/wp-content/uploads/2012/03/new-title.png" alt="" title="new-title" width="620" height="180" class="aligncenter size-full wp-image-2059" /></p>
<p>新着情報などに<strong>New</strong>マークを表示させたいなどの要望はよくあることですね。<br />
今回は、表示する記事が新着や更新かどうかの判別用コードを紹介します。</p>
<p><span id="more-2034"></span></p>
<p>なるべく汎用的となるように書いたので、ちょっとコードが長いですが、ご容赦ください。<br />
いつものように <strong>CODE 1</strong> を利用するテーマの functions.php にぺたりと追加してもらえれば、新着や更新の条件判別ができるようになります。利用方法は、<a href="#usage">コードの後</a>で。</p>
<p><strong>CODE 1</strong></p>
<pre class="brush: php; title: ; notranslate">
/**
 * post_classの出力するclassに、新着であれば、new-post、更新であれば、modified-postを追加する。
 *
 * @param array $classes Array of default classes.
 * @param array|string $class array or string space separated class names.
 * @param int $post_id post ID.
 * @return array Array of marged classes.
 */
function new_and_modefied_post_class( $classes, $class, $post_id ) {
	$post_id = (int)$post_id;
	$post = get_post( $post_id );

	if ( is_new_post() ) {
		$classes[] = 'new-post';
	}
	if ( is_modified_post() &amp;&amp; $post-&gt;post_modified &gt; $post-&gt;post_date ) {
		$classes[] = 'modified-post';
	}
	return $classes;
}
add_filter( 'post_class', 'new_and_modefied_post_class', 10, 3 );

/**
 * 新着かどうかを判別する。
 *
 * @param string $post_date PHP date format.
 * @param int $days days of new period.
 * @return bool within or not
 */
function is_new_post( $post_date = '', $days = 0 ) {
	global $post;
	if ( ! $post_date ) {
		$post_date = $post-&gt;post_date;
	}
	if ( ! $days ) {
		$days = absint( get_option( 'new_days', 7 ) );
	}
	return is_widthin_days( $post_date, $days );
}

/**
 * 更新かどうかを判別する。
 *
 * @param string $post_date PHP date format.
 * @param int $days days of modified period.
 * @return bool within or not
 */
function is_modified_post( $post_date = '', $days = 0 ) {
	global $post;
	if ( ! $post_date ) {
		$post_date = $post-&gt;post_modified;
	}
	if ( ! $days ) {
		$days = absint( get_option( 'modified_days', 7 ) );
	}
	return is_widthin_days( $post_date, $days );
}

/**
 * 期間内かどうかを判別する。
 *
 * @param string $post_date PHP date format.
 * @param int $days days of period.
 * @return bool within or not
 */
function is_widthin_days( $post_date, $days = 7 ) {
	if ( in_array( strtotime( $post_date ), array( false, -1 ) ) ) {
		return false;
	}

	$limit = current_time( 'timestamp' ) - ( $days - 1 ) * 24 * 3600;
	if ( mysql2date( 'Y-m-d', $post_date ) &gt;= date( 'Y-m-d', $limit ) ) {
		return true;
	}
	return false;
}

/**
 * 表示設定ページに新着と更新の表示期間（日数）の設定項目を追加する
 */
function add_days_items() {
	add_settings_field( 'new_days', '新着期間設定', 'display_new_days_field', 'reading' );
	add_settings_field( 'modified_days', '更新期間設定', 'display_modified_days_field', 'reading' );
}
add_action( 'admin_init', 'add_days_items' );

/**
 * 設定で保存できる項目に、新着表示日数と更新表示日数を追加する
 *
 * @param array $whitelist_options.
 * @return array filtered whitelist options
 **/
function allow_new_and_modified_post_data( $whitelist_options ) {
	$whitelist_options['reading'][] = 'new_days';
	$whitelist_options['reading'][] = 'modified_days';
	return $whitelist_options;
}
add_filter( 'whitelist_options', 'allow_new_and_modified_post_data' );

/**
 * 表示設定画面に新着表示日数の設定項目を表示する
 */
function display_new_days_field() {
	$new_days = absint( get_option( 'new_days', 7 ) );
?&gt;
	&lt;input type=&quot;text&quot; name=&quot;new_days&quot; id=&quot;new_days&quot; size=&quot;1&quot; value=&quot;&lt;?php echo esc_attr( $new_days ); ?&gt;&quot; /&gt;
	日間&lt;span class=&quot;description&quot;&gt;（1日間だと本日のみ、1週間にするには7日間としてください。）&lt;/span&gt;
&lt;?php
}

/**
 * 表示設定画面に更新表示日数の設定項目を表示する
 */
function display_modified_days_field() {
	$modified_days = absint( get_option( 'modified_days', 7 ) );
?&gt;
	&lt;input type=&quot;text&quot; name=&quot;modified_days&quot; id=&quot;modified_days&quot; size=&quot;1&quot; value=&quot;&lt;?php echo esc_attr( $modified_days ); ?&gt;&quot; /&gt;
	日間&lt;span class=&quot;description&quot;&gt;（1日間だと本日のみ、1週間にするには7日間としてください。）&lt;/span&gt;
&lt;?php
}
</pre>
<h3 id="usage">使い方</h3>
<h4>新着および更新の期間を設定する</h4>
<p>管理画面の表示設定に、新着期間設定および更新期間設定の２項目が追加されるので、それぞれ有効な日数を設定してください。1日だと表示している日のみ有効となります。無効にしたい場合は 0日間、１週間とする場合は7日になります。</p>
<p><img src="/wp-content/uploads/2012/03/new-days-setting.png" alt="" title="new-days-setting" width="620" height="200" class="aligncenter size-full wp-image-2060" /></p>
<h4>post_classに追加されるclassを利用して表示する</h4>
<p><strong>CODE 1</strong>を追加して期間の設定を行うと、テンプレートタグの <a href="http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/post_class" target="_blank">post_class</a> で出力される classに、新着であれば new-post、更新であれば、modified-post が出力されるようになります。CSSを用いて、new-post や modified-post で適切なアイコンなどが表示されるようにしてみてください。</p>
<p><strong>post_classの出力例</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;article id=&quot;post-1804&quot; class=&quot;post-1804 post type-post status-publish format-standard hentry category-1 new-post modified-post&quot;&gt;
</pre>
<h4>判別用の条件分岐タグを使う</h4>
<p>新着かどうか判別するを is_new_post、更新かどうかを判別する is_modified_post を使うと、Newアイコンを画像で表示することが可能となります。</p>
<p><strong>新着かどうかを判別して、Newアイコンを表示する</strong></p>
<pre class="brush: php; title: ; notranslate">
&lt;?php if ( is_new_post() ) : ?&gt;
	&lt;img src=&quot;new-icon.png&quot; width=&quot;50&quot; height=&quot;19&quot; alt=&quot;New&quot; /&gt;
&lt;?php endif; ?&gt;
</pre>
<p><strong>更新かどうかを判別して、更新アイコンを表示する</strong></p>
<pre class="brush: php; title: ; notranslate">
&lt;?php if ( is_modified_post() ) : ?&gt;
	&lt;img src=&quot;update-icon.png&quot; width=&quot;50&quot; height=&quot;19&quot; alt=&quot;Update&quot; /&gt;
&lt;?php endif; ?&gt;
</pre>
<h3>応用編：ループ外で利用する方法</h3>
<p>is_new_post と is_modified_post にパラメーターを指定すれば、WordPress ループの外（たとえばサイドバーの新着リストなど）でも利用できるようになります。ここで指定するパラメーターは、判定する日付となります。</p>
<p><strong>ループ外で新着かどうかを判定</strong></p>
<pre class="brush: php; title: ; notranslate">
&lt;?php if ( is_new_post( $new_post-&gt;post_date ) ) : ?&gt;
</pre>
<h3>応用編：設定した期間を異なる期間で判定</h3>
<p>is_new_post と is_modified_post に２つ目のパラメーターを指定すれば、管理画面で設定した期間とは異なる期間での判定を行うことができます。</p>
<p><strong>3日以内の更新かどうかを判定</strong></p>
<pre class="brush: php; title: ; notranslate">
&lt;?php if ( is_modified_post( $new_post-&gt;post_modified, 3 ) ) : ?&gt;
</pre>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2034/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2034/feed/</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
		<item>
		<title>プラグインヘッダー画像作成用のPSDテンプレートを作ったよ</title>
		<link>http://www.warna.info/archives/2023/</link>
		<comments>http://www.warna.info/archives/2023/#comments</comments>
		<pubDate>Sun, 26 Feb 2012 23:43:10 +0000</pubDate>
		<dc:creator>jim912</dc:creator>
				<category><![CDATA[WordPressの小技]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.warna.info/?p=2023</guid>
		<description><![CDATA[先日、WordPress.org で公開しているプラグインのうち、いくつかのものにヘッダー画像を追加することになりました。プラグインのヘッダー画像というのは、WordPress.org の Plugin Director &#8230; <a href="http://www.warna.info/archives/2023/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img src="/wp-content/uploads/2012/02/plugin-header-template-title.jpg" alt="" title="plugin-header-template-title" width="620" height="207" class="aligncenter size-full wp-image-2027" /></p>
<p><div id="attachment_2041" class="wp-caption alignright" style="width: 310px"><a href="/wp-content/uploads/2012/02/plugin_page.jpg"><img src="/wp-content/uploads/2012/02/plugin_page-300x225.jpg" alt="" title="プラグインヘッダー画像" width="300" height="225" class="size-medium wp-image-2041" /></a><p class="wp-caption-text">ヘッダー画像が登録されているとプラグインのページにアイキャッチとして表示される</p></div>先日、WordPress.org で公開しているプラグインのうち、いくつかのものにヘッダー画像を追加することになりました。プラグインのヘッダー画像というのは、WordPress.org の <a href="http://wordpress.org/extend/plugins/" target="_blank">Plugin Directory</a> で公開されているプラグインページにアイキャッチとして表示される画像のことです。登録したしたからといって、プラグインの機能自体がどうこうなるわけでもありませんが、プラグインの機能をイメージできたり、華々しく感じられたり、手を掛けている感が出せるなど副次的な効果は望めるかもしれません。</p>
<p>で、作成した画像には、プラグイン名が表示されたり、CSSを使ってシャドーが掛けられたりするので、それを想定した画像を作っておかないと、表示されたときに「おや？」ってなことになりかねません。今回は、デザインをお願いすることもあり、ヘッダー画像用のPSDテンプレートを作ってみました。といっても、大層なものではなく、表示されるプラグイン名とシャドーの効果をデザイン段階で想定できるようにするだけのものです。</p>
<p>一応下記の画像が、</p>
<ol>
<li>実際にプラグインページで表示される画像のキャプチャ</li>
<li>PSDテンプレートでプラグイン名の表示とシャドーの効果をプレビューしたもの</li>
<li>元となる画像</li>
</ol>
<p>を並べてみたものです。</p>
<p><img src="/wp-content/uploads/2012/02/plugin-header-template-sample.png" alt="" title="plugin-header-template-sample" width="620" height="300" class="aligncenter size-full wp-image-2026" /></p>
<p>それほど、使ってもらえる機会は多くないかもしれませんが、プラグインを公開している方で、ヘッダー画像を付けてみたいというかたは、お試し下さい。ヘッダー画像の登録方法は、をかもとさんの「<a href="http://dogmap.jp/2011/12/26/plugin-authors-more-control-over-their-plugin-pages/" target="_blank">公式プラグインページにヘッダ画像を追加</a>」が参考になります。ちなみに初めて登録してみたときに、ファイル名をそのままコピーしたら（おそらく WordPress の自動置換で）x が × となっていてハマったのは秘密です。</p>
<div id="attachment_789" class="wp-caption aligncenter" style="width: 337px"><a href="/wp-content/uploads/2012/02/plugin-header-image-template.zip"><img class="size-full wp-image-789" title="Download" src="/wp-content/uploads/2011/04/download_button.png" alt="Download" width="327" height="45" /></a><p class="wp-caption-text">Plugin Header Image Template</p></div>
<p>それから、今回ヘッダー画像をつけたプラグインは、</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/ps-auto-sitemap/" target="_blank">PS Auto Sitemap</a></li>
<li><a href="http://wordpress.org/extend/plugins/meta-manager/" target="_blank">Meta Manager</a></li>
<li><a href="http://wordpress.org/extend/plugins/all-in-one-sub-navi-widget/" target="_blank">All in One Sub Navi Widget</a></li>
<li><a href="http://wordpress.org/extend/plugins/prime-strategy-bread-crumb/" target="_blank">Prime Strategy Bread Crumb</a></li>
<li><a href="http://wordpress.org/extend/plugins/prime-strategy-page-navi/" target="_blank">Prime Strategy Page Navi</a></li>
<li><a href="http://wordpress.org/extend/plugins/001-prime-strategy-translate-accelerator/" target="_blank">001 Prime Strategy Translate Accelerator</a></li>
</ul>
<p>の6プラグインです。デザインしてくれた、 <a href="https://twitter.com/#!/imura_design" target="_blank">@imura_design</a> と <a href="https://twitter.com/#!/makito_th" target="_blank">@makito_th</a> には、ほんとうに感謝しています。</p>
<p>この記事は、jim912によって書かれたものです。 <br />引用を行う場合は、著作権法に定める範囲にて、引用元であるSimple Colorsの出展元表示とhttp://www.warna.info/archives/2023/へのリンクを必ず行って下さい。</p>]]></content:encoded>
			<wfw:commentRss>http://www.warna.info/archives/2023/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

