<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>www.sakuttoly.com &#187; Gravatar</title>
	<atom:link href="http://www.sakuttoly.com/blog/tag/gravatar/feed" rel="self" type="application/rss+xml" />
	<link>http://www.sakuttoly.com</link>
	<description></description>
	<lastBuildDate>Sun, 10 Apr 2011 13:25:46 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.sakuttoly.com/blog/tag/gravatar/feed" />
		<item>
		<title>WordPressのTheme「Atahualpa」のエントリータイトル部分に写真(Gravatar)を表示する</title>
		<link>http://www.sakuttoly.com/blog/2009/05/wordpress_gravatar.html</link>
		<comments>http://www.sakuttoly.com/blog/2009/05/wordpress_gravatar.html#comments</comments>
		<pubDate>Sat, 02 May 2009 07:28:40 +0000</pubDate>
		<dc:creator>kuborn</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Gravatar]]></category>

		<guid isPermaLink="false">http://www.sakuttoly.com/blog/?p=161</guid>
		<description><![CDATA[こんにちは。kubomaです。 今回はWordPress2.7.1のTheme「Atahualpa」のエントリータイトル部分に写真(Gravatar)を表示する方法について調べました。 (追記)実際には、どのThemeで [...]]]></description>
			<content:encoded><![CDATA[				<p>こんにちは。kubomaです。</p>
				<p>今回はWordPress2.7.1のTheme「Atahualpa」のエントリータイトル部分に写真(Gravatar)を表示する方法について調べました。<br />
				<span class="caution">(追記)実際には、どのThemeでも、どの部分でも、このエントリーと同じやり方でGravatarを表示できます。</span></p>
				<p><span id="more-161"></span></p>
				<p>今回の目的は次の通りです。</p>
				<ol>
				<li>ブログのエントリータイトル部分に、誰の記事が人目で分かるように、写真を表示したい。</li>
				</ol>
				<p>今回の環境は次の通りです。</p>
				<ul>
				<li>WordPress 2.7.1</li>
				<li>Atahualpa 3.2</li>
				</ul>
				<p>参考URLは次の通りです。</p>
				<ul>
				<li><a href="http://wpdocs.sourceforge.jp/Gravatar_の使い方">Gravatar の使い方 &#8211; WordPress Codex 日本語版</a></li>
				<li><a href="http://ja.gravatar.com/">Gravatar</a></li>
				</ul>
				<h3>調査</h3>
				<p>調べていくと、次のことが分かりました。</p>
				<ul>
				<li>WordPressの設定から画像をアップロードするような画面はない。</li>
				<li>WordPress2.5からは、GravatarというAvatarサービスが標準で利用できるようになっている。ただし、使っているThemeが対応している必要がある。</li>
				<li>Gravatarは事前に登録が必要。</li>
				<li>Gravatar画像を表示するには、get_avatar関数を利用する。get_avatar関数は、メールアドレスをキーにしてGravatarサービスから画像を取得する。</li>
				</ul>
				<p>現在当ブログで使用しているテーマ「Atahualpa」では、コメント欄ではGravatarに対応していますが、エントリータイトル部分ではGravatarは表示されません。<br />
				(たとえば<a href="http://wordpress.org/extend/themes/p2">P2</a>というテーマなどは、エントリータイトル部分にGravatarが表示されます)<br />
				そこで、テーマ「Atahualpa」のエントリータイトル部分にもGravatarが表示されるように変更してみます。</p>
				<h3>修正方法</h3>
				<p><strong>なお、一般的にWordPressでテーマを修正する際のやり方を筆者はよく分かっていませんので、下記では的外れな対応をしているのかもしれません。(そうであれば、是非教えてください。)</strong></p>
				<ol>
				<li><a href="http://wpdocs.sourceforge.jp/Gravatar_の使い方">ドキュメントより</a>、Gravatarを使用するには<code>get_avatar</code>関数を利用すればいいことが分かります。</li>
				<li>当ブログのhtmlのソースを参照し(<a href="view-source:http://www.sakuttoly.com/blog/">ソースを参照</a>)、エントリタイトル部分を見つけます。すると、&lt;div class=&quot;post-headline&quot;&gt;というタグの中の&lt;h2&gt;の中身が、エントリタイトル部分と分かります。</li>
				<li>テーマ「Atahualpa」のソースの中から、grep等で「post-headline」を検索します。すると、index.phpの88行目辺りがヒットします。</li>
				<li>index.phpの88行目を見てみると、確かにここがエントリタイトル部分であると分かります。今回は左端にGravatarの画像を入れたいので、下記のコードをh2の直後に入れます。<br />
				[php]<br />
				<?php echo get_avatar(get_the_author_email(), 24);?> // 24は、画像のサイズ[/php] </li>
				<li>あとは保存して、ページをリロードするだけです。一覧および個別のページで、エントリタイトル部分の左端にGravatar画像が表示されているはずです。</li>
				</ol>
				<h3>WordPressはよくできている</h3>
				<p>余談ですがWordPressは大変よく出来ているアプリケーションなので、勉強になる点が多いです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.sakuttoly.com/blog/2009/05/wordpress_gravatar.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.sakuttoly.com/blog/2009/05/wordpress_gravatar.html" />
	</item>
	</channel>
</rss>

