<?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>WordPressな日々 &#187; ツリー</title>
	<atom:link href="http://www.junyx.net/tag/%e3%83%84%e3%83%aa%e3%83%bc/feed" rel="self" type="application/rss+xml" />
	<link>http://www.junyx.net</link>
	<description>WordPress、PHP、Linux、インターネット技術の解説、IT関連ニュースなど</description>
	<lastBuildDate>Thu, 08 Sep 2011 04:31:36 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>TIPS &#8211; ツリー状の目次を表示する</title>
		<link>http://www.junyx.net/wordpress/2007/189</link>
		<comments>http://www.junyx.net/wordpress/2007/189#comments</comments>
		<pubDate>Mon, 11 Jun 2007 09:06:41 +0000</pubDate>
		<dc:creator>journey</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ツリー]]></category>
		<category><![CDATA[ページ機能]]></category>
		<category><![CDATA[目次]]></category>

		<guid isPermaLink="false">http://www.junyx.net/wordpress/2007/189</guid>
		<description><![CDATA[今回のTIPSでは、WordPressのテーマを改造し、静的ページのツリー状の目次を表示する方法を解説します。 そもそも、「静的ページ」って何のことでしょう？　実は、WordPressはブログ管理ソフトウェアでありながら [...]]]></description>
			<content:encoded><![CDATA[<p>今回のTIPSでは、WordPressのテーマを改造し、静的ページのツリー状の目次を表示する方法を解説します。</p>
<p>そもそも、「静的ページ」って何のことでしょう？　実は、WordPressはブログ管理ソフトウェアでありながら、「普通のウェブサイト」を作成する機能ももっているのです。では、普通のウェブサイトとブログの違いとは何でしょうか。普通のウェブサイトは本の目次のように章・節・小見出しのようなツリー状の構造（階層構造）をもっています。また、記事の更新頻度はそれほど頻繁ではありません。一方、ブログはツリー状の構造をもつ必要がなく、記事の更新頻度が頻繁です。WordPressには「ページ」作成機能があり、章・節・小見出しのようなツリー型構造が実現できるのです。</p>
<p><span id="more-189"></span>では、「ページ」を作る方法を説明します。WordPressの管理画面で、「投稿」タブ→「ページ作成」をクリックします。 次に、ページタイトルとページコンテンツを記入して、「公開」をクリックします。これでページが作成され、サイトのコンテンツとしてインターネットに公開されます。記事投稿とほとんど一緒ですね。</p>
<p>次に、ツリー状の構造とはどういうものでしょうか。サイトの目次例を次に示します。これで一目瞭然ですね。</p>
<blockquote><p>- 1. はじめに<br />
&#8211; 1.1. サイトの紹介<br />
&#8211; 1.2. 管理人の紹介<br />
&#8212; 1.2.1. 管理人のプロフィール<br />
&#8212; 1.2.2. 皆さんへのメッセージ<br />
- 2. 事業概要<br />
&#8211; 2.1. 会社概要<br />
&#8211; 2.2.  事業概要<br />
- 3. コンタクト</p></blockquote>
<p>さて、どうしたらこのようなツリー型構造ができるのでしょうか。「はじめに」の子ページとして、「サイトの紹介」がありますね。まず「はじめに」を作成します。次に、「サイトの紹介」を作成します。このとき、画面右側の「親ページ」のプルダウンメニューを「メインページ（親ページなし）」から「はじめに」に変更します。これで、保存・公開すれば、「サイトの紹介」は「はじめに」の子ページになります。同様に、「管理人の紹介」を「はじめに」の子ページとして作成し、「管理人のプロフィール」を「管理人の紹介」の子ページとして作成します。これで、「管理人のプロフィール」は「はじめに」の孫ページになる、というわけです。</p>
<p>では、ウェブサイトのトップページに、これらのページへのリンク、つまり目次を表示する方法を説明します。普通、目次を表示したい場所は、メインコンテンツの右側か左側にあるサイドバーですね。サイドバーは次のファイルになります。</p>
<ul>
<li><strong>wp-content/themes/THEME/sidebar.php</strong></li>
</ul>
<p>このファイルの中でメニューが書かれている場所を探し、次のようなコードを挿入します。</p>
<blockquote><p>&lt;?php wp_list_pages(&#8216;sort_column=menu_order&amp;depth=3&amp;title_li=&lt;h2&gt;ページ&lt;/h2&gt;&#8217; ); ?&gt;</p></blockquote>
<p>これで、サイトの目次が表示されます。ここで、 &#8216;sort_column=menu_order&#8217; はページ作成時に、「ページ表示順」に入力した数字で並べ替える指定です。&#8217;depth=3&#8242; は目次メニューの階層構造が3段階（親→子→孫）までとする指定です。この数字を&#8217;1&#8242;に変えると、トップレベルの目次だけが表示されます。&#8217;title_li=&lt;h2&gt;ページ&lt;/h2&gt;&#8217; は&lt;li&gt;～&lt;/li&gt;タグの中に表示されるタイトル文字列を指定しています。</p>
<p>分かってしまうと簡単ですね。WordPressを普通のウェブサイト制作にもぜひ活用してください。</p>
<p>ご質問・ご意見はコメント欄にどうぞ♪</p>
]]></content:encoded>
			<wfw:commentRss>http://www.junyx.net/wordpress/2007/189/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

