

<?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>初めてのWordPress&#38;PC</title>
	<atom:link href="http://word-express.net/feed" rel="self" type="application/rss+xml" />
	<link>http://word-express.net</link>
	<description>初心者向けWordPressカスタマイズとパソコンお役立ち情報</description>
	<lastBuildDate>Wed, 01 Feb 2012 13:27:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/feed" />
		<item>
		<title>カテゴリー内の記事一覧を表示する（サイドバー、フッターなど）</title>
		<link>http://word-express.net/category-posts-list</link>
		<comments>http://word-express.net/category-posts-list#comments</comments>
		<pubDate>Sun, 29 Jan 2012 13:43:04 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[初心者向け WordPress講座]]></category>
		<category><![CDATA[サイドバーとsidebar.php]]></category>
		<category><![CDATA[プラグインあれこれ]]></category>
		<category><![CDATA[関連記事-最新記事-その他記事リスト]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4504</guid>
		<description><![CDATA[現在、表示している記事のカテゴリーに属するその他の記事を一覧表示する方法です。 sidebar.phpやsingle.phpなど、任意の場所で利用することができます。 カテゴリーが「SF映画」＆「スターウォーズ」のように [...]]]></description>
			<content:encoded><![CDATA[<p>現在、表示している記事のカテゴリーに属するその他の記事を一覧表示する方法です。</p>
<p>sidebar.phpやsingle.phpなど、任意の場所で利用することができます。</p>
<p>カテゴリーが「SF映画」＆「スターウォーズ」のように複数に及ぶ場合、その両方が表示されます。表示させたいカテゴリーをどちらか一つに絞ったり、順番を入れ替えたり、というのは、下記のマニュアル編集では不可能です。</p>
<h3>§ マニュアル編集</h3>
<pre class="brush: php; title: ; notranslate">
 &lt;ul&gt;
 &lt;?php if (is_single()) {
global $post;
$categories = get_the_category();
foreach ($categories as $category) :
?&gt;
  &lt;?php
$posts = get_posts('orderby=rand&amp;offset=1&amp;numberposts=5&amp;category='. $category-&gt;term_id);
foreach($posts as $post) :
?&gt;
        &lt;li&gt;&lt;a href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;
          &lt;?php the_title(); ?&gt;
          &lt;/a&gt;&lt;/li&gt;
        &lt;?php endforeach; ?&gt;
        &lt;li&gt;&lt;strong&gt;&lt;a href=&quot;&lt;?php echo get_category_link($category-&gt;term_id);?&gt;&quot; title=&quot;&lt;?php _e('カテゴリー内記事一覧を見る','sanmarie');?&gt; &lt;?php echo $category-&gt;name; ?&gt;&quot;&gt;
             &lt;?php _e('記事一覧を見る&lt;br&gt;　','sanmarie');?&gt;
          '&lt;?php echo $category-&gt;name; ?&gt;' »&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
      &lt;?php endforeach;?&gt;

		&lt;?php } ?&gt;
 &lt;/ul&gt;
</pre>
<p><img src="/wp/wpimg/ds35.jpg" alt="WordPress"></p>
<p>上記の記述はかなり長いので、分けて見ていきましょう。</p>
<p>まず最初の5行で条件を指定します。</p>
<p>「もし、シングル記事が表示されて、カテゴリー情報を得たら・・」</p>
<pre class="brush: php; title: ; notranslate">
 &lt;?php if (is_single()) {
global $post;
$categories = get_the_category();
foreach ($categories as $category) :
?&gt;
</pre>
<p>「次の条件で記事リストを表示する」。<br />
ここで使われているテンプレートタグは get_postsです。<br />
(&#8221;)内の引数で、表示方法を選択します。</p>
<pre class="brush: php; title: ; notranslate">
 &lt;?php
$posts = get_posts('orderby=rand&amp;offset=1&amp;numberposts=5&amp;category='. $category-&gt;term_id);
foreach($posts as $post) :
?&gt;
</pre>
<p>次のコードで、表示させる内容を指定。<br />
この場合、タイトルのみのリンク・リストが表示されます。<br />
日付も表示したい場合は、the_titleの続きに the_dateを表示すればOK。</p>
<pre class="brush: php; title: ; notranslate">
&lt;li&gt;&lt;a href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;
          &lt;?php the_title(); ?&gt;
          &lt;/a&gt;&lt;/li&gt;
        &lt;?php endforeach; ?&gt;
</pre>
<p>最後に、カテゴリーの全記事リストへのリンクが入ります。</p>
<pre class="brush: php; title: ; notranslate">
 &lt;li&gt;&lt;strong&gt;&lt;a href=&quot;&lt;?php echo get_category_link($category-&gt;term_id);?&gt;&quot; title=&quot;&lt;?php _e('カテゴリー内記事一覧を見る','sanmarie');?&gt; &lt;?php echo $category-&gt;name; ?&gt;&quot;&gt;
             &lt;?php _e('記事一覧を見る&lt;br&gt;　','sanmarie');?&gt;
          '&lt;?php echo $category-&gt;name; ?&gt;' »&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
      &lt;?php endforeach;?&gt;
        	&lt;?php } ?&gt;
</pre>
<h3>§ プラグインを使う</h3>
<p>カテゴリーに属する記事を一覧表示する場合、次のようなプラグインが使えます。</p>
<p><strong><a href="http://wordpress.org/extend/plugins/widgets-of-posts-by-same-categories/" target="_blank">Widgets of Posts by Same Categories</a></strong><br />
ウィジェットを使って、現在表示している記事のカテゴリーに属するその他の記事リストを一覧表示します。サイドバー、フッターなど、ウィジェット可能なエリアに利用できます。除外したいカテゴリーの設定も可能。</p>
<p><strong><a href="http://wordpress.org/extend/plugins/random-related-posts-based-on-category/" target="_blank">Random Related Posts Based on Category</a></strong><br />
現在表示している記事のカテゴリーに属する記事を「関連記事」として表示します。3KBの軽いプラグインで、表示したい記事数やランダム表示などがカスタマイズできます。PHPコードを書き入れるので、ウィジェットで動作させる場合は、<a href="http://wordpress.org/extend/plugins/wp-php-widget/" target="_blank">WP PHP widget</a>のようなプラグインが必要です。</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/wp-9" rel="bookmark" class="crp_title">サイドバーのカスタマイズ(1) 新着記事、カテゴリー内記事一覧、カテゴリーリスト</a></li><li><a href="http://word-express.net/plugin-3" rel="bookmark" class="crp_title">いつか役に立つプラグイン</a></li><li><a href="http://word-express.net/wp-14" rel="bookmark" class="crp_title">アーカイブ archive.phpのカスタマイズ</a></li><li><a href="http://word-express.net/sideblog" rel="bookmark" class="crp_title">複数ブログ（サイドブログ）の作成　～記事ごと、カテゴリーごとにテンプレートを切り替える～</a></li><li><a href="http://word-express.net/archive-custompost" rel="bookmark" class="crp_title">月別アーカイブにカスタムポストを含めて表示する</a></li><li><a href="http://word-express.net/sidebar-recent-posts" rel="bookmark" class="crp_title">サイドバーに新着記事を表示する</a></li><li><a href="http://word-express.net/wp-11" rel="bookmark" class="crp_title">投稿記事 single.php のカスタマイズ</a></li><li><a href="http://word-express.net/wp-15" rel="bookmark" class="crp_title">コメント　comment.phpのカスタマイズ</a></li><li><a href="http://word-express.net/relatedpost" rel="bookmark" class="crp_title">手動で関連記事を表示する『Microkid&#8217;s Related Posts』</a></li><li><a href="http://word-express.net/wp-47" rel="bookmark" class="crp_title">WordPress　サイト表示を高速化する方法</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/category-posts-list/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/category-posts-list" />
	</item>
		<item>
		<title>WPtouch Pro の初期設定　～モバイル・サイトの作成　</title>
		<link>http://word-express.net/wptouch-pro-setting</link>
		<comments>http://word-express.net/wptouch-pro-setting#comments</comments>
		<pubDate>Thu, 19 Jan 2012 13:11:04 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[WPtouch-Pro]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4528</guid>
		<description><![CDATA[購入からライセンスキーのアクティベイトに関しては、WPtouch Proのメリットと購入方法をご参照ください。 ここではライセンスキーを購入し、ご自身のURLでアクティベイトしてからの初期設定の手順について説明しています [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bravenewcode.com/store/plugins/wptouch-pro/?bnc_affiliate_id=26395&#038;utm_source=affiliate-26395&#038;utm_medium=affiliates&#038;utm_campaign=image600x120_july11" target="_blank"><img src="http://bnc-affiliates.s3.amazonaws.com/wptouch-pro/600x120_july11.jpg" alt="advertisment" /></a><br />
<br/></p>
<p>購入からライセンスキーのアクティベイトに関しては、<a href="http://word-express.net/wptouch-pro-merit" title="WPtouch Proのメリットと購入方法" target="_blank">WPtouch Proのメリットと購入方法</a>をご参照ください。</p>
<p>ここではライセンスキーを購入し、ご自身のURLでアクティベイトしてからの初期設定の手順について説明しています。</p>
<h3>§ ライセンスのアクティベイト</h3>
<p>支払い手続きをして、Eメールでライセンスキーを受け取ったら、一番に管理画面で有効化します。</p>
<p>WPtouch Pro → License で、登録したメールアドレスとライセンスキーを入力します。<br />
先方のサーバーに認識されるまで、しばらく時間がかかります。<br />
下記のような「Your Account Email and License Key has been accepted.」の青いメッセージが出れば成功です。<br />
日本語バージョンは下方。</p>
<p><a class="highslide img_10" href="http://word-express.net/wp-content/uploads/2012/01/activate.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/activate-400x170.jpg" alt="ライセンスキーのアクティベイト" title="登録したメールアドレスとライセンスキーを入力" width="400" height="170" class="alignnone size-medium wp-image-4529" /></a></p>
<p><a class="highslide img_11" href="http://word-express.net/wp-content/uploads/2012/01/license1.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/license1-400x164.jpg" alt="WPtouch Pro ライセンスキーの認証" title="アカウント受理のメッセージ" width="400" height="164" class="alignnone size-medium wp-image-4535" /></a></p>
<p>次に、WPtouch Proの公式サイトのマイページにアクセスし、「My Plugin」の「LISENCED　SITE」にライセンス申請したURLが登録されているかどうか確認します。</p>
<p><a class="highslide img_12" href="http://word-express.net/wp-content/uploads/2012/01/license21.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/license21-400x203.jpg" alt="WPtouch Pro ライセンス登録" title="URLが登録されているか必ず確認する" width="400" height="203" class="alignnone size-medium wp-image-4536" /></a></p>
<h3>§ 管理画面の設定</h3>
<p>ライセンス登録が済んだら様々な設定を行うのですが、WPtouch Proの場合、先にテーマ・テンプレートを整え、PCブラウザで一つ一つモバイルサイトを確認しながら設定を進めた方が分かりやすいです。</p>
<p>とりあえず、日本語設定すれば、管理画面も日本語化されるので、分かりやすいです。</p>
<p><a class="highslide img_13" href="http://word-express.net/wp-content/uploads/2012/01/setup1.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/setup1-400x226.jpg" alt="WPtouch Pro 管理画面の日本語化" title="管理画面の日本語化" width="400" height="226" class="alignnone size-medium wp-image-4537" /></a></p>
<h3>§ 子テーマの作成</h3>
<p>まず「テーマブラウザ」にて子テーマを作成します。この場合、「Classic」の「Copy As Child」をクリックします。</p>
<p><a class="highslide img_14" href="http://word-express.net/wp-content/uploads/2012/01/custom1.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/custom1-400x116.jpg" alt="WPtouch-Pro　子テーマ作成" title="子テーマの作成" width="400" height="116" class="alignnone size-medium wp-image-4508" /></a></p>
<p>すると wp-content/wptouch-data/themes/classic-child-1/iphone/ に style.css と function.php が自動生成されます。plugin フォルダの wptouchpro のディレクトリとは異なりますので注意してください。</p>
<p><a class="highslide img_15" href="http://word-express.net/wp-content/uploads/2012/01/custom2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/custom2-400x151.jpg" alt="WPtouch-Pro 　子テーマの自動作成" title="子テーマのファイルが自動生成される" width="400" height="151" class="alignnone size-medium wp-image-4509" /></a></p>
<h3>§ function.phpの設定</h3>
<p>WordPressの個別機能について、デスクトップ・テーマ(PCサイト用)のfunction.phpに記載している場合は、それと同じ内容をコピーしてアップロードします。</p>
<p>全てではなくモバイル・サイトにも反映させたい機能、たとえば、カスタムポスト、タクソノミー、フィード配信などです。</p>
<p>子テーマを作成している場合、function.php は、/wp-content/wptouch-data/themes/テーマ名-child-1/iphone/functions.php に存在します。</p>
<p><a class="highslide img_16" href="http://word-express.net/wp-content/uploads/2012/01/function2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/function2.jpg" alt="WPtouch Pro の function.php" title="モバイル用のfunction.phpの設定" width="172" height="127" class="alignnone size-full wp-image-4538" /></a></p>
<!-- shortcode box --> <div class="shortcode clearfix box ">テーマ・テンプレートに関しては子テーマを作成することをおすすめします。wptouchpro にあるオリジナルのテーマを改変すると、アップデートの際、すべてのファイルが上書きされ、変更した箇所が消えてしまうのと、リスクを避けるためです。</div> <!-- /shortcode box -->
<h3>§ ディベロッパー・モードを有効にする</h3>
<p>PCのブラウザでもモバイル・サイトが確認できるよう、ディベロッパー・モードを有効にします。<br />
IE、Chrome、FireFox、Safariなど、主要なブラウザで機能します。</p>
<p><a class="highslide img_17" href="http://word-express.net/wp-content/uploads/2012/01/developer.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/developer-400x207.jpg" alt="" title="IE、Firefox、ChromeなどPCブラウザでモバイルサイトが確認できる" width="400" height="207" class="alignnone size-medium wp-image-4517" /></a></p>
<h3>§ 細かいカスタマイズ</h3>
<p>あとはブラウザやスマートフォンでサイトの状態を確認しながら、細かい部分を設定します。<br />
難しい部分はほとんど無いです。<br />
メニュー、アイコン、サムネイルや抜粋などを整えたら、普通に記事を閲覧する分にはOKです。</p>
<p>カスタムポストについてはこちらの記事もご参照ください。→　「<a href="http://word-express.net/wptouch-pro-custom-post-type" title="WPtouch Proでカスタムポストを設定する" target="_blank"></a>」</p>
<p><a class="highslide img_18" href="http://word-express.net/wp-content/uploads/2012/01/setup2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/setup2-400x225.jpg" alt="WPtouch Pro " title="モバイル・サイトを設定する" width="400" height="225" class="alignnone size-medium wp-image-4539" /></a></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/wptouch-pro-custom-post-type" rel="bookmark" class="crp_title">WPtouch Proでカスタムポストを設定する</a></li><li><a href="http://word-express.net/wptouch-pro-merit" rel="bookmark" class="crp_title">WPtouch Proのメリットと購入方法</a></li><li><a href="http://word-express.net/sidebar-recent-posts" rel="bookmark" class="crp_title">サイドバーに新着記事を表示する</a></li><li><a href="http://word-express.net/sitetagline" rel="bookmark" class="crp_title">HeadSpaceでSite Taglineを有効活用する　～descriptionの応用～</a></li><li><a href="http://word-express.net/admin-drop-down-menu" rel="bookmark" class="crp_title">管理画面のメニューを見やすくする『Ozh&#8217; Admin Drop Down Menu』</a></li><li><a href="http://word-express.net/plugi" rel="bookmark" class="crp_title">記事ごと / カテゴリーごとに異なるテーマを表示するプラグイン</a></li><li><a href="http://word-express.net/statpress" rel="bookmark" class="crp_title">リアルタイム解析プラグイン『StatPress CN』</a></li><li><a href="http://word-express.net/wordpress-seo-yoast" rel="bookmark" class="crp_title">WordPress SEO by Yoast と meta description</a></li><li><a href="http://word-express.net/addthis" rel="bookmark" class="crp_title">ソーシャルブックマーク、お気に入り、印刷など簡単に追加できるシェア系ボタン『Add this』</a></li><li><a href="http://word-express.net/reflesh" rel="bookmark" class="crp_title">過去記事を新着としてリフレッシュ公開するプラグイン</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/wptouch-pro-setting/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/wptouch-pro-setting" />
	</item>
		<item>
		<title>WPtouch Proのメリットと購入方法</title>
		<link>http://word-express.net/wptouch-pro-merit</link>
		<comments>http://word-express.net/wptouch-pro-merit#comments</comments>
		<pubDate>Fri, 13 Jan 2012 11:57:44 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[WPtouch-Pro]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4513</guid>
		<description><![CDATA[ガラケーからスマートフォンへの移行が進む中、iPhoneやAndroidからのアクセスも急増しています。 WordPressの場合、有料プラグインWPtouch Proを導入することでスマートフォン対応のページが簡単に作 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bravenewcode.com/store/plugins/wptouch-pro/?bnc_affiliate_id=26395&#038;utm_source=affiliate-26395&#038;utm_medium=affiliates&#038;utm_campaign=image600x120_july11" target="_blank"><img src="http://bnc-affiliates.s3.amazonaws.com/wptouch-pro/600x120_july11.jpg" alt="advertisment" /></a></p>
<p>ガラケーからスマートフォンへの移行が進む中、iPhoneやAndroidからのアクセスも急増しています。</p>
<p>WordPressの場合、有料プラグイン<a href="http://www.bravenewcode.com/store/plugins/wptouch-pro/?bnc_affiliate_id=26395&#038;utm_source=affiliate-26395&#038;utm_medium=affiliates&#038;utm_campaign=text2" target="_blank">WPtouch Pro</a>を導入することでスマートフォン対応のページが簡単に作ることができます。</p>
<p>WPtouchには無料版もあり、そちらでも差し支えないのですが、有料版ではカスタムポストのサポートをはじめ、FirefoxやChromeからモバイルサイトのチェックができるディベロッパーモード、独自メニューなど、いろんな機能が揃っていますので、まあ初期費用が高いと言えば高いのですが、今は円高でレートが有利なこともありますし、スマートフォンからの訪問者をしっかりキープしたい場合は強くおすすめします。</p>
<h3>§ 有料版WPtouch Proのメリット</h3>
<p>無料版でもベーシックな機能は揃っていますが、PC用サイトをスマートフォンやタブレットでもフルに表示したい場合、有料版でないとサポートしてない機能もたくさんあります。</p>
<p>＊カスタムポスト・タイプの表示(無料版ではカスタムポストはきちんと表示されません)<br />
＊iPad対応(iPhoneとは異なるテンプレートが用意されている)<br />
＊子テーマの自動作成(無料版には親テンプレートしかなく、アップデートの度に編集箇所のファイルの書き直しが必要)<br />
＊カスタムメニューの作成<br />
＊PCブラウザでのモバイルサイトの確認<br />
＊コメントのスレッド化<br />
etc。<br />
<a class="highslide img_32" href="http://word-express.net/wp-content/uploads/2012/01/merit1.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/merit1-400x293.jpg" alt="" title="有料版のメリット" width="400" height="293" class="alignnone size-medium wp-image-4514" /></a></p>
<p>一番の問題はカスタムポストのサポートです。</p>
<p>PC用サイトに導入していない場合は関係ないですが、多くの重要なカスタムポストを有する場合、このいずれもモバイルで表示されないのは大変な損失です。<br />
（無料版の場合、カスタムポストのURLにアクセスするとトップページにリダイレクトされるなど正しく表示されません）</p>
<p>WPtouch Proでは、最新版の Ver 2.5からカスタムポストがきちんと表示されるようになった為、私も購入に踏み切りました。<br />
理由は「人気記事がカスタムポストに集中していること」「商用に利用していること」です。<br />
開発元の「Bravenewcode」でも指摘されていますが、2013年にはモバイルからのアクセスがPCを上回るだろうとの予測もあり、日本はアメリカほどでないにしても、スマートフォンからのアクセスが急増するのは確かだと思います。</p>
<p>実際、私もPro版に切り替えてから、スマートフォンからのアクセスがほぼ2倍になりました。カスタムポストの人気記事が大きな理由だと思います。無料版ではカスタムポストにアクセスできない為、このすべてを取りこぼしていたからでしょう。<br />
それまでEZとdocomoが上位だったのですが、Pro版にした翌日には1位と2位が逆転しました。<br />
<a class="highslide img_33" href="http://word-express.net/wp-content/uploads/2012/01/merit2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/merit2.jpg" alt="" title="スマートフォンからのアクセスが非常に多い" width="139" height="230" class="alignnone size-full wp-image-4515" /></a></p>
<p>また私のサイトはいずれも画像や動画が多いため、コンテンツを自動的に切り替えてくれるプラグインは有り難いです。<br />
<a class="highslide img_34" href="http://word-express.net/wp-content/uploads/2012/01/merit3.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/merit3-400x247.jpg" alt="" title="動画の閲覧もラクラク" width="400" height="247" class="alignnone size-medium wp-image-4516" /></a></p>
<p>もう一点は、スマートフォンを持っていなくて、モバイルサイトの確認にFirefoxのアドオンを使っていたのですが、Pro版のディベロッパーモードを使えば、IE、Firefox、ChromeなどPCブラウザで簡単にモバイルサイトが閲覧できるので、これも重宝します。<br />
<a class="highslide img_35" href="http://word-express.net/wp-content/uploads/2012/01/developer.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/developer-400x207.jpg" alt="" title="IE、Firefox、ChromeなどPCブラウザでモバイルサイトが確認できる" width="400" height="207" class="alignnone size-medium wp-image-4517" /></a></p>
<p>まあ「1サイト＝49ドル」「5サイト＝99ドル」なので、人によっては負担に感じるかもしれませんが、円高ですし、なによりアクセスが増加するのは有り難いですよね。私はカスタムポストが完璧に表示されるようになったことで非常に満足しております。</p>
<p>なんにせよ、これからまだまだスマートフォンの利用率が増加するのは確かなので、「どうしようかな・・」と逡巡されている方も、<strong>購入後7日間ならキャンセル可能</strong>ですので、まずは試してみてください。</p>
<p>なお、無料版は旧バージョン1.9なので、カスタムポスト機能等、最新のPro版とは大きく異なります。</p>
<h3>§ 購入方法</h3>
<p>まず<a href="http://www.bravenewcode.com/store/plugins/wptouch-pro/?bnc_affiliate_id=26395&#038;utm_source=affiliate-26395&#038;utm_medium=affiliates&#038;utm_campaign=text2" target="_blank">BraveNewCodeの公式サイト『WPtouch Pro』</a>のページに行って、『Buy Now』の緑カートのボタンをクリックします。<br />
アカウント設定画面が現れるので、名前、居住国、メールアドレスを記入します。支払いやサポートに関わりますので匿名はNGです。</p>
<p><a class="highslide img_36" href="http://word-express.net/wp-content/uploads/2012/01/account1.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/account1-400x312.jpg" alt="" title="アカウントの設定" width="400" height="312" class="alignnone size-medium wp-image-4519" /></a></p>
<p>カードかPayPalか支払い方法を選択します。</p>
<p><a class="highslide img_37" href="http://word-express.net/wp-content/uploads/2012/01/payment.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/payment-387x400.jpg" alt="" title="カードかPayPalか支払い方法を選択" width="387" height="400" class="alignnone size-medium wp-image-4520" /></a></p>
<p>PayPalを選択すると自動的にページが切り替わるので、アカウントを入力して先に進みます。</p>
<p><a class="highslide img_38" href="http://word-express.net/wp-content/uploads/2012/01/paypal.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/paypal-400x181.jpg" alt="" title="ペイパルの手続きに進む" width="400" height="181" class="alignnone size-medium wp-image-4521" /></a></p>
<p><a class="highslide img_39" href="http://word-express.net/wp-content/uploads/2012/01/paypal2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/paypal2-400x192.jpg" alt="" title="支払い手続きの完了" width="400" height="192" class="alignnone size-medium wp-image-4522" /></a></p>
<p>支払い手続きが完了すると、すぐにライセンスキーの記されたメールが送られてくるので、ちゃんと保存しておきます。</p>
<p><a class="highslide img_40" href="http://word-express.net/wp-content/uploads/2012/01/email.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/email-375x400.jpg" alt="" title="アカウント開設のメール" width="375" height="400" class="alignnone size-medium wp-image-4523" /></a></p>
<h3>§ プロフィールの設定とライセンス登録</h3>
<p>ライセンスキーのメールを受け取ったら、会員ページにログインします。</p>
<p>「EDIT PROFILE &#038; SETTING」でプロフィールを設定をします。</p>
<p><a class="highslide img_41" href="http://word-express.net/wp-content/uploads/2012/01/profile2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/profile2-400x313.jpg" alt="" title="プロフィールの設定" width="400" height="313" class="alignnone size-medium wp-image-4524" /></a></p>
<p>次に「MY PLUGIN」を開き、ライセンスキーを登録して、ダウンロードします。</p>
<p><a class="highslide img_42" href="http://word-express.net/wp-content/uploads/2012/01/download.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/download-400x169.jpg" alt="" title="ダウンロードを開始" width="400" height="169" class="alignnone size-medium wp-image-4525" /></a></p>
<p>ファイルをサーバーにアップロードし、WordPressのプラグイン管理画面で有効化したら、License → Account &#038; Key を開きます。<br />
登録したメールアドレスとライセンスキーを入力し、配布元のサーバーに情報を送ります（少し時間がかかるのでリロードしたりブラウザを閉じないこと！）。<br />
承認メッセージが表示されたら成功です。</p>
<p><a class="highslide img_43" href="http://word-express.net/wp-content/uploads/2012/01/license.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/license-400x164.jpg" alt="" title="重要なライセンス登録" width="400" height="164" class="alignnone size-medium wp-image-4526" /></a></p>
<p>もう一度、会員ページの MY PLUGIN にアクセスし、利用中のURLがちゃんと表示されているか確認します。</p>
<p><a class="highslide img_44" href="http://word-express.net/wp-content/uploads/2012/01/license2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/license2-400x203.jpg" alt="" title="URLが登録されているか確認" width="400" height="203" class="alignnone size-medium wp-image-4527" /></a></p>
<p>これでPro版のフル機能が使えるようになります。お疲れさまでした。</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/wptouch-pro-setting" rel="bookmark" class="crp_title">WPtouch Pro の初期設定　～モバイル・サイトの作成　</a></li><li><a href="http://word-express.net/wptouch-pro-custom-post-type" rel="bookmark" class="crp_title">WPtouch Proでカスタムポストを設定する</a></li><li><a href="http://word-express.net/sidebar-recent-posts" rel="bookmark" class="crp_title">サイドバーに新着記事を表示する</a></li><li><a href="http://word-express.net/sitetagline" rel="bookmark" class="crp_title">HeadSpaceでSite Taglineを有効活用する　～descriptionの応用～</a></li><li><a href="http://word-express.net/admin-drop-down-menu" rel="bookmark" class="crp_title">管理画面のメニューを見やすくする『Ozh&#8217; Admin Drop Down Menu』</a></li><li><a href="http://word-express.net/statpress" rel="bookmark" class="crp_title">リアルタイム解析プラグイン『StatPress CN』</a></li><li><a href="http://word-express.net/wordpress-seo-yoast" rel="bookmark" class="crp_title">WordPress SEO by Yoast と meta description</a></li><li><a href="http://word-express.net/plugi" rel="bookmark" class="crp_title">記事ごと / カテゴリーごとに異なるテーマを表示するプラグイン</a></li><li><a href="http://word-express.net/addthis" rel="bookmark" class="crp_title">ソーシャルブックマーク、お気に入り、印刷など簡単に追加できるシェア系ボタン『Add this』</a></li><li><a href="http://word-express.net/sidebar-widget" rel="bookmark" class="crp_title">sidebar.php サイドバーの「ウィジェット」「マニュアル編集」について</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/wptouch-pro-merit/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/wptouch-pro-merit" />
	</item>
		<item>
		<title>WPtouch Proでカスタムポストを設定する</title>
		<link>http://word-express.net/wptouch-pro-custom-post-type</link>
		<comments>http://word-express.net/wptouch-pro-custom-post-type#comments</comments>
		<pubDate>Fri, 13 Jan 2012 09:18:21 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[WPtouch-Pro]]></category>
		<category><![CDATA[モバイル]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4507</guid>
		<description><![CDATA[ここではiPhone / iPad テンプレート最適化の有料プラグイン「WPtouch-Pro」でカスタムポストを表示する方法を紹介しています。 一般には表示の切り替えの難しいカスタムポストですが、WPtouch-Pro [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bravenewcode.com/store/plugins/wptouch-pro/?bnc_affiliate_id=26395&#038;utm_source=affiliate-26395&#038;utm_medium=affiliates&#038;utm_campaign=image600x120_july11" target="_blank"><img src="http://bnc-affiliates.s3.amazonaws.com/wptouch-pro/600x120_july11.jpg" alt="advertisment" /></a><br />
<br/></p>
<p>ここではiPhone / iPad テンプレート最適化の有料プラグイン「WPtouch-Pro」でカスタムポストを表示する方法を紹介しています。</p>
<p>一般には表示の切り替えの難しいカスタムポストですが、WPtouch-Pro の場合、管理画面からカスタムポストを有効化し、function.phpにちょっとコードを書き加えるだけで、ラクラク表示されるようになります。通常テーマのようにsingle-●●.php を作る必要もありません。<br />
カスタムポストを設定している場合、これがモバイルでもきちんと表示されるか否かでアクセスも大きく違ってきますので、ぜひ表示設定して、アクセスアップにお役立てください。</p>
<p>なお、無料の WPtouch-free にはカスタムポストのサポート機能がありませんので、お気を付けください。</p>
<h3>§ 基本の設定</h3>
<p>まず「テーマブラウザ」にて子テーマを作成します。この場合、「Classic」の「Copy As Child」をクリックします。</p>
<p><a class="highslide img_50" href="http://word-express.net/wp-content/uploads/2012/01/custom1.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/custom1-400x116.jpg" alt="WPtouch-Pro　子テーマ作成" title="子テーマの作成" width="400" height="116" class="alignnone size-medium wp-image-4508" /></a></p>
<p>すると wp-content/wptouch-data/themes/classic-child-1/iphone/ に style.css と function.php が自動生成されます。plugin フォルダの wptouchpro のディレクトリとは異なりますので注意してください。</p>
<p><a class="highslide img_51" href="http://word-express.net/wp-content/uploads/2012/01/custom2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/custom2-400x151.jpg" alt="WPtouch-Pro 　子テーマの自動作成" title="子テーマのファイルが自動生成される" width="400" height="151" class="alignnone size-medium wp-image-4509" /></a></p>
<p>function.phpにお使いのデスクトップ・テーマ(PC表示用)に使用しているカスタムポスト設定と同じ内容をコピーして、アップロードします。（参照→<a href="http://word-express.net/custompost-practice" title="カスタムポストの実用とカスタマイズ" class="broken_link" rel="nofollow">カスタムポストの実用とカスタマイズ</a>）<br />
こういうの↓<br />
<a class="highslide img_52" href="http://word-express.net/wp-content/uploads/2012/01/custom3.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/custom3.jpg" alt="" title="function.phpのカスタムポスト設定をコピー" width="304" height="172" class="alignnone size-full wp-image-4510" /></a></p>
<p>次に、アクティブテーマ → Extentions → Custom Post Types で 表示したいカスタムポストを有効にします。</p>
<p><a class="highslide img_53" href="http://word-express.net/wp-content/uploads/2012/01/custom4.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/custom4-400x147.jpg" alt="" title="カスタムポストの表示を有効にする" width="400" height="147" class="alignnone size-medium wp-image-4511" /></a></p>
<p>実際にiPhone もしくは iPad でカスタムポストのURLにアクセスし、きちんと表示されたら成功です。</p>
<p>※デスクトップ・テーマのようにsingle-●●.phpを作る必要はありません。</p>
<!-- shortcode box --> <div class="shortcode clearfix box ">テーマ・テンプレートに関しては子テーマを作成し、wptouchpro にあるオリジナルのテーマを改変するのは避けた方がいいです。アップデートの際、すべてのファイルが上書きされ、変更した箇所が消えてしまうのと、リスクを避けるためです。</div> <!-- /shortcode box -->
<h3>§ アーカイブにカスタムポストを含める</h3>
<p>WPtouch-Proには、iPhoneやiPadに適した独自のArhivesが備わっています。<br />
デフォルトの状態ではカスタムポストタイプはアーカイブリストに含まれないので、function.php に次のようなコードを記入します。</p>
<p><a class="highslide img_54" href="http://word-express.net/wp-content/uploads/2012/01/custom5.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/custom5.jpg" alt="" title="独自のアーカイブ機能" width="220" height="249" class="alignnone size-full wp-image-4512" /></a></p>
<p>通常投稿のpostに加え、diary、love、という二種類のカスタムポストをアーカイブリストに含める場合。<br />
Arhivesにもトップページのインデックスにも表示されるようになります。</p>
<pre class="brush: php; title: ; notranslate">
add_filter( 'getarchives_where' , 'ucc_getarchives_where_filter' , 10 , 2 );
function ucc_getarchives_where_filter( $where , $r ) {
	$args = array( 'public' =&gt; true , '_builtin' =&gt; false );
	$output = 'names'; $operator = 'and';
	$post_types = get_post_types( $args , $output , $operator );
	$post_types = array_merge( $post_types , array( 'post','diary','love' ) );
	$post_types = &quot;'&quot; . implode( &quot;' , '&quot; , $post_types ) . &quot;'&quot;;
	return str_replace( &quot;post_type = 'post'&quot; , &quot;post_type IN ( $post_types )&quot; , $where );
}
</pre>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/wptouch-pro-setting" rel="bookmark" class="crp_title">WPtouch Pro の初期設定　～モバイル・サイトの作成　</a></li><li><a href="http://word-express.net/wptouch-pro-merit" rel="bookmark" class="crp_title">WPtouch Proのメリットと購入方法</a></li><li><a href="http://word-express.net/sidebar-recent-posts" rel="bookmark" class="crp_title">サイドバーに新着記事を表示する</a></li><li><a href="http://word-express.net/addthis" rel="bookmark" class="crp_title">ソーシャルブックマーク、お気に入り、印刷など簡単に追加できるシェア系ボタン『Add this』</a></li><li><a href="http://word-express.net/sidebar-widget" rel="bookmark" class="crp_title">sidebar.php サイドバーの「ウィジェット」「マニュアル編集」について</a></li><li><a href="http://word-express.net/custom-post-ktai" rel="bookmark" class="crp_title">カスタムポストをktai styleで表示する</a></li><li><a href="http://word-express.net/archive-custompost" rel="bookmark" class="crp_title">月別アーカイブにカスタムポストを含めて表示する</a></li><li><a href="http://word-express.net/wp-20" rel="bookmark" class="crp_title">カスタムフィールドの使い方</a></li><li><a href="http://word-express.net/relatedpost" rel="bookmark" class="crp_title">手動で関連記事を表示する『Microkid&#8217;s Related Posts』</a></li><li><a href="http://word-express.net/plugi" rel="bookmark" class="crp_title">記事ごと / カテゴリーごとに異なるテーマを表示するプラグイン</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/wptouch-pro-custom-post-type/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/wptouch-pro-custom-post-type" />
	</item>
		<item>
		<title>サイドバーに新着記事を表示する</title>
		<link>http://word-express.net/sidebar-recent-posts</link>
		<comments>http://word-express.net/sidebar-recent-posts#comments</comments>
		<pubDate>Tue, 10 Jan 2012 13:29:43 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[初心者向け WordPress講座]]></category>
		<category><![CDATA[サイドバーとsidebar.php]]></category>
		<category><![CDATA[関連記事-最新記事-その他記事リスト]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4496</guid>
		<description><![CDATA[ここではサイドバーに新着記事のリストを表示する方法を紹介しています。 マニュアルでも、ウィジェットでも、どちらでもOK。 サムネイル付き、カテゴリー限定など、いろんな方法があります。 § テンプレート・タグを使ったsid [...]]]></description>
			<content:encoded><![CDATA[<p>ここではサイドバーに新着記事のリストを表示する方法を紹介しています。</p>
<p>マニュアルでも、ウィジェットでも、どちらでもOK。</p>
<p>サムネイル付き、カテゴリー限定など、いろんな方法があります。</p>
<h3>§ テンプレート・タグを使ったsidebar.phpのマニュアル編集</h3>
<p>もっともポピュラーで分かりやすい方法は、テンプレート・タグ wp_get_arhives を使う方法。詳しくは<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/wp_get_archives" title="Codex日本語版" target="_blank">Codex日本語版</a>を参照。</p>
<p>最新の記事10本のタイトルを表示します。</p>
<pre class="brush: php; title: ; notranslate">
 &lt;?php wp_get_archives('type=postbypost&amp;limit=10'); ?&gt;
</pre>
<p>この方法だと、すべてのカテゴリーの新着記事がリストアップされます。カスタムポストは含まれません。</p>
<p>カスタムポストを含む場合は、お使いのテーマ・テンプレートのfunction.phpに次のコードを書き込みます。<br />
「movie」「book」というカスタムポストをアーカイブに含める場合。</p>
<pre class="brush: php; title: ; notranslate">
function add_custom_types_archive( $query ) {
if( is_category() || is_tag() &amp;&amp; empty( $query-&gt;query_vars['suppress_filters'] ) ) {
$query-&gt;set( 'post_type', array(
 'post', 'movie', 'book'
            ));
      return $query;
    }
}
add_filter( 'pre_get_posts', 'add_custom_types_archive' );
</pre>
<p><br/><br />
より細かなカスタマイズが必要なら、query_postsが便利です。</p>
<p><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/query_posts">参照ページ　テンプレートタグquery posts</a></p>
<p>「カテゴリーID＝3,6,9,10に属する新着記事10件をランダムに表示する」</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php query_posts('cat=3,6,9,10&amp;showposts=10&amp;orderby=rand'); ?&gt;
&lt;ul&gt;
  &lt;?php while (have_posts()) : the_post(); ?&gt;
  &lt;li&gt;&lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;?php endwhile;?&gt;
&lt;/ul&gt;
</pre>
<p>特定のカテゴリーを除外する場合は、cat=-3 のように、マイナスを書き込みます。</p>
<h3>§ 新着記事のプラグイン</h3>
<p><a href="http://wordpress.org/extend/plugins/" title="WordPress公式プラグイン置き場" target="_blank">WordPress公式サイト</a>で「recent posts」で検索すると、新着記事リストを表示する様々なプラグインが見つかります。</p>
<p>特におすすめが<strong><a href="http://wordpress.org/extend/plugins/advanced-most-recent-posts-mod/screenshots/" target="_blank">Advanced Most Recent Posts Mod</a></strong></p>
<p>サムネイル付き、抜粋、日付、カスタムポスト、カテゴリー除外など、ウィジェットで細かく設定することができます。<br />
実際の動作は<a href="http://sanmarie.me" title="sanmarie*com" target="_blank">http://sanmarie.me</a>を参照してください。</p>
<p><a class="highslide img_60" href="http://word-express.net/wp-content/uploads/2012/01/advanced-recent-posts.png" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/advanced-recent-posts-112x400.png" alt="" title="サムネイルの画像サイズなど細かい設定が簡単にできます。" width="112" height="400" class="alignnone size-medium wp-image-4497" /></a></p>
<p>似たようなプラグインに、次のようなものがあります。<br />
・<a href="http://wordpress.org/extend/plugins/special-recent-posts/" target="_blank">Special Recent Posts</a><br />
・<a href="http://wordpress.org/extend/plugins/yd-recent-posts-widget/" target="_blank">YD Recent Posts Widget</a></p>
<p><br/><br />
複数の投稿タイプの新着記事をミックスして表示したい場合は、<a href="http://wordpress.org/extend/plugins/recent-custom-posts/" target="_blank">Recent Custom Posts</a>がおすすめ。</p>
<p>複数の投稿タイプを指定して（Ctrlキーを押しながら選択）、好きな数だけリスト表示できます。</p>
<p><a class="highslide img_61" href="http://word-express.net/wp-content/uploads/2012/01/custom-recent-posts.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/custom-recent-posts.jpg" alt="" title="複数のカスタムポストを混ぜ合わせてリスト表示" width="264" height="331" class="alignnone size-full wp-image-4498" /></a></p>
<p><br/><br />
複数のドメインから新着記事を拾いたい場合は、ブログロールのRSSフィードを利用した<strong><a href="http://wordpress.org/extend/plugins/blogroll-rss-widget/" title="Blogroll Widget with RSS Feeds" target="_blank">Blogroll Widget with RSS Feeds</a></strong>がおすすめ。<br />
フィードから記事タイトルや抜粋を取得しますが、表示が速いです。</p>
<p>まず表示したいサイトのURLのフィードを管理画面の「リンク」(ブログロール)に登録します。<br />
カテゴリー別のフィードなどもOK。</p>
<p><a class="highslide img_62" href="http://word-express.net/wp-content/uploads/2012/01/blogroll-rss2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/blogroll-rss2-400x81.jpg" alt="" title="特定カテゴリーのフィードでもOK" width="400" height="81" class="alignnone size-medium wp-image-4501" /></a></p>
<p>次にウィジェットで表示したい項目を設定します。（記事ごとのサムネイルは表示しません）</p>
<p><a class="highslide img_63" href="http://word-express.net/wp-content/uploads/2012/01/blogroll-rss.png" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/blogroll-rss-241x400.png" alt="" title="登録したURLのフィードから新着記事を拾う" width="241" height="400" class="alignnone size-medium wp-image-4500" /></a></p>
<h3>§ ウィジェットのPHP実行</h3>
<p>　</p>
<p><a name="php-widdget">ウィジェットにPHPコード</a>を書き込んで記事リストを表示する場合、そのままでは動作しないので、プラグインを利用すると使えるようになります。</p>
<p><a href="http://wordpress.org/extend/plugins/wp-php-widget/" title="プラグイン「wp-php-widget」" target="_blank">WP PHP widget</a></p>
<p>管理画面で有効化するだけで、PHP、Text、HTML、JAvascript、Flash が使えるようになります。</p>
<p><a class="highslide img_64" href="http://word-express.net/wp-content/uploads/2012/01/php-widget.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/php-widget.jpg" alt="" title="Text, HTML, Javascript, Flash ,PHP　が使える " width="263" height="320" class="alignnone size-full wp-image-4506" /></a></p>
<p>似たようなプラグインに<a href="http://wordpress.org/extend/plugins/php-code-widget/" title="プラグイン『php code widget』" target="_blank">PHP Code Widget</a>があります。</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/recent-custom-posts" rel="bookmark" class="crp_title">複数のカスタムポスト・タイプの最新記事をサイドバーに表示するプラグイン『Recent Custom Posts』</a></li><li><a href="http://word-express.net/wp-48" rel="bookmark" class="crp_title">アーカイブ(過去記事)を更新して生かす方法</a></li><li><a href="http://word-express.net/plugin-3" rel="bookmark" class="crp_title">いつか役に立つプラグイン</a></li><li><a href="http://word-express.net/wp-39" rel="bookmark" class="crp_title">WordPress MUが使えない人はrssよりBlogrollを活用しましょう</a></li><li><a href="http://word-express.net/wptouch-pro-merit" rel="bookmark" class="crp_title">WPtouch Proのメリットと購入方法</a></li><li><a href="http://word-express.net/wptouch-pro-setting" rel="bookmark" class="crp_title">WPtouch Pro の初期設定　～モバイル・サイトの作成　</a></li><li><a href="http://word-express.net/wptouch-pro-custom-post-type" rel="bookmark" class="crp_title">WPtouch Proでカスタムポストを設定する</a></li><li><a href="http://word-express.net/relatedpost" rel="bookmark" class="crp_title">手動で関連記事を表示する『Microkid&#8217;s Related Posts』</a></li><li><a href="http://word-express.net/addquicktag" rel="bookmark" class="crp_title">WP 3.3 のアップデートでAddQuicktagが使えなくなった→新バージョン公開</a></li><li><a href="http://word-express.net/reflesh" rel="bookmark" class="crp_title">過去記事を新着としてリフレッシュ公開するプラグイン</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/sidebar-recent-posts/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/sidebar-recent-posts" />
	</item>
		<item>
		<title>サイドバーの切り替え ～カテゴリー、カスタムポスト、アーカイブなど～</title>
		<link>http://word-express.net/sidebar-switch</link>
		<comments>http://word-express.net/sidebar-switch#comments</comments>
		<pubDate>Mon, 09 Jan 2012 22:53:49 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[WordPressの小技]]></category>
		<category><![CDATA[カスタムポスト]]></category>
		<category><![CDATA[サイドバーとsidebar.php]]></category>
		<category><![CDATA[条件分岐]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4493</guid>
		<description><![CDATA[ここではコンテンツに応じたサイドバーの切り替えを紹介しています。 映画には映画、音楽には音楽に関連した記事リストや広告バナーなどを表示したい場合、自動的にサイドバーを切り替えると便利です。 カテゴリー、タグ、カスタムポス [...]]]></description>
			<content:encoded><![CDATA[<p>ここではコンテンツに応じたサイドバーの切り替えを紹介しています。</p>
<p>映画には映画、音楽には音楽に関連した記事リストや広告バナーなどを表示したい場合、自動的にサイドバーを切り替えると便利です。</p>
<p>カテゴリー、タグ、カスタムポスト、アーカイブ別にsidebar-●●.phpを使い分け、指定したウィジェットを読み込ませる方法です。</p>
<h3>§ 条件分岐の構文を使う</h3>
<p>たとえば映画カテゴリーに特化したサイドバーを表示したい場合、sidebar-movie.php（ファイル名は任意）を作成します。</p>
<p>sidebar.phpを名前を変えて保存し、ちょっとずつ手を加えると分かりやすいです。</p>
<p>次に、single.phpなど、　php get_sidebar(); を読み込んでいる箇所を次のように書き換えます。（テーマ・テンプレートによってheader.phpやfooter.phoに記載されています）</p>
<p>映画カテゴリーのスラッグが movie の場合。自動的にsidebar-movie.phpに置き換えます。<br />
（カテゴリーIDでも可能。詳しくは<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/in_category" title="テンプレート・タグ in_category" target="_blank" class="broken_link" rel="nofollow">テンプレート・タグ in_category</a>を参照のこと）</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php if ( in_category('movie')): ?&gt;
&lt;?php include( TEMPLATEPATH . '/sidebar-movie.php' ); ?&gt;
&lt;?php endif; ?&gt;
</pre>
<p>複数のカテゴリーおよびファイルを指定する場合。<br />
movieカテには　sidebar-movie.php、animeとmangaには sidebar-otaku.php、その他のカテゴリーは sidebar.php を読み込みます。</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
if ( in_category( 'movie' )) {
	&lt;?php include( TEMPLATEPATH . '/sidebar-movie.php' ); ?&gt;
} elseif ( in_category( array( 'anime', 'manga' ) )) {
	&lt;?php include( TEMPLATEPATH . '/sidebar-otaku.php' ); ?&gt;
} else {
	&lt;?php include( TEMPLATEPATH . '/sidebar.php' ); ?&gt;
}
?&gt;
</pre>
<p>他にも、is_tag や　is_archive など、様々な条件分岐を応用することができます。</p>
<p>詳しくはこちら→<a href="http://wpdocs.sourceforge.jp/%E6%9D%A1%E4%BB%B6%E5%88%86%E5%B2%90%E3%82%BF%E3%82%B0" title="CODEX『条件分岐』" target="_blank" class="broken_link" rel="nofollow">Codex日本語版「条件分岐タグ」</a></p>
<p>PHPファイルでなくても、テキスト、画像、広告バナー、カスタムフィールドなど、いろんなコンテンツが入ります。<br />
header.phpやfooter.phpなどでも使えますので、いろいろ応用して応用してください。</p>
<p>また条件分岐タグの置き方は、いろんな方法があります。たくさん情報が出ていますので、検索してみてください。</p>
<h3>§ ウィジェットを増設する</h3>
<p>オリジナルのウィジェットを増設したい場合は、function.phpに次のコードを記入します。</p>
<p>名前が「映画」、id が「movie」の場合。divや見出しタグの内容はスタイルシートで好きなように設定してください。</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
	if ( function_exists('register_sidebar') ) {
	register_sidebar(array(
		'name' =&gt; '映画',
		'id' =&gt; 'movie',
		'before_widget' =&gt; '&lt;div class=&quot;●●&quot;&gt;',
		'after_widget' =&gt; '&lt;/div&gt;',
		'before_title' =&gt; '&lt;h3&gt;',
		'after_title' =&gt; '&lt;/h3&gt;'
	));
}
?&gt;
</pre>
<p>次に、sidebar-●●.phpに次のようなコードを記入して、id=movieのウィジェットが反映されるようにします。</p>
<p>記述の仕方はテーマ・テンプレートによって様々なので、お使いのsidebar.phpの記述をアレンジすると分かりやすいです。</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('movie') ) : ?&gt;
&lt;?php endif; ?&gt;
</pre>
<h3>§ カスタムポストの場合</h3>
<p>基本的に、カスタムポストの表示には、single-●●（カスタムポスト名）.phpを作成する必要があります。</p>
<p>カスタムポストに応じたサイドバーを表示したい場合、single-●●.phpに sidebar-●●.phpをインクルードして読み込ませるのが一番分かりやすいと思います。</p>
<p>＜？ php get_sidebar(); ？＞の部分を、＜?php include( TEMPLATEPATH . &#8216;/sidebar-●●.php&#8217; ); ?＞に置き換えるだけです。</p>
<p>カスタムポストに応じたウィジェットを増設してもいいですね。作り方は上記の通りです。</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/wp-10" rel="bookmark" class="crp_title">サイドバーのカスタマイズ(2)　フリースペースの応用、特化型サイドバー、incude構文　</a></li><li><a href="http://word-express.net/sidebar-widget" rel="bookmark" class="crp_title">sidebar.php サイドバーの「ウィジェット」「マニュアル編集」について</a></li><li><a href="http://word-express.net/custom-post-type-twitter" rel="bookmark" class="crp_title">カスタムポストとTwitterを使ってサイドブログを楽しむ</a></li><li><a href="http://word-express.net/wp-11" rel="bookmark" class="crp_title">投稿記事 single.php のカスタマイズ</a></li><li><a href="http://word-express.net/magazine" rel="bookmark" class="crp_title">WordPress アフィリエイト活用術</a></li><li><a href="http://word-express.net/wp-31" rel="bookmark" class="crp_title">サイト in サイトの構想　一つのドメインにサブコンテンツを作る方法</a></li><li><a href="http://word-express.net/plugi" rel="bookmark" class="crp_title">記事ごと / カテゴリーごとに異なるテーマを表示するプラグイン</a></li><li><a href="http://word-express.net/wp-9" rel="bookmark" class="crp_title">サイドバーのカスタマイズ(1) 新着記事、カテゴリー内記事一覧、カテゴリーリスト</a></li><li><a href="http://word-express.net/wp-41" rel="bookmark" class="crp_title">あとで後悔しないためのWordPress構築　3大ポイント</a></li><li><a href="http://word-express.net/custompost-practice" rel="bookmark" class="crp_title">カスタムポストの実用とカスタマイズ</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/sidebar-switch/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/sidebar-switch" />
	</item>
		<item>
		<title>sidebar.php サイドバーの「ウィジェット」「マニュアル編集」について</title>
		<link>http://word-express.net/sidebar-widget</link>
		<comments>http://word-express.net/sidebar-widget#comments</comments>
		<pubDate>Mon, 09 Jan 2012 20:10:55 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[初心者向け WordPress講座]]></category>
		<category><![CDATA[サイドバーとsidebar.php]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4489</guid>
		<description><![CDATA[サイドバー（sidebar.php）のカスタマイズには、「ウィジェット」と「マニュアル（手書き編集）」の二通りあります。 マニュアルは、テーマ・テンプレートのPHPコードを手書きで編集しますが、ウィジェットは、カテゴリー [...]]]></description>
			<content:encoded><![CDATA[<p>サイドバー（sidebar.php）のカスタマイズには、「ウィジェット」と「マニュアル（手書き編集）」の二通りあります。</p>
<p>マニュアルは、テーマ・テンプレートのPHPコードを手書きで編集しますが、ウィジェットは、カテゴリー、新着記事、タグクラウドといった構成部品を、次のようなパネル操作でカスタマイズします。</p>
<p>ウィジェットは、管理画面メニューの『外観』→『ウィジェット』から操作することができます。</p>
<p><img src="/wp/wpimg/side1.jpg" alt="WordPress"></p>
<p>各メニューはドラッグ＆ドロップで移動し、編集画面を開いてカスタマイズします。</p>
<p><img src="/wp/wpimg/side3.jpg" alt="WordPress"></p>
<p>実際の画面。</p>
<p><img src="/wp/wpimg/side2.jpg" alt="WordPress"></p>
<h3>§ ウィジェットの自動切り替えとカスタマイズ</h3>
<p>ウィジェットの不便な点は、一度設定してしまうと、すべてのサイドバーに内容が反映されることです。</p>
<p>たとえば、sidebar-●●.php というファイルを作成し、手動でカテゴリーリストなどのテンプレート・タグを書き込んでも、( !function_exists(&#8216;dynamic_sidebar&#8217;) が存在し、ウィジェットが一つでも設定されていれば、マニュアル編集した分は反映されなくなります。</p>
<p>ウィジェットの内容を反映させたくない場合、function_exists と末尾のendifを削除します。<br />
次のコードはSidebar_1というIDのウィジェットを利用しているケース。</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar_1') ) : ?&gt;
　☆ウィジェットが設定されている場合、この区間のテンプレート・タグは無視され、ウィジェットの内容が優先されます☆
&lt;?php endif; ?&gt;
</pre>
<p>逆に、独自のウィジェットを反映したい場合、function.phpを使ってウィジェットを増設すると便利です。</p>
<p>「フォトギャラリー」という名前のウィジェットを id=gallery で登録する場合。お使いのテーマ・ファイルのfunction.phpに次のように記述します。divや見出しタグの内容はご自由に。</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
	if ( function_exists('register_sidebar') ) {
	register_sidebar(array(
		'name' =&gt; 'フォトギャラリー',
		'id' =&gt; 'gallery',
		'before_widget' =&gt; '&lt;div class=&quot;●●&quot;&gt;',
		'after_widget' =&gt; '&lt;/div&gt;',
		'before_title' =&gt; '&lt;h3&gt;',
		'after_title' =&gt; '&lt;/h3&gt;'
	));
}
?&gt;
</pre>
<p>次に任意のsidebar.phpにと書き込めばOK。<br />
テーマ・テンプレートによって、コードの書き方が異なるので、最初は分かりにくいかもしれませんが、基本は dynamic_sidebar(&#8221;)にウィジェットのIDを記述します。ヘッダーやフッターに設置するウィジェットも同じ要領です。</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('gallery') ) : ?&gt;
&lt;?php endif; ?&gt;
</pre>
<p><br/><br />
一例として、Love、Kosodateといったカスタムポスト・タイプに応じてサイドバーを使い分け、それぞれのコンテンツに応じた記事リストや広告バナーが表示されるよう自動で切り替えています。</p>
<p>上記で紹介したようにfunction.phpでウィジェットを登録し、カスタムポストに応じたsidebar-●●.phpを読み込み、そこに指定したウィジェットを表示させる方法です。</p>
<p><a class="highslide img_66" href="http://word-express.net/wp-content/uploads/2012/01/widget.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2012/01/widget-212x400.jpg" alt="ウィジェット　増設　function.php" title="ウィジェットは幾つでも増やせる。" width="212" height="400" class="alignnone size-medium wp-image-4490" /></a></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/sidebar-switch" rel="bookmark" class="crp_title">サイドバーの切り替え ～カテゴリー、カスタムポスト、アーカイブなど～</a></li><li><a href="http://word-express.net/custom-post-type-twitter" rel="bookmark" class="crp_title">カスタムポストとTwitterを使ってサイドブログを楽しむ</a></li><li><a href="http://word-express.net/sideblog" rel="bookmark" class="crp_title">複数ブログ（サイドブログ）の作成　～記事ごと、カテゴリーごとにテンプレートを切り替える～</a></li><li><a href="http://word-express.net/plugi" rel="bookmark" class="crp_title">記事ごと / カテゴリーごとに異なるテーマを表示するプラグイン</a></li><li><a href="http://word-express.net/sidebar-recent-posts" rel="bookmark" class="crp_title">サイドバーに新着記事を表示する</a></li><li><a href="http://word-express.net/custompost-practice" rel="bookmark" class="crp_title">カスタムポストの実用とカスタマイズ</a></li><li><a href="http://word-express.net/wptouch-pro-custom-post-type" rel="bookmark" class="crp_title">WPtouch Proでカスタムポストを設定する</a></li><li><a href="http://word-express.net/wp-20" rel="bookmark" class="crp_title">カスタムフィールドの使い方</a></li><li><a href="http://word-express.net/wptouch-pro-merit" rel="bookmark" class="crp_title">WPtouch Proのメリットと購入方法</a></li><li><a href="http://word-express.net/wptouch-pro-setting" rel="bookmark" class="crp_title">WPtouch Pro の初期設定　～モバイル・サイトの作成　</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/sidebar-widget/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/sidebar-widget" />
	</item>
		<item>
		<title>パーマリンクとトップページのURL設定  （.htaccess）</title>
		<link>http://word-express.net/pemalink</link>
		<comments>http://word-express.net/pemalink#comments</comments>
		<pubDate>Mon, 09 Jan 2012 16:58:15 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[初心者向け WordPress講座]]></category>
		<category><![CDATA[WordPress導入編]]></category>
		<category><![CDATA[パーマリンク]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4488</guid>
		<description><![CDATA[ここではWordPressのパーマリンク設定と.htaccess、トップページのURL設定について説明しています。 .htaccessについては、使用を禁止しているサーバーもありますので（日本のメジャーサービスではまずあ [...]]]></description>
			<content:encoded><![CDATA[<p>ここではWordPressのパーマリンク設定と.htaccess、トップページのURL設定について説明しています。</p>
<p>.htaccessについては、使用を禁止しているサーバーもありますので（日本のメジャーサービスではまずあり得ませんが）、お使いのサービスの利用条件をよく確認してから作業を始めて下さい。</p>
<h3>§ もくじ</h3>
<ol>
<li><a href="#1">パーマリンクを設定する</a>
<li><a href="#2">トップページのURLを設定する</a>
</ol>
<p><a name="1"><br />
<h3>§ パーマリンク設定をしよう</h3>
<p></a></p>
<p>WordPressの基本設定で、まず第一に着手していただきたいのが、トップページのURLアドレスとパーマリンク設定です。</p>
<p>WordPressのデフォルトのURLは、次の場合、『http://sanmarie.enf.pl/?p=123』となっています。</p>
<p>でも『http://sanmarie.enf.pl/book』というようなアドレスの方が、はるかに分かりやすいですよね。</p>
<p>記事ごとにスラッグを設定する場合、『<strong>/%postname%</strong>』と設定して、画面下部の『変更を保存』をクリックします。</p>
<p><img src="/wp/wpimg/in30.jpg" alt="WordPress"></p>
<p>するとサーバー側のWordPress本体ファイルをアップロードしたフォルダ、もしくはトップディレクトリに <strong>.htaccessファイルが自動生成され</strong>、次のようなメッセージが現れます。（基本的に手動で作成する必要はありません）</p>
<p><img src="/wp/wpimg/in32.jpg" alt="WordPress"></p>
<p>%postname%は、新規投稿画面の「パーマリンク」で自由に設定することが出来ます。</p>
<p><img src="/wp/wpimg/in31.jpg" alt="WordPress"></p>
<p><font color="green">このパーマリンク設定の欄は、投稿を「下書きとして保存」した時に初めて画面に現れます</font></p>
<p><br/></p>
<p>自動生成される .htaccessの一例です。</p>
<!-- shortcode box --> <div class="shortcode clearfix box "><br />
# BEGIN WordPress</p>
<p>RewriteEngine On<br />
RewriteBase /<br />
RewriteCond %{REQUEST_FILENAME} !-f<br />
RewriteCond %{REQUEST_FILENAME} !-d<br />
RewriteRule . /index.php [L]
<p># END WordPress<br />
</div> <!-- /shortcode box -->
<p>ここに記述されている「<strong>mod_rewrite</strong>」が、WordPressのデフォルトURLをカスタム構造に書き換える機能を持ちます。</p>
<p>このmod_rewrite機能は、多くのレンタル・サーバーで実装されていますが、中には、この機能が備わっていない、あるいは「.htaccess自体が使用不可」というところもあります。</p>
<p>そんな時は、次のプラグインを試してみて下さい。</p>
<p><strong><a href="http://blog.mgsimon.de/mg404rewrite/" target="_blank">【mg404Rewrite】　http://blog.mgsimon.de/mg404rewrite/</a></strong></p>
<p>上記のプラグインが動作しない場合は、WordPress公式サイトのプラグイン置き場、『permalink』一覧から探すことができます。<br />
<a href="http://wordpress.org/extend/plugins/tags/permalink">http://wordpress.org/extend/plugins/tags/permalink</a></p>
<p></br><br />
それでも自己解決できない場合は、サーバー会社に、.htaccessとmod_rewriteが動作するのか問い合わせてみましょう。</p>
<p>サーバー上で、.htaccessが機能するのに、パーマリンク設定の『変更保存』を捺しても、ファイルが自動的に作成されない場合があります。</p>
<p>「.htaccess を更新する必要があります」というエラーメッセージが表示され、画面下部に、mod_rewriteのコードがずらずら出てくるケースです。</p>
<p>自分で.htaccessファイルを作成したり、他のCGI＆PHPプログラム用のコードを追記したり、複数の.htaccessをあちこちに置いたりした場合に発生しやすいです。</p>
<p>考えられる原因として、</p>
<p>(1) .htaccessのパーミッションが「６６６（書き込み可能）」になっていない。</p>
<p>(2) ファイル名の設定が間違っている。[.htacees]や[.htaccess.txt]　になっている。</p>
<p>(3) .htaccessの置き場所を間違っている。</p>
<p>FTPのホスト画面に「.htaccess」ファイルが見あたらない場合、お使いのFTPツールが「隠しファイルを表示しない」に設定されている可能性があります。</p>
<p><font color="green">NextFTPの場合。隠しファイルも表示するように設定</font></p>
<p><img src="/wp/wpimg/in44.jpg" alt="WordPress"></p>
<p>以下の参考サイトもご一読ください。</p>
<!-- shortcode box --> <div class="shortcode clearfix box "><br />
初心者向け　設定説明　<a href="http://htaccess.pasoa.com/" target="_blank">http://htaccess.pasoa.com/</a><br />
オンラインで.htaccessを作成しよう　<a>http://www.htaccesseditor.com/</a><br />
</div> <!-- /shortcode box -->
<p></br><br />
なお、検索エンジンに最適なパーマリンク設定として、アドレスの末尾に「.html」もしくは「.htm」を追記し、静的生成されたサイトに見せるためのテクニックが推奨されています。</p>
<p>その場合、「カスタム構造」に、『<strong>/%postname%.html</strong>』と記入すれば、『http://sanmarie.enf.pl/book.html』といった、HTMLサイト風のURLになります。</p>
<!-- shortcode box --> <div class="shortcode clearfix box "><br />
参考記事；<br />
<a href="http://blogn.3co.jp/tip_seo_html.php" target="_blank">BlognPlus（ぶろぐん＋）を検索エンジンに載りやすいブログに改造しよう</a><br />
<a href="http://lililink.net/toku_link.html" target="_blank">効果の高い被リンク！？ RiRiリンク</a><br />
</div> <!-- /shortcode box -->
<p><br/><br />
オプションにあるカテゴリースラッグも、自分の分かりやすいものに変えてもいいかもしれません。</p>
<p>デフォルトは、『http://example.com/category/~』です。</p>
<p><a href="#index"><img src="/set/ya.gif" align="right"></a></p>
<p><a name="2"><br />
<h3>§ トップページのアドレスを設定しよう</h3>
<p></a></p>
<p>サーバー側に『wordpress』というフォルダを作って、そこにファイルを展開した場合、トップページのアドレスは、次のように設定されます。</p>
<p><img src="/wp/wpimg/in33.jpg" alt="WordPress"></p>
<p>しかし、『http://sanmarie.enf.pl/wordpress』ではなく、『http://sanmarie.enf.pl』に設定したい場合、次のように変更して保存します。</p>
<p><img src="/wp/wpimg/in38.jpg" alt="WordPress"></p>
<p>ついで、ファイルの編集作業を行います。</p>
<p>(1)　「wordpress」直下のindex.phpをローカル側にダウンロードします。</p>
<p><img src="/wp/wpimg/in34.jpg" alt="WordPress"></p>
<p>(2)　テキストエディターで開き、最後の行をフォルダの置き場所に書き換えます。<br />
（ファイル階層の最上位から見た、wp-blog-header.phpの置き場所）</p>
<p><img src="/wp/wpimg/in35.jpg" alt="WordPress"></p>
<p>↓　書き換え・・</p>
<p><img src="/wp/wpimg/in36.jpg" alt="WordPress"></p>
<p>(3)　書き換えたら、index.phpを「public_html」直下に移動します。</p>
<p>(4)　次に、.htaccessを「public_html」直下に移動します。</p>
<p><img src="/wp/wpimg/in37.jpg" alt="WordPress"></p>
<p>上手く表示されたら、成功です☆　　　（　´_ゝ`）（´<_｀ ）さすがだよな、俺たち・・</p>
<p>正しく表示されない原因として、</p>
<p>(1) WordPressフォルダ内にindex.phpや.htaccessファイルが残っている<br />
(2) 記述が間違っている（./wordpress　の小さいコンマが抜けている、など）<br />
(3) 管理画面のブログアドレスがデフォルトのままになっている<br />
(4) index.htmlファイルの消し忘れ<br />
同じサーバーでHTMLサイトを運営していた場合、旧サイトのトップページであるindex.htmlがそのままになっていると正しく表示されません。<br />
あるいは、サーバー会社がオプションで置いているindex.htmlがそのまま残っているケースも考えられます。</p>
<p><a href="#index"><img src="/set/ya.gif" align="right"></a></p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/wp-6" rel="bookmark" class="crp_title">パーマリンクとトップページのURL設定  （.htaccess）</a></li><li><a href="http://word-express.net/kowaza" rel="bookmark" class="crp_title">mod_rewriteが使用できないサーバーでのパーマリンク設定</a></li><li><a href="http://word-express.net/wp-5" rel="bookmark" class="crp_title">ビジュアルリッチ・エディタとコード・エディタ</a></li><li><a href="http://word-express.net/wp-35" rel="bookmark" class="crp_title">WordPressを始めよう！</a></li><li><a href="http://word-express.net/wp-18" rel="bookmark" class="crp_title">sqlファイルによるデータ一括変換、phpMyadmin活用術</a></li><li><a href="http://word-express.net/wp-7" rel="bookmark" class="crp_title">テーマ・デザインの選択とサイト計画</a></li><li><a href="http://word-express.net/wp-15" rel="bookmark" class="crp_title">コメント　comment.phpのカスタマイズ</a></li><li><a href="http://word-express.net/wp-19" rel="bookmark" class="crp_title">wp-postsの分割(SQL実行）とWXRインポート</a></li><li><a href="http://word-express.net/wp-12" rel="bookmark" class="crp_title">single.phpの小技 -テンプレート切り替え-</a></li><li><a href="http://word-express.net/kowaza-2" rel="bookmark" class="crp_title">php.iniを編集してインポートできるファイル・サイズを増量する</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/pemalink/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/pemalink" />
	</item>
		<item>
		<title>WordPressのメリット・デメリット</title>
		<link>http://word-express.net/merit-demerit</link>
		<comments>http://word-express.net/merit-demerit#comments</comments>
		<pubDate>Mon, 09 Jan 2012 14:00:45 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[初心者向け WordPress講座]]></category>
		<category><![CDATA[WordPress導入編]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4483</guid>
		<description><![CDATA[ここではWordPressのメリットとデメリットについて説明しています。 サイト種類や目的によって評価は大きく異なりますが、ここでは「管理（サーバー含む）」と「カスタマイズ」の観点から、WordPressの使い勝手につい [...]]]></description>
			<content:encoded><![CDATA[<p>ここではWordPressのメリットとデメリットについて説明しています。</p>
<p>サイト種類や目的によって評価は大きく異なりますが、ここでは「管理（サーバー含む）」と「カスタマイズ」の観点から、WordPressの使い勝手について述べています。</p>
<p>導入を検討されている方は参考にどうぞ。</p>
<h3>§ WordPressとは</h3>
<p>分かりやすく言えば、WordPressはブログ作成ツールです。</p>
<p>たとえば、楽天ブログでアカウントを取って、管理画面に入室すれば、そこには投稿画面があり、ファイルマネージャーがあり、サイドバーのウィジェットがあり、ブログを作成するためのツールが全部そろっていますね。</p>
<p>WordPressはこのブログ作成ツールそのものです。</p>
<p>本体ファイルをインストールし、管理画面にログインすれば、そこには投稿画面があり、ウィジェットの設定があり、、、記事をアップすれば、ブログの完成です。その過程は5分とかかりません。</p>
<p><a class="highslide img_75" href="http://word-express.net/wp-content/uploads/2011/12/wp.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2011/12/wp-400x135.jpg" alt="WordPress　管理画面" title="無料のブログツールと似たような管理画面" width="400" height="135" class="alignnone size-medium wp-image-4452" /></a></p>
<p>では無料ブログとどう違うのか？</p>
<p>まず無料ブログには様々な規制があります。</p>
<p>・容量の制限<br />
・デザインやレイアウトの制限<br />
・広告の制限<br />
・java script や jquery などの機能の制限<br />
・ドメインの制限<br />
・アーカイブの保存ができない</p>
<p>などなど。</p>
<p>テキスト主体の記事を日記ブログとしてアップするには問題ないですが、「会社のオフィシャル・サイトを作りたい」「本格的なアフィリエイト・サイトを作りたい」「CGや写真などをプロ仕様のデザインで公開したい」など、特別な目的がある場合、無料ブログだと借り物みたいで体裁も悪いし、とりわけ商用だと「自前のホームページを作る経費もないのか」と軽く見られますよね。</p>
<p>巷では「ブログブームの終焉」「オワコン(終わってるコンテンツ)」とか言われていますが、不特定多数に幅広くアピールする上でブログの効果はまだまだ無視できません。facebookやTwitterはあくまでフォロワー限定のコミュニケーション・ツールであり、より裾野を広げるにはやはりブログのような「開かれたコンテンツ」が必要だと思います。</p>
<p>WordPressは、運営するにあたり、MySQLデータベースをもったサーバー環境が必要ですし（多くはレンタル）、ブログの体裁を整えるには、最低限、HTMLとCSSの知識が必要です。PHPの基礎知識もいずれ学ぶことになるでしょう。</p>
<p>そういう面で玄人向けのツールではありますが、私のように「MySQLって、な～に？？」みたいな超初心者でも、1ヶ月ほどいじればコツがつかめてきますし、WordPressの楽しさを知ったらPHPをはじめとする専門知識も苦にならなくなってきます（とにかく馴れです！）。</p>
<p>また世界中に何千万というユーザーが存在し、有志による無料のテンプレートや拡張機能もどんどんリリースされて、非常に活力のあるツールですので、興味のある方はどんどんチャレンジしていただければ、と思います。</p>
<p>とりあえず、中を見てみたい方は、<a href="http://ja.wordpress.com/" target="_blank">http://ja.wordpress.com/</a>で、簡単に無料ブログを作成することができます。</p>
<p>記事作成やウィジェット設定など、一通りの機能が使えますので、ぜひ試してみてくださいね。</p>
<h3>§ WordPressのメリット</h3>
<p>WordPressは、無料ブログやHTMLサイトと違い、どのようなメリットがあるのでしょうか。</p>
<!-- shortcode box --> <div class="shortcode clearfix box ">
<ol>
<li>拡張性にすぐれ、カスタマイズの自由度が高い</li>
<li>更新作業やリスト作成などが容易である</li>
<li>インストールが簡単</li>
<li>テーマ・テンプレートが豊富</li>
<li>ウィジェットで簡単にカスタマイズできる</li>
<li>検索エンジンに強い</li>
<li>既存のサービスによる制限がない</li>
</ol>
<p></div> <!-- /shortcode box --><br />
<br/></p>
<p><font style="font-weight:bold;color:darkgreen;font-size:14px;">◆ 拡張性にすぐれカスタマイズの自由度が高い</font></p>
<p>サイトを構築する際、「タグ別の記事リストを作成したい」「フォトギャラリーを作成したい」「スライドやモザイクなど、お洒落なエフェクトを取り入れたい」「最新のTwitterを表示したい」etc、様々なリクエストがあると思います。</p>
<p>WordPressの場合、プラグインを使えば、シロウトには難しいエフェクトもクリック一つで取り入れることができます。</p>
<p>種類も「デザイン」「写真」「動画」「Twitter」「SEO」「サイトマップ」「Amazon」など、非常に豊富。</p>
<p><a href="http://wordpress.org/extend/plugins/">WordPress 公式 プラグイン置き場http://wordpress.org/extend/plugins/</a></p>
<p>そして、これらのプラグインは、管理画面の『プラグイン』→『新規追加』から、いつでもワンクリックでインストールすることができます。<br />
たとえばTwitterで検索すると、関連するプラグインのリストが表示されます。</p>
<p><a class="highslide img_76" href="http://word-express.net/wp-content/uploads/2009/05/plugin.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2009/05/plugin-350x323.jpg" alt="プラグインの検索とインストール" title="プラグインの検索とインストール" width="350" height="323" class="alignnone size-medium wp-image-2849" /></a></p>
<p>プラグインに関する詳細な情報もシャドウボックスで表示されます。あとは「今すぐインストール」をクリックするだけ。<br />
<a class="highslide img_77" href="http://word-express.net/wp-content/uploads/2009/05/plugin2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2009/05/plugin2-350x331.jpg" alt="プラグイン 詳細の画面" title="プラグイン 詳細の画面" width="350" height="331" class="alignnone size-medium wp-image-2850" /></a></p>
<p>英語の説明が大半ですが、人気プラグインはWordPressユーザーによる日本語情報も豊富ですし、自動で日本語化されているプラグインも少なくありません。</p>
<p>「え？　こんなプロ仕様が？」というような事が本当に出来ちゃいますから、凝りたい方には非常におすすめです。</p>
<p><br/><br />
<font style="font-weight:bold;color:darkgreen;font-size:14px;">◆ 更新作業やリスト作成などが容易である</font></p>
<p>たとえばHTMLサイトの場合、図のようなサイドバーを作成するには、いくつものタグを書き込まなければなりません。フレームを使わない場合、すべてのページに記述が必要となります。</p>
<p><a class="highslide img_78" href="http://word-express.net/wp-content/uploads/2009/05/tm2.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2009/05/tm2.jpg" alt="HTMLサイトのサイドバー" title="HTMLサイトのサイドバー" width="246" height="330" class="alignnone size-full wp-image-2852" /></a></p>
<p><a class="highslide img_79" href="http://word-express.net/wp-content/uploads/2009/05/tm1.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2009/05/tm1-350x253.jpg" alt="HTMLサイトの場合" title="HTMLサイトの場合" width="350" height="253" class="alignnone size-medium wp-image-2851" /></a></p>
<p>WordPressの場合、テンプレート・タグやプラグインの使用により、様々な記事リストが簡単に作れます。</p>
<p>たとえば、カテゴリー・リストの場合、「カテゴリーIDが３，５，９，１６のカテゴリー名を名前順に表示する」というテンプレート・タグを書き込むだけで、上記のようなナビゲーションが出来上がります。</p>
<p>サイドバーに表示したい場合は、sidebar.phpというファイルに一度書き込めば、すべてのページに共通して表示されます。</p>
<pre class="brush: php; title: ; notranslate">
&lt;ul&gt;
&lt;?php wp_list_categories('orderby=name&amp;include=3,5,9,16'); ?&gt;
&lt;/ul&gt;
</pre>
<p>記事を更新する度に、インデックスにリンク・タグを書き足したり、新着情報に追記する必要が無いため、余計な手間が省けますし、リンク切れの防止にもなります。</p>
<p>他にも、タグ・クラウドや抜粋表示、サムネイル付き記事タイトルなど、自在にカスタマイズできます。</p>
<p>こうした効率性のよさもWordPressの魅力です。</p>
<p><br/><br />
<font style="font-weight:bold;color:darkgreen;">◆ インストールが簡単</font></p>
<p>WordPressをインストールする場合、以前は公式サイトからファイルをダウンロードし、自分で一つずつサーバーにアップロードする必要がありましたが、現在は格安サーバーの大半が「自動インストール機能」を備えており、クリック一つで設置できるようになっています。</p>
<p>もちろん、手動でインストールする場合も、本体ファイルのアップロードとデータベースの設定さえ間違わなければ約5分で開設できます（ウィザードにしたがって、データベース名、ホスト名、パスワードを入力するだけ）。<br />
数あるブログツールの中でもダントツの手軽さです。</p>
<p><br/><br />
<font style="font-weight:bold;color:darkgreen;font-size:14px;">◆ テーマ・テンプレートが豊富</font></p>
<p>WordPressは世界的にユーザーが多いことから、無料のテーマ・テンプレートが非常に豊富です。<br />
20ドル～40ドルぐらいでハイセンスな有料テンプレートを購入することも出来ます。<br />
まったくの初心者でも、管理画面の『テーマ』で「有効化」するだけで、すぐに使い始めることができます。<br />
またテーマの変更もワンクリックで可能です。</p>
<p><a class="highslide img_80" href="http://word-express.net/wp-content/uploads/2009/05/tm3.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2009/05/tm3-350x306.jpg" alt="テーマ・テンプレートの管理" title="テーマ・テンプレートの管理" width="350" height="306" class="alignnone size-medium wp-image-2854" /></a></p>
<p><br/><br />
テーマ・テンプレートを探すなら……<br />
<a href="http://wordpress.org/extend/themes/">WordPress公式サイト テンプレート置き場</a><br />
公式サイトのテンプレートなので、安全性は高いです。もちろん無料です。</p>
<p><br/><br />
<font style="font-weight:bold;color:darkgreen;font-size:14px;">◆ ウィジェットで簡単にカスタマイズできる</font></p>
<p>WordPressの便利な機能の一つに「ウィジェット」があります。<br />
これはドラッグ＆ドロップするだけで、「新着記事」「タグクラウド」「カテゴリー」といったナビゲーションが手軽に表示できる機能です。テーマ・テンプレートによっては、フッターやインデックスに設置することもできます。</p>
<p><a class="highslide img_81" href="http://word-express.net/wp-content/uploads/2009/05/tm4.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2009/05/tm4-350x205.jpg" alt="WordPressのウィジェット" title="WordPressのウィジェット" width="350" height="205" class="alignnone size-medium wp-image-2860" /></a></p>
<p>実際の画面。テンプレート・タグが理解できなくても、ウィジェットで簡単にカスタマイズ。</p>
<p><a class="highslide img_82" href="http://word-express.net/wp-content/uploads/2009/05/tm5.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2009/05/tm5-170x350.jpg" alt="ウィジェットによる実際の表示" title="ウィジェットによる実際の表示" width="170" height="350" class="alignnone size-medium wp-image-2861" /></a></p>
<p><br/><br />
<font style="font-weight:bold;color:darkgreen;font-size:14px;">◆ 検索エンジンに強い</font></p>
<p>周知のことですが、WordPressのファイル構成は検索エンジンに強いと言われています。<br />
中でもWordPressはGoogleとの相性は抜群。<br />
「WordPress 検索エンジン 有利」といったキーワードで調べてみてください。いろんな方が実証されています。</p>
<p><font style="font-weight:bold;color:darkgreen;font-size:14px;">◆ その他、出来ること</font></p>
<p>・Twitterやfacebookへの自動投稿<br />
・広告や画像などのローテーション表示<br />
・コンテンツに応じたサイドバーやヘッダーなどの自動切り替え<br />
・カテゴリーやタグに特化した情報の表示（映画カテゴリーにだけレンタルDVDのバナーを出す、など）<br />
・YouTubeやFlickrなどメディア・サイトからのコンテンツの取り込み、ギャラリー化<br />
・高機能メールフォームの設置<br />
・子ブログの作成、ブログのグループ化<br />
・モバイル対応テンプレートの自動表示<br />
・SEO最適化（サイトマップ作成、個別のタイトル設定、リンクのカスタマイズ、ヘッダーの圧縮など）<br />
・データベースの自動バックアップ</p>
<p>他にもいろいろあります。</p>
<h3>§ WordPressのデメリット</h3>
<p>WordPressにも当然のことながらデメリットはあります。<br />
自サイトや自分自身の性格をよく考慮した上で、導入を検討してください。</p>
<ol>
<li>英語の情報がメインである</li>
<li>サーバーやインターネットの環境に左右される</li>
<li>複数サイトの管理には向かない（現時点で）</li>
</ol>
<p><font style="font-weight:bold;color:darkgreen;font-size:14px">◆ 英語の情報がメインである</font></p>
<p>日本でもWordPressユーザーが増加し、プラグインの使い方、テンプレートのカスタマイズ、トラブルシューティングなど、様々な日本語情報が提供されています。</p>
<p>しかし、主な情報は英語であり、日本語サイトに解決策が見つからない場合や詳細な情報が欲しい場合、海外のプラグイン作者に問い合わせたり、フォーラムを参照したい場合など、英語の「読む・書く」が必須になってきます。</p>
<p>「英語見ただけでアレルギー」の方は、管理画面に英文を見ただけでタメイキかもしれません。</p>
<p><br/></p>
<p><font style="font-weight:bold;color:darkgreen;font-size:14px;">◆ サーバーやインターネットの環境に左右される</font></p>
<p>オフラインでファイル編集ができるHTMLサイトと異なり、WordPressは絶対的に安定したオンラインの環境が必要です。</p>
<p>またPHPで動的生成することからサーバーの負荷も高く、運営がスムーズに行くかどうかはサーバーの性質に依るといっても過言ではありません。サイトがいつも重い状態だと、モチベーションも低下しますしね。</p>
<p>またWordPressは本格的にカスタマイズするとなれば、ケータイやタブレットのような小型ツールではとても間に合いません。</p>
<p>そういう意味で、環境に左右されやすいツールだと思います。</p>
<p><br/><br />
<font style="font-weight:bold;color:darkgreen;font-size:14px;">◆ 複数サイトの管理には向かない（現時点で）</font></p>
<p>ブログ構築ツールの中には、一つの管理画面で複数サイトの管理ができるものがありますが、WordPressにはその機能は備わっていません。<br />
基本的に、一つのサイトに一つのWordPressをインストールする必要があります。（データベースは1個で複数設置可能）</p>
<p>最新版のWP3.0から「マルチサイト」の機能が備わり、一つのWordPress本体で複数サイトの設置ができるようになりましたが、「サブドメインもしくはサブディレクトリで設置」「タグやカテゴリーのスラッグ変更ができない」「プラグインによっては動作しなくなる」「データベースを分けることができない」など、みなが思い描くような『一つの管理画面で複数サイト管理をする』までには至っていません。</p>
<p>有料プラグインを使えばカスタマイズ出来ることもありますが、個人が気軽に利用するにはまだまだ程遠いです。</p>
<p>もちろん、これから開発が進み、もっと手軽に複数管理できるようになるかもしれませんが、現在の流れでは少なくとも１～２年はかかるのではないか、という感じです。</p>
<p>二つ、三つの子ブログならともかく、10も20もサイトを量産して、効率的に管理するとなれば、WordPressは煩わしいかもしれません。</p>
<p>参照記事はこちら→『<a href="http://word-express.net/wp-46" title="WordPress3.0 ネットワーク構築のポイント　～サブディレクトリを使う場合～" >WordPress3.0 ネットワーク構築のポイント　～サブディレクトリを使う場合～</a>』</p>
<p><font style="font-weight:bold;color:darkgreen;font-size:14px;">◆ シロウト向けであって、初心者向けでない</font></p>
<p>自分自身がブログツールとして活用するならともかく、仕事で一般のカスタマーさんに納品する場合、管理画面にWordPress独特の仕様があるので、「ここにこう、記事を書いて、公開ボタンをクリックすればいいんですよ」と言っても、難しく感じる方も多いのではないかと思います。</p>
<p>場合によっては、突然、英語のメッセージが出たりしますし、ある程度、無料ブログで慣らしているような人ならともかく、「まったくの初めて」となれば、相手が引いてしまうこともあるかもしれません。管理画面もいろいろカスタマイズできるのですが。</p>
<p>またPHP系の宿命として、「コードのスラッシュが一つ抜けただけ」で画面が真っ白になり、サイトが飛んでしまうことも少なくありません。馴れていないと単純ミスの復旧にも大変な労力を要します。</p>
<p>WordPressはシロウトでも簡単にブログが使えますが、「プログラムやサイト作成、まったく初めて」という方には、やはり敷居が高いかもしれません。</p>
<h3>§ WordPressのココが超おすすめ！</h3>
<p>私が一番気に入ってるのは「<a href="/category/custompost" title="記事グループ『カスタムポスト』" target="_blank" class="broken_link" rel="nofollow">カスタムポスト</a>」です。</p>
<p>カスタムポストは、通常投稿とは独立して記事グループを作成する機能です。</p>
<p>カスタムポストを使えば、商品ページとは別に「店長のおすすめ日記」みたいなサブコンテンツを独立表示させたり、Twitterに投稿しているプライベートなつぶやきを体系的にまとめたり、会員専用のページを作成したり、いわゆるCMS化が簡単に出来るからです。</p>
<p>ただ、現段階では、「フィードが表示されない」とか「一般の投稿と一緒にアーカイブリストが作れない」とか不便な点も多く、かなり突っ込んだファイル編集をしないと、本当の意味で「自由自在」とはいかないのですが、WordPressの進歩を見ていると、こうした問題も１～２年の間にクリアされて、ますます使いやすくなるのではないかなと思います。</p>
<p>WordPressの最大の利点は、「コンテンツの特化と集約」ですね。</p>
<p>サイトの内容にもよりますが、映画には映画の、音楽には音楽に特化した情報に絞り込むことで、訪問者が情報を拾いやすくなるし、記事グループの中でのクリック率も向上するからです。</p>
<p>あれもこれも漠然と羅列されて、無関係なブログパーツや広告バナーでいっぱい埋まっているより、好感をもたれやすい、というメリットもありますね。</p>
<p>数年前のブログブームに比べれば、訪問者の目も肥えてますし、これからますます「シンプル＆ディープ」が求められてくるのではないかと思います。また検索エンジンも、そういうブログを好んで上位表示するようになると思います。</p>
<p>WordPressの特長は、こうした「コンテンツの特化と集約」がテンプレート・タグやプラグイン、ポストタイプなどで簡単に出来てしまう点であり、これを使いこなせば、非常にユニークな、クリック率の上がりやすいサイトが構築できます。</p>
<p>最初の取っ掛かりこそ面倒に感じますが、1ヶ月も触れば要領が分かってきますので、興味のある方はぜひトライしてください♪　</p>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/wp-2" rel="bookmark" class="crp_title">WordPressのメリット・デメリット</a></li><li><a href="http://word-express.net/pc-4" rel="bookmark" class="crp_title">PCソフト　ダウンロード販売を賢く利用</a></li><li><a href="http://word-express.net/contact-form-light-box" rel="bookmark" class="crp_title">コンタクトフォームをLightboxで表示するプラグイン</a></li><li><a href="http://word-express.net/kowaza-5" rel="bookmark" class="crp_title">PHP Fatal error: Allowed memory size of XXXX bytes exhausted　対処について</a></li><li><a href="http://word-express.net/magazine" rel="bookmark" class="crp_title">WordPress アフィリエイト活用術</a></li><li><a href="http://word-express.net/custom-post-ktai" rel="bookmark" class="crp_title">カスタムポストをktai styleで表示する</a></li><li><a href="http://word-express.net/kaigai_hosting" rel="bookmark" class="crp_title">WordPressに海外格安サーバーをすすめる理由</a></li><li><a href="http://word-express.net/troy" rel="bookmark" class="crp_title">トロイの木馬 Win32/Olmarik をESET Smart Securityで削除する</a></li><li><a href="http://word-express.net/wordpress-seo-yoast" rel="bookmark" class="crp_title">WordPress SEO by Yoast と meta description</a></li><li><a href="http://word-express.net/sitetagline" rel="bookmark" class="crp_title">HeadSpaceでSite Taglineを有効活用する　～descriptionの応用～</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/merit-demerit/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/merit-demerit" />
	</item>
		<item>
		<title>月別アーカイブにカスタムポストを含めて表示する</title>
		<link>http://word-express.net/archive-custompost</link>
		<comments>http://word-express.net/archive-custompost#comments</comments>
		<pubDate>Thu, 29 Dec 2011 21:40:31 +0000</pubDate>
		<dc:creator>阿月まり</dc:creator>
				<category><![CDATA[WordPressの小技]]></category>
		<category><![CDATA[アーカイブ]]></category>
		<category><![CDATA[カスタムポスト]]></category>

		<guid isPermaLink="false">http://word-express.net/?p=4459</guid>
		<description><![CDATA[通常、月別アーカイブには、カスタムポストの記事タイトルは表示されません。 カスタムポストも頻繁に更新している場合、通常の投稿記事のタイトルと一緒にアーカイブ表示した方が便利ですよね。 カスタムポストの記事タイトルを通常の [...]]]></description>
			<content:encoded><![CDATA[<p>通常、月別アーカイブには、カスタムポストの記事タイトルは表示されません。</p>
<p>カスタムポストも頻繁に更新している場合、通常の投稿記事のタイトルと一緒にアーカイブ表示した方が便利ですよね。</p>
<p>カスタムポストの記事タイトルを通常の投稿記事と一緒にアーカイブに含める方法の一つに、次のような書き方があります。</p>
<p>たとえば、カスタムポスト・タイプに「diary」「love」を設定している場合、query_postの関数の中で、post_type として追加します。　　</p>
<pre class="brush: php; title: ; notranslate">
  &lt;?php
        global $wpdb;
		$cdate = date('Y-m-d H:i:s');
        $years = $wpdb-&gt;get_results(&quot;SELECT DISTINCT MONTH(post_date) AS month, YEAR(post_date) as year FROM $wpdb-&gt;posts WHERE post_status = 'publish' and post_date &lt;= \&quot;$cdate\&quot; and post_type = 'post' ORDER BY post_date DESC&quot;);
	if($years)
		{
			foreach($years as $years_obj)
			{
				$year = $years_obj-&gt;year;
				$month = $years_obj-&gt;month;
				?&gt;
      &lt;?php query_posts(array('post_type' =&gt; array('post','diary','love'),'showposts' =&gt;100, 'monthnum' =&gt; $month, 'year' =&gt; $year )); ?&gt;
      &lt;div class=&quot;●●&quot;&gt;
        &lt;h3&gt; &lt;?php echo  date('F', mktime(0,0,0,$month,1)).'-'. $year; ?&gt; &lt;/h3&gt;
        &lt;ul&gt;
          &lt;?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?&gt;
          &lt;li&gt; &lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;
            &lt;?php the_title(); ?&gt;
            &lt;/a&gt; - &lt;span class=&quot;arclist_date&quot;&gt;
            &lt;?php the_time('M j日 ') ?&gt;
            &lt;/span&gt; &lt;/li&gt;
          &lt;?php endwhile; endif; ?&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
      &lt;?php
			}
		}
		 ?&gt;
</pre>
<p><br/><br />
こちらは、姉妹サイト「sanmarie*com」の<a href="http://sanmarie.me/archives" title="sanmarie*com 月別アーカイブ" target="_blank">月別アーカイブ</a>の実例。</p>
<p>ちょっと分かりにくいですが、メインの映画・音楽レビューのリストの中に子育てネタや恋愛ネタのタイトルも入ってます。</p>
<p><a class="highslide img_84" href="http://word-express.net/wp-content/uploads/2011/12/arhive.jpg" onclick="return hs.expand(this)"><img src="http://word-express.net/wp-content/uploads/2011/12/arhive-400x97.jpg" alt="月別アーカイブ　カスタムポスト" title="通常の投稿アーカイブの中にカスタムポストが含まれる" width="400" height="97" class="alignnone size-medium wp-image-4460" /></a></p>
<p><br/><br />
上記のコードは私が使っているテーマ・ファイルの月別アーカイブの記述をベースに変更を加えたものなので、他のテーマでも上手く動作するか分かりませんが、興味のある方は一度試してみてください。</p>
<p><br/><br />
◆追記◆</p>
<p>こういうやり方でも出来るみたいです。</p>
<p>function.phpに記入。</p>
<pre class="brush: php; title: ; notranslate">
function add_custom_types_archive( $query ) {
if( is_category() || is_tag() &amp;&amp; empty( $query-&gt;query_vars['suppress_filters'] ) ) {
$query-&gt;set( 'post_type', array(
 'post', 'your-custom-post-type-here'
            ));
      return $query;
    }
}
add_filter( 'pre_get_posts', 'add_custom_types_archive' );
</pre>
<div id="crp_related"><h3>Related Posts:</h3><ul><li><a href="http://word-express.net/admin-custom-feild" rel="bookmark" class="crp_title">管理画面の投稿一覧にカスタムフィールドの「名前」「値」フィルターを設置する</a></li><li><a href="http://word-express.net/custom-post-ktai" rel="bookmark" class="crp_title">カスタムポストをktai styleで表示する</a></li><li><a href="http://word-express.net/sidebar-recent-posts" rel="bookmark" class="crp_title">サイドバーに新着記事を表示する</a></li><li><a href="http://word-express.net/wptouch-pro-custom-post-type" rel="bookmark" class="crp_title">WPtouch Proでカスタムポストを設定する</a></li><li><a href="http://word-express.net/custom-post-type-twitter" rel="bookmark" class="crp_title">カスタムポストとTwitterを使ってサイドブログを楽しむ</a></li><li><a href="http://word-express.net/custompost-practice" rel="bookmark" class="crp_title">カスタムポストの実用とカスタマイズ</a></li><li><a href="http://word-express.net/custompost" rel="bookmark" class="crp_title">カスタムポストの実例　メリットとデメリット</a></li><li><a href="http://word-express.net/addthis" rel="bookmark" class="crp_title">ソーシャルブックマーク、お気に入り、印刷など簡単に追加できるシェア系ボタン『Add this』</a></li><li><a href="http://word-express.net/category-posts-list" rel="bookmark" class="crp_title">カテゴリー内の記事一覧を表示する（サイドバー、フッターなど）</a></li><li><a href="http://word-express.net/wp-14" rel="bookmark" class="crp_title">アーカイブ archive.phpのカスタマイズ</a></li></ul></div>]]></content:encoded>
			<wfw:commentRss>http://word-express.net/archive-custompost/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://word-express.net/archive-custompost" />
	</item>
	</channel>
</rss>

