<?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>WPカスタマイズ備忘録 &#187; ユーザビリティ</title>
	<atom:link href="http://wordpress.rambler-style.com/category/customize/usability/feed/" rel="self" type="application/rss+xml" />
	<link>http://wordpress.rambler-style.com</link>
	<description>WordPressカスタマイズの個人的備忘録</description>
	<lastBuildDate>Tue, 25 Jan 2011 07:04:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Breadcrumb NavXTでパンくずリストを表示</title>
		<link>http://wordpress.rambler-style.com/2009/0220002127/</link>
		<comments>http://wordpress.rambler-style.com/2009/0220002127/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 15:21:27 +0000</pubDate>
		<dc:creator>りぃ</dc:creator>
				<category><![CDATA[ユーザビリティ]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://wordpress.rambler-style.com/?p=152</guid>
		<description><![CDATA[パンくずリストというものがあります。
ブログのトップページから、現在見ている記事までの階層を表示するものです。
例えば、「パーマリンク(記事URL)の設定」の記事で表示されるパンくずリストは
Home &#62; Word [...]]]></description>
			<content:encoded><![CDATA[<p>パンくずリストというものがあります。<br />
ブログのトップページから、現在見ている記事までの階層を表示するものです。</p>
<p>例えば、「<a href="http://wordpress.rambler-style.com/2009/0109223415/">パーマリンク(記事URL)の設定</a>」の記事で表示されるパンくずリストは</p>
<blockquote class="ex"><p>Home &gt; WordPressカスタマイズ &gt; 最初にやった設定 &gt; パーマリンク(記事URL)の設定</p></blockquote>
<p>というようになります。</p>
<p>このパンくずリストを表示していると、<br />
訪問者（特に新規訪問者）がサイト上の現在位置を把握しやすくなり、<br />
コンテンツ間の移動の手助けにもなります。<br />
ユーザビリティ向上に役立つのですね。</p>
<p style="margin-bottom: 4em">ちなみに「パンくずリスト」という名前は、<br />
童話『ヘンゼルとグレーテル』の、<br />
”森の中で迷子にならないように通り道にパンくずを置いていった”<br />
というエピソードから来ているそうです。</p>
<p><span id="more-152"></span></p>
<h3 class="en">Breadcrumb Navigation XTとBreadcrumb NavXT</h3>
<p>WordPressのパンくずリストを探すと２つありました。<br />
Breadcrumb Navigation XTとBreadcrumb NavXTです。</p>
<p>どうやら、Breadcrumb Navigation XTのプラグイン作者様が<br />
今後更新できなくなったので、Breadcrumb NavXTの方が<br />
後を引き継いだようです。<br />
（多分。両方とも英語サイトだから良く分からないよぅ。）</p>
<p><a href="http://mtekk.weblogs.us/code/breadcrumb-navxt/" target="_blank">Breadcrumb NavXT</a>はWordPress2.5以上に対応しているようです。<br />
それ以下のバージョンで使う場合は<a href="http://sw-guide.de/wordpress/plugins/breadcrumb-nav-xt/" target="_blank">Breadcrumb Navigation XT</a>が良いかもです。</p>
<p style="margin-bottom: 4em">ここでは、Breadcrumb NavXTの使い方を書いていきます。</p>
<h3 class="en">Breadcrumb NavXTのダウンロード</h3>
<p>Breadcrumb NavXTの本家配布元は<br />
<a href="http://mtekk.weblogs.us/code/breadcrumb-navxt/" target="_blank">Breadcrumb NavXT | Mtekk&#8217;s Crib</a>様です。</p>
<p>しかしこのパンくずリストも日本語化してくださっている方がいます。<br />
<a href="http://www.naviwave.com/blog_w/wp_plugin/breadcrumb-navigation-xt/" target="_blank">Breadcrumb Navigation XT [パンクズリストの表示] &#8211; Wordpress Firefox オープンソース って(・∀・)イイ!!</a>様です。</p>
<p>私は日本語版を入手させていただきました。<br />
ありがとうございます。</p>
<p>【日本語言語ファイル同梱版ダウンロード】<br />
の所からダウンロードできます。</p>
<p style="margin-bottom: 4em">ダウンロードしたら解凍しておきます。<br />
フォルダ名が「breadcrumb-navxt-バージョン名」になっていると思うので、<br />
バージョンは消して「breadcrumb-navxt」にした方が良いかもしれません。</p>
<h3 class="en">プラグインのアップロード・有効化</h3>
<p>wp-content/pluginにアップロードし、<br />
管理画面サイドバーのプラグインをクリックすると<br />
Breadcrumb NavXT &#8211; Adminstration Interfaceというものと<br />
Breadcrumb NavXT &#8211; Coreというものが追加されています。</p>
<p>Breadcrumb NavXT &#8211; Adminstration Interfaceは<br />
管理画面で色々と設定できるモードで、<br />
Breadcrumb NavXT &#8211; Coreはタグだけで<br />
パンくずリストを管理するもののようです。</p>
<p><font color="#990000"><big>これは、どちらかひとつだけを有効化してください。</big></font><br />
私は直感で分かりやすいBreadcrumb NavXT &#8211; Adminstration Interfaceにしました。<br />
通常はこちらで良いと思います。</p>
<p>「使用する」をクリックして有効化すると、<br />
管理画面サイドバーの設定の所にBreadcrumb NavXT<br />
というのが出るのでそこで詳細設定します。<br />
<a href="http://wordpress.rambler-style.com/wp-content/uploads/pankuzu1.gif"><img src="http://wordpress.rambler-style.com/wp-content/uploads/pankuzu1.gif" alt="pankuzu1" title="pankuzu1" width="146" height="228" class="alignnone size-full wp-image-157" /></a></p>
<p style="margin-bottom: 4em">設定するといっても、最初は特に変えずとも良いと思います。<br />
私は、サイトのトップページを現す言葉だけ<br />
blogからHomeへ変更しました。<br />
<a href="http://wordpress.rambler-style.com/wp-content/uploads/pankuzu2.gif"><img src="http://wordpress.rambler-style.com/wp-content/uploads/pankuzu2-300x141.gif" alt="pankuzu2" title="pankuzu2" width="300" height="141" class="alignnone size-medium wp-image-158" /></a></p>
<h3 class="en">テンプレートの編集</h3>
<p>パンくずリストを表示したい所にタグを追加します。</p>
<p>Breadcrumb NavXT &#8211; Adminstration Interfaceを使った方は</p>
<blockquote class="ex"><p>&lt;div class=&#8221;breadcrumb&#8221;&gt;<br />
&lt;?php<br />
if(function_exists(&#8217;bcn_display&#8217;))<br />
{<br />
	bcn_display();<br />
}<br />
?&gt;<br />
&lt;/div&gt;</p></blockquote>
<p>classでbreadcrumbと指定してあるので、<br />
スタイルシートにbreadcrumbを追加して好みの表示にするか、<br />
既存のものを入れるかしたら良さそうです。</p>
<p>Breadcrumb NavXT &#8211; Coreを使った方は、これは例になりますが</p>
<blockquote class="ex"><p>&lt;div class=&#8221;breadcrumb&#8221;&gt;<br />
&lt;?php<br />
if(class_exists(&#8217;bcn_breadcrumb_trail&#8217;))<br />
{<br />
	//Make new breadcrumb object<br />
	$breadcrumb_trail = new bcn_breadcrumb_trail;<br />
	//Setup options here if needed<br />
	//Fill the breadcrumb trail<br />
	$breadcrumb_trail-&gt;fill();<br />
	//Display the trail<br />
	$breadcrumb_trail-&gt;display();<br />
}<br />
?&gt;<br />
&lt;/div&gt;</p></blockquote>
<p>カスタマイズ法は<a href="http://mtekk.weblogs.us/code/breadcrumb-navxt/breadcrumb-navxt-doc/3/#advanced_use" target="_blank">公式サイト（英語）</a>を参考にしてください。</p>
<p>これでパンくずリストが表示されると思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://wordpress.rambler-style.com/2009/0220002127/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
	</channel>
</rss>

