<?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>WPCMS.jp &#187; 使い方</title>
	<atom:link href="http://wpcms.jp/tag/%e4%bd%bf%e3%81%84%e6%96%b9/feed/" rel="self" type="application/rss+xml" />
	<link>http://wpcms.jp</link>
	<description>WordPressをCMSとした企業サイトやポータルサイト、Webサービス開発方法やTipsなど。 ファーストエレメントが運営する、WordPressに特化した技術系ブログ。</description>
	<lastBuildDate>Sat, 24 Dec 2011 15:54:27 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://wpcms.jp/tag/%e4%bd%bf%e3%81%84%e6%96%b9/feed/" />
		<item>
		<title>ウィジェット領域を２つ以上つくる</title>
		<link>http://wpcms.jp/195/</link>
		<comments>http://wpcms.jp/195/#comments</comments>
		<pubDate>Sat, 29 Mar 2008 15:51:51 +0000</pubDate>
		<dc:creator>みやざわ</dc:creator>
				<category><![CDATA[カスタマイズ/ハック]]></category>
		<category><![CDATA[インストール]]></category>
		<category><![CDATA[サイドバー]]></category>
		<category><![CDATA[サーバー]]></category>
		<category><![CDATA[スクリプト]]></category>
		<category><![CDATA[レイアウト]]></category>
		<category><![CDATA[使い方]]></category>

		<guid isPermaLink="false">https://sv69.xserver.jp/~fe01/wordpress4cms.net/195/</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p><strong>WordPress</strong>の<strong>ウィジェット</strong>領域は、標準ではsidebar.php内の１カ所だけだが、index.phpやfooter.phpなど、その他のエリアにもウィジェット領域を持たせる。</p>
<p>■手順１：<br />
テーマフォルダ/functions.php　3行目
<div class="code">register_sidebar(array(</div>
<p>これを
<div class="code">register_sidebar<span style="color:#FF9800;">s</span>(<span style="color:#FF9800;">3,</span>array(</div>
<p>※数字は、ウィジェット領域の数</p>
<p><span id="more-195"></span><br />
　<br />
■手順２：<br />
（例：index.phpのループの前と後に２つの領域を挿入）<br />
テーマフォルダ/index.php　5行目　have_postsの前に以下を挿入
<div class="code">＜?php if ( !function_exists(&#8216;dynamic_sidebar&#8217;) || !dynamic_sidebar(<span style="color:#FF9800;">2</span>) ) : ?＞<br />
ここはウィジェット「２」<span style="color:#FF9800;">※ウィジェットに何も登録されていない時にここの内容を表示</span><br />
＜?php endif; ?></div>
<p>テーマフォルダ/index.php　40行目　endifの後に以下を挿入
<div class="code">＜?php if ( !function_exists(&#8216;dynamic_sidebar&#8217;) || !dynamic_sidebar(<span style="color:#FF9800;">3</span>) ) : ?＞<br />
ここはウィジェット「３」<span style="color:#FF9800;">※ウィジェットに何も登録されていない時にここの内容を表示</span><br />
＜?php endif; ?＞</div>
<p><a href="http://wpcms.jp/wp/wp-content/themes/wpcms/_images/multiwidget-1.png" target="_blank"><img src="http://wpcms.jp/wp/wp-content/themes/wpcms/_images/multiwidget-1-thumbnail2.png" width="300" height="296" border="0" align="" alt="WordPressウィジェット" /></a><br />
※分かりやすくするためにdivで囲って色を付けてあります。<br />
※サイドバーには、ウィジェットが登録されていない場合は従来どおりの標準的な内容が表示されます。</p>
<p>■手順３：ウィジェットを追加<br />
管理画面＞Design＞Widget<br />
にて、右側「Current Widget」のプルダウンメニューにウィジェット領域が３つ出来たことを確認し、それぞれの領域にウィジェットを設定する。左側に並んでいるウィジェットの「Add」ボタンを押すと右側に追加されるので、上下の順番をドラッグ＆ドロップで変えて「Save Changes」をクリック。<br />
<a href="http://wpcms.jp/wp/wp-content/themes/wpcms/_images/multiwidget-3.png" target="_blank"><img src="http://wpcms.jp/wp/wp-content/themes/wpcms/_images/multiwidget-3-thumbnail2.png" width="300" height="277" border="0" align="" alt="WordPressウィジェット" /></a></p>
<p>■結果：<br />
<a href="http://wpcms.jp/wp/wp-content/themes/wpcms/_images/multiwidget-2.png" target="_blank"><img src="http://wpcms.jp/wp/wp-content/themes/wpcms/_images/multiwidget-2-thumbnail2.png" width="300" height="282" border="0" align="" alt="WordPressウィジェット" /></a><br />
ループの前と後、右サイドバーそれぞれに別々のウィジェット領域が追加されました。標準のウィジェット類やアフィリエイトのバナー（テキストウィジェット）の他、PHPを実行可能なウィジェットも追加すれば、使い方次第でかなり凝った複雑なサイトでもすごく簡単にレイアウト変更ができるようになります、クライアント側でも。</p>
<p>■補足：<br />
テーマフォルダ/functions.php　4～7行目に、それぞれのウィジェットの前後に挿入されるタグ類を指定する「before_widget」「after_widget」「before_title」「after_title」という項目があります。標準ではそれぞれli、h2となっています。上記テストではそこはいじってないです。</p>
<p>※WordPress 2.5 RC2 でテストを行いました。なので管理画面などは英語表記です。エックスサーバーへのインストールもまったく問題なくスムーズに完了しました。前回投稿のerror_logの関係でインストールスクリプトが止まってしまうこともありませんでした。</p>
]]></content:encoded>
			<wfw:commentRss>http://wpcms.jp/195/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://wpcms.jp/195/" />
	</item>
	</channel>
</rss>

