<?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>Labrid WP &#187; Wordpress</title>
	<atom:link href="http://labrid.jp/wp/tag/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://labrid.jp/wp</link>
	<description>Wordpress 検証・実験サイト on Wordpress</description>
	<lastBuildDate>Fri, 27 Jan 2012 04:37:39 +0000</lastBuildDate>
	<language>ja</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://labrid.jp/wp/tag/wordpress/feed/" />
		<item>
		<title>YouTube動画へのリンクをサムネイル画像付きで埋め込むショートコード</title>
		<link>http://labrid.jp/wp/archives/1341/</link>
		<comments>http://labrid.jp/wp/archives/1341/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 09:28:52 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ショートコード]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=1341</guid>
		<description><![CDATA[そんな仕様が求められる場合もあると思うんですよ。 はい、困った時のショートコードー。 今回はYouTubeサムネイルリンク埋め込み版です。 サムネイル画像はytimg.comから取得。 サイズ処理はHTMLタグ側で無理や]]></description>
			<content:encoded><![CDATA[<p>そんな仕様が求められる場合もあると思うんですよ。</p>
<p>はい、困った時のショートコードー。<br />
今回はYouTubeサムネイルリンク埋め込み版です。</p>
<p>サムネイル画像はytimg.comから取得。<br />
サイズ処理はHTMLタグ側で無理やり、です。<br />
CSSによってはうまく調整できないので style属性にでも書き換えましょう。</p>
<h4>functions</h4>
<p><code>function youtube($atts) {<br />
extract(shortcode_atts(array(<br />
"value" =&gt; '',<br />
"width" =&gt; '480',<br />
"height" =&gt; '360',<br />
"title" =&gt; ''<br />
), $atts));<br />
return '&lt;div class="ytthum"&gt;&lt;a href="http://www.youtube.com/watch?v='.$value.'"&gt;&lt;img src="http://i.ytimg.com/vi/'.$value.'/0.jpg" width="'.$width.'" height="'.$height.'" alt="'.$title.'" /&gt;&lt;/a&gt;&lt;br /&gt;'.$title.'&lt;/div&gt;';<br />
}<br />
add_shortcode("youtube", "youtube");</code></p>
<h4>Shortcord</h4>
<p><code>［youtube value="emAzdSUkkM8"］</code></p>
<h4>Sample</h4>
<p class="ythumlink"><a href="http://www.youtube.com/watch?v=emAzdSUkkM8"><img src="http://i.ytimg.com/vi/emAzdSUkkM8/0.jpg" width="120" height="90" alt="" /></a></p>
<h4>参考にさせていただきました</h4>
<p><a href="http://kachibito.net/wordpress/youtube-tips.html">WordPressで運営しているサイトでYoutubeを使う際に知っておくと得するっぽいTips</a></p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/1341/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/1341/" />
	</item>
		<item>
		<title>[wp]指定カテゴリの記事一覧表示に記事が無い場合の表示をプラス</title>
		<link>http://labrid.jp/wp/archives/1335/</link>
		<comments>http://labrid.jp/wp/archives/1335/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 09:24:15 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=1335</guid>
		<description><![CDATA[これまで指定カテゴリの記事一覧はこんなコードで表示してました。 &#60;div&#62; &#60;h2&#62;&#60;a href="&#60;?php echo get_category_link('1'); ?&#62;"]]></description>
			<content:encoded><![CDATA[<p>これまで指定カテゴリの記事一覧はこんなコードで表示してました。<br />
<code><br />
&lt;div&gt;<br />
&lt;h2&gt;&lt;a href="&lt;?php echo get_category_link('1'); ?&gt;"&gt;&lt;?php echo get_the_category_by_ID('1') ?&gt;&lt;/a&gt;&lt;/h2&gt;<br />
&lt;dl&gt;<br />
&lt;?php<br />
$lastposts = get_posts('category=1&amp;numberposts=5');<br />
foreach($lastposts as $post) : setup_postdata($post);<br />
?&gt;<br />
&lt;dt&gt;&lt;?php the_time('Y/n/j'); ?&gt;&lt;/dt&gt;<br />
&lt;dd&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_title_attribute(); ?&gt;&lt;/a&gt;&lt;/dd&gt;<br />
&lt;?php endforeach; ?&gt;<br />
&lt;/dl&gt;<br />
&lt;/div&gt;</code></p>
<p>これだと、該当カテゴリに記事が無い場合は何も表示されず素っ気ない感じがします。</p>
<p>そこで、記事がない場合に「ごめんね」コピーを表示します。<br />
ついでにタイトルクリックで一覧ページにジャンプの仕様を、一覧ボタン表示に変え、これも記事が無い場合は表示しないようにします。</p>
<p>その改良版コードがこれ。<br />
大したカスタマイズじゃないですけど…メモメモ。</p>
<p><code>&lt;?php $lastposts = get_posts('category=1&amp;numberposts=5'); ?&gt;<br />
&lt;div class="topnews"&gt;<br />
&lt;div?class="cat-title"&gt;<br />
&lt;h2&gt;&lt;?php echo get_the_category_by_ID('1') ?&gt;&lt;/h2&gt;<br />
&lt;?php if($lastposts): ?&gt;<br />
&lt;a href="&lt;?php echo get_category_link('1'); ?&gt;"?class="bt-catidx"&gt;一覧はこちら&lt;/a&gt;<br />
&lt;?php endif; ?&gt;<br />
&lt;/div&gt;<br />
&lt;?php if($lastposts): ?&gt;<br />
&lt;dl&gt;<br />
&lt;?php foreach($lastposts as $post) : setup_postdata($post); ?&gt;<br />
&lt;dt&gt;&lt;?php the_time('Y/n/j'); ?&gt;&lt;/dt&gt;<br />
&lt;dd&gt;&lt;a href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_title_attribute(); ?&gt;&lt;/a&gt;&lt;/dd&gt;<br />
&lt;?php endforeach; ?&gt;<br />
&lt;/dl&gt;<br />
&lt;?php else : ?&gt;<br />
&lt;p&gt;ただいま準備中です。&lt;/p&gt;<br />
&lt;?php endif; ?&gt;<br />
&lt;/div&gt;</code></p>
<h3>追記：カテゴリーIDの指定が・・・</h3>
<p>上記例だとカテゴリーIDの指定が何度も必要で<del>面倒</del>ミスの元になりそう！<br />
エクスポート→インポートでIDが変わったりすることもあるし。<br />
というわけで、カテゴリースラッグからIDを取得してゴニョることにしました。</p>
<p><code>&lt;?php $lastposts = get_posts('category=1&amp;numberposts=5'); ?&gt;<br />
&lt;div&gt;<br />
&lt;div?class="cat-title"&gt;<br />
&lt;h2&gt;&lt;?php echo get_the_category_by_ID('1') ?&gt;&lt;/h2&gt;<br />
&lt;?php if($lastposts): ?&gt;<br />
&lt;a href="&lt;?php echo get_category_link('1'); ?&gt;"?class="bt-catidx"&gt;一覧はこちら&lt;/a&gt;</code></p>
<p>これを</p>
<p><code>&lt;?php $term_id = get_category_by_slug('xxxxx')-&gt;term_id;<br />
$lastposts = get_posts('category='.$term_id.'&amp;numberposts=5'); ?&gt;<br />
&lt;div&gt;<br />
&lt;div?class="cat-title"&gt;<br />
&lt;h2&gt;&lt;?php echo get_the_category_by_ID($term_id) ?&gt;&lt;/h2&gt;<br />
&lt;?php if($lastposts): ?&gt;<br />
&lt;a href="&lt;?php echo get_category_link($term_id); ?&gt;"?class="bt-catidx"&gt;一覧はこちら&lt;/a&gt;</code><code></code></p>
<p>こう。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/1335/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/1335/" />
	</item>
		<item>
		<title>[wp]タイトルを画像にしてみる 2011</title>
		<link>http://labrid.jp/wp/archives/1322/</link>
		<comments>http://labrid.jp/wp/archives/1322/#comments</comments>
		<pubDate>Tue, 25 Oct 2011 16:32:49 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[カスタマイズ]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=1322</guid>
		<description><![CDATA[デザインポリシーによっては、Wordpressの各ページのタイトル画像にしたい場合があります。 今回は、よくある以下の仕様のタイトル画像をテンプレートカスタムとCSSで実現させます。 固定ページでは全ページのタイトルを画]]></description>
			<content:encoded><![CDATA[<p>デザインポリシーによっては、Wordpressの各ページのタイトル画像にしたい場合があります。<br />
今回は、よくある以下の仕様のタイトル画像をテンプレートカスタムとCSSで実現させます。</p>
<ol>
<li>固定ページでは全ページのタイトルを画像に。</li>
<li>投稿系では一覧・詳細共に共通でカテゴリー名をタイトル画像に。<br />
（記事が属するカテゴリは一つだけとする）</li>
</ol>
<p>これを実現するためには、タイトル要素をCSSで指定できるようにすればいい。<br />
Wordpressは body のクラスに自動でページIDや投稿IDをつけてくれているのですが、これをフックにする場合、以下の問題が・・・</p>
<ul>
<li>ページや投稿記事を作成するまでIDが何になるかわからない</li>
<li>投稿記事のbodyには属するカテゴリについての情報を出力しない</li>
</ul>
<p>そこで、タイトル要素の親要素のクラスに</p>
<ol>
<li>固定ページでは、ページスラッグ</li>
<li>投稿記事一覧・詳細では、カテゴリースラッグ</li>
</ol>
<p>を出力するようにカスタマイズします。</p>
<h3>1. ページスラッグの出力カスタマイズ例（page.php）</h3>
<p><code>&lt;div id="content" class="pgslug-&lt;?php echo get_page_uri($post-&gt;ID);?&gt;" role="main"&gt;</code></p>
<h3>第3階層以下は全て第2階層のタイトル画像を使用する （2011/11/01追記）</h3>
<ul>
<li>商品紹介
<ul>
<li>商品その1</li>
<li>商品その2
<ul>
<li>商品その2のバリエーションその1</li>
<li>商品その2のバリエーションその2</li>
</ul>
</li>
<li>・・・</li>
</ul>
</li>
</ul>
<p>というような階層構造をWordpressで作成している場合、タイトル画像は商品紹介以下全ページで「商品画像」としたい、という場合が多いかと。<br />
そんな場合はこれで。</p>
<p><code>&lt;?php<br />
$top_post = get_post($post-&gt;ID);<br />
while ($top_post-&gt;post_parent) { $top_post = get_post($top_post-&gt;post_parent); }<br />
$top_slug = get_page_uri($top_post-&gt;ID);<br />
?&gt;<br />
&lt;div id="content" class="pgslug-&lt;?php echo $top_slug;?&gt;" role="main"&gt;</code></p>
<h3>2. カテゴリースラッグの出力カスタマイズ例（single.php, category.php）</h3>
<p><code>&lt;?php<br />
$cat = get_the_category();<br />
$catslug = $cat[0]-&gt;category_nicename;<br />
?&gt;<br />
&lt;div id="content" class="pgslug-&lt;?php echo $catslug; ?&gt;" role="main"&gt;</code></p>
<h3>その他のコンテンツでは…</h3>
<p>アーカイブや検索系では body に対応するクラスが付いているので、それをフックにします。</p>
<ul>
<li>アーカイブ：archive</li>
<li>タグ：tag</li>
<li>検索系共通：search
<ul>
<li>検索結果一覧：search-results</li>
<li>検索で見つからない：search-no-results</li>
</ul>
</li>
<li>Not found：error404</li>
</ul>
<p>あとはこれら全てのクラスに対して</p>
<p><code>.pgslug-xxxx #page-title {<br />
width: 100%;<br />
height: 35px;<br />
overflow: hidden;<br />
text-indent: -999em;<br />
background: url(画像のパス) no-repeat;<br />
}</code></p>
<p>のように背景画像を設定すればいいかと。</p>
<p>できればプレーンテキストでハマるデザインで提案しておきたいところですが…どうしてもって場合もあるので、備えあれば憂いなし。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/1322/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/1322/" />
	</item>
		<item>
		<title>[WP] WordPress 2.8.1 にバージョンアップ完了</title>
		<link>http://labrid.jp/wp/archives/957/</link>
		<comments>http://labrid.jp/wp/archives/957/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 03:13:37 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=957</guid>
		<description><![CDATA[WordPress の バージョン 2.8.1 がリリースされました。 多くのバグが修正されたとの事なので、Labrid WP でもバージョンアップを敢行しました。 （とはいえ自動アップは怖いので手動で・・・） WP-D]]></description>
			<content:encoded><![CDATA[<p><a href="http://ja.wordpress.org/2009/07/10/wordpress-281/" target="_blank">WordPress の バージョン 2.8.1</a> がリリースされました。<br />
多くのバグが修正されたとの事なので、Labrid WP でもバージョンアップを敢行しました。<br />
（とはいえ自動アップは怖いので手動で・・・）</p>
<ol>
<li><a href="http://wp.mmrt-jp.net/plugin-japanization-project/dbmanager/" target="_blank">WP-DBManager</a> プラグインでデータベースをバックアップ</li>
<li>ダッシュボード＞プラグイン管理画面から、全プラグインの使用を停止</li>
<li>FTP にてサーバ上の WordPress 関連ファイルを全てダウンロード</li>
<li><a href="http://ja.wordpress.org/" target="_blank">公式サイト</a>から WordPress 2.8 日本語版をダウンロード</li>
<li>解凍した全ファイルを FTP にてアップロード</li>
<li>ダッシュボードにアクセスし、データベースをアップグレード</li>
<li>ダッシュボード＞プラグイン管理画面から、全プラグインの使用を開始</li>
</ol>
<p>2.8 → 2.8.1 は自動アップグレードで行いましたが、問題なく無事アップグレード完了しました。</p>
<p>参考までに・・2.8 の新機能については<a href="http://wpdocs.sourceforge.jp/Version_2.8" target="_blank">こちら</a>。<br />
以下に個人的によさげだと思う新機能を抜粋してみます。</p>
<ul>
<li> 新規テーマインストーラ</li>
<li> <a title="Appearance Editor SubPanel" href="http://wpdocs.sourceforge.jp/wiki/index.php?title=Appearance_Editor_SubPanel&amp;action=edit">テーマエディタ</a>/<a title="en:Appearance_Editor_SubPanel" href="http://codex.wordpress.org/Appearance_Editor_SubPanel">en</a>・<a title="Plugins Editor SubPanel" href="http://wpdocs.sourceforge.jp/wiki/index.php?title=Plugins_Editor_SubPanel&amp;action=edit">プラグインエディタ</a>/<a title="en:Plugins_Editor_SubPanel" href="http://codex.wordpress.org/Plugins_Editor_SubPanel">en</a> に CodePress 構文強調表示を追加</li>
<li><a title="管理パネル" href="http://wpdocs.sourceforge.jp/%E7%AE%A1%E7%90%86%E3%83%91%E3%83%8D%E3%83%AB">管理パネル</a> &gt; <a title="管理パネル" href="http://wpdocs.sourceforge.jp/%E7%AE%A1%E7%90%86%E3%83%91%E3%83%8D%E3%83%AB#Media">メディア</a> &gt; <a title="Media Add New SubPanel" href="http://wpdocs.sourceforge.jp/wiki/index.php?title=Media_Add_New_SubPanel&amp;action=edit">新規追加</a>/<a title="en:Media_Add_New_SubPanel" href="http://codex.wordpress.org/Media_Add_New_SubPanel">en</a> に「Cancel Upload」ボタンと「Delete」リンクを追加</li>
<li>全てのプラグインファイルを編集できるようにする</li>
<li>ページのパーマリンクエディタを変更・修正</li>
<li><a title="データベース概要" href="http://wpdocs.sourceforge.jp/%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9%E6%A6%82%E8%A6%81">データベース</a>のパフォーマンスを向上</li>
<li> SWFUpload to 2.2.0.1 に更新</li>
<li> スクリプトローディングのパフォーマンスを向上</li>
</ul>
<p>なかなかいじり倒す時間がとれないのが辛いところ・・・</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/957/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/957/" />
	</item>
		<item>
		<title>[WP] WordPress 2.8のアップデートに注意！</title>
		<link>http://labrid.jp/wp/archives/950/</link>
		<comments>http://labrid.jp/wp/archives/950/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 06:11:48 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[トラブル]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=950</guid>
		<description><![CDATA[WordPress のバージョン2.8がリリースされていますが、アップデートにはいろいろ不具合があるようで、検索すると様々な不具合報告が寄せられています。 コリスさんのところで情報がまとめられていましたので紹介します。 ]]></description>
			<content:encoded><![CDATA[<p>WordPress のバージョン2.8がリリースされていますが、アップデートにはいろいろ不具合があるようで、検索すると様々な不具合報告が寄せられています。</p>
<p>コリスさんのところで情報がまとめられていましたので紹介します。<br />
<a rel="nofollow" href="http://coliss.com/articles/blog/wordpress/update-note-and-ways-of-coping-wordpress-28.html" target="_blank">WordPress 2.8のアップデートの注意点と対処法 | コリス</a>.</p>
<p>日本語公式サイトの発表は<a rel="nofollow" href="http://ja.wordpress.org/2009/06/13/attention-autoupgrade-28/" target="_blank">こちら</a>。</p>
<p>2.8にアップデートの際は手動でとありますが、何が何でもアップデートしないと困るという状況でないならアップデートしないのが一番かと思います。</p>
<p>2.8にアップデートしていないWordpressでは管理画面の上部に常に</p>
<blockquote><p>WordPress 2.8 が利用可能です ! アップデートしてください。</p></blockquote>
<p>と出ていますが、当面の間はうっかり寝ぼけてクリックしないよう注意しましょう。</p>
<p><span style="color: #888888;">ほぼ紹介記事で申し訳ないですが、仮にも WordPress関連記事を書いているサイトの責務として投稿させていただきました。</span></p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/950/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/950/" />
	</item>
		<item>
		<title>[WP] お問い合わせフォームにスパム対策</title>
		<link>http://labrid.jp/wp/archives/934/</link>
		<comments>http://labrid.jp/wp/archives/934/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 08:09:26 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=934</guid>
		<description><![CDATA[最近、お問い合わせフォームからのスパムメールが届くようになったので、これの対策を施すことにしました。 Labrid WP では、Contact Form 7 というフォームプラグインを使っています。 このプラグインは A]]></description>
			<content:encoded><![CDATA[<p>最近、お問い合わせフォームからのスパムメールが届くようになったので、これの対策を施すことにしました。</p>
<p>Labrid WP では、<a rel="nofollow" href="http://ideasilo.wordpress.com/2007/10/22/contact-form-7-in-japanese/" target="_blank">Contact Form 7</a> というフォームプラグインを使っています。<br />
このプラグインは <a rel="nofollow" href="http://akismet.com/" target="_blank">Akismet</a> のスパムフィルター機能を利用できます。</p>
<p><a rel="nofollow" href="http://akismet.com/" target="_blank">Akismet</a> は、Wordpress に標準装備されている強力なスパムフィルタープラグインです。<br />
まずはこれを有効にします。<br />
※Akismet を有効にするには、WordPress.com で取得できる API キーが必要です。WordPress.com のアカウントをまだ持っていなければ <a rel="nofollow" href="http://wordpress.com/api-keys/" target="blank">WordPress.com</a> で取得することができます。</p>
<p>次に、Contact Form 7 のフォーム作成画面（ツール＞Contact Form 7）で、フォームの「名前」「メールアドレス」「URL」の入力項目に、それぞれ以下の Akismet オプションを追記します。</p>
<ul>
<li><strong>名前</strong>→ <span style="color: #ff0000;"><code>akismet:author</code></span><br />
例: <code>[text* your-name akismet:author]</code></li>
<li>メールアドレス→ <span style="color: #ff0000;"><code>akismet:author_email</code></span><br />
例: <code>[email* your-email akismet:author_email]</code></li>
<li>URL→ <span style="color: #ff0000;"><code>akismet:author_url</code></span><br />
例: <code>[text your-url akismet:author_url]</code></li>
</ul>
<p>※初期入力オプションを設定してある場合、そのオプションより前に上記 Akismetオプションを記述しないと、フォームタグが有効に認識されずそのまま出力されてしまうので注意。</p>
<p>設定が終わったら、このオプションが正常に働いているかテストします。<br />
名前欄に『<img src="file:///Users/koheikun/Library/Caches/TemporaryItems/moz-screenshot.jpg" alt="" />viagra-test-123』（必ず Akismet にスパムとして補足される名前）と入力して送信すると・・・</p>
<p><a href="http://labrid.jp/wp/wp-content/uploads/toi_akismet.png"><img class="alignnone size-full wp-image-935" title="toi_akismet" src="http://labrid.jp/wp/wp-content/uploads/toi_akismet.png" alt="toi_akismet" width="400" height="51" /></a></p>
<p>このようなメッセージが出て、送信できませんでした。</p>
<p>これでメールフォームのスパム対策完了です。<br />
今後は問合せフォームからのメールの内容を見て、本当にスパムかどうか、削除してよいかどうかと悩まずに済む事でしょう <img src='http://labrid.jp/wp/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/934/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/934/" />
	</item>
		<item>
		<title>[WP] カテゴリー毎に詳細画面用テンプレートを別ファイルにする</title>
		<link>http://labrid.jp/wp/archives/921/</link>
		<comments>http://labrid.jp/wp/archives/921/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 02:02:24 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[テンプレート]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=921</guid>
		<description><![CDATA[カテゴリー一覧用のテンプレートは、 デフォルトテンプレート：category.php （カテゴリーID）用のテンプレート：category-（カテゴリーID）.php とする事で、カテゴリー毎に違うテンプレートファイルを]]></description>
			<content:encoded><![CDATA[<p>カテゴリー一覧用のテンプレートは、</p>
<p>デフォルトテンプレート：category.php<br />
（カテゴリーID）用のテンプレート：category-（カテゴリーID）.php</p>
<p>とする事で、カテゴリー毎に違うテンプレートファイルを読込んでくれます。</p>
<p>では、詳細画面用のテンプレートでは・・・？<span id="more-921"></span></p>
<p>single.php に if文で</p>
<pre><code>&lt;?php if (in_category('1')): ?&gt;
（カテゴリー１用のソース）
&lt;?php elseif (in_category('2')): ?&gt;
（カテゴリー２用のソース）
&lt;?php else: ?&gt;
（その他のカテゴリー用のソース）
&lt;?php endif; ?&gt;
</code></pre>
<p>とする事で表示をカスタマイズできますが、カテゴリー一覧画面のように別ファイルで分けてしまった方がスッキリします。<br />
そんな場合はこれ。</p>
<pre><code>&lt;?php
 $post = $wp_query-&gt;post;
 if ( in_category('1') ) {
 include(TEMPLATEPATH . '/single-1.php');
 } elseif ( in_category('2') ) {
 include(TEMPLATEPATH . '/single-2.php');
 } else {
 include(TEMPLATEPATH . '/single-0.php');
 }
 ?&gt;</code></pre>
<p>こうする事で、</p>
<p>カテゴリ−１の記事：single-1.php<br />
カテゴリ−２の記事：single-2.php<br />
その他の記事：single-0.php</p>
<p>と、記事の属するカテゴリーによって読込むテンプレートファイルを分割する事ができます。</p>
<p>尚、ヘッダーやフッターを読込むタグは、通常は</p>
<pre><code>&lt;?php get_header();??&gt;
&lt;?php get_footer();??&gt;</code></pre>
<p>ですが、別に設定したヘッダー／フッターを読込みたい場合は、</p>
<pre><code>&lt;?php include (TEMPLATEPATH . '/header2.php');??&gt;
&lt;?php include (TEMPLATEPATH . '/footer2.php');??&gt;</code></pre>
<p>とします。</p>
<p>ちなみにサイドバーの場合はもっと簡単で、</p>
<p>通常（sidebar.php）</p>
<pre><code>&lt;?php get_sidebar();??&gt;</code></pre>
<p>sidebar-2.phpを読込む場合</p>
<pre><code>&lt;?php get_sidebar('2'); ?&gt;</code></pre>
<p>となります。</p>
<p>ヘッダー／フッターはサイドバー形式、<br />
カテゴリー詳細は、カテゴリー一覧形式で<br />
テンプレートファイルを切り分けてくれると、管理が楽になるんですけどね。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/921/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/921/" />
	</item>
		<item>
		<title>[WP] WordPressサイトの制作から公開まで</title>
		<link>http://labrid.jp/wp/archives/907/</link>
		<comments>http://labrid.jp/wp/archives/907/#comments</comments>
		<pubDate>Mon, 01 Jun 2009 07:37:04 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[ニュースクリップ]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=907</guid>
		<description><![CDATA[WordPressサイトの制作開始から公開までのフローを、最も少ない手順で実現できる方法を考えてみました。 WordPressには、Wordpress本体のインストールURLと異なる公開URLを設定できる機能があるので、]]></description>
			<content:encoded><![CDATA[<p>WordPressサイトの制作開始から公開までのフローを、最も少ない手順で実現できる方法を考えてみました。</p>
<p>WordPressには、Wordpress本体のインストールURLと異なる公開URLを設定できる機能があるので、これを利用しています。<span id="more-907"></span></p>
<h4>制作時</h4>
<ol>
<li>公開予定のURLの下にサブディレクトリを作成し、そこにWordpressをインストール。<br />
例：公開予定 → http://labrid.jp/<br />
WordpressインストールURL → http://labrid.jp/wp/</li>
<li>WordPressの設定から検索エンジンをブロックする。<br />
設定＞プライバシー設定から、『検索エンジンはブロックするが通常の訪問者の閲覧は許可する』にチェックして『変更を保存』。</li>
<li>WordPress全体をパスワードでブロックし、非公開にする。<br />
※<a rel="nofollow" href="http://blog.taragana.com/index.php/archive/angsumans-authenticated-wordpress-plugin-password-protection-for-your-wordpress-blog/" target="_blank">Angsuman’s Authenticated WordPress Plugin</a> というプラグインを使って、ログインユーザー以外は全コンテンツを見られない（ログイン画面に飛ばされる）ようにする。（このプラグインは最新版のWordpressで正常動作しないのでコードを一部書き換える必要あり）<br />
※ベーシック認証をかけると、記事投稿時に画像等をアップロードできなくなるので×</li>
</ol>
<p>1. で検索エンジンを拒否しているので、一般ユーザーがアクセスしてくる事はほとんどありませんが、万が一アクセスがあった場合を想定し、3. のプラグインで全コンテンツをパスワードブロックします。<br />
制作者、校正担当者には、Wordpressのユーザー登録画面からユーザーとして登録し、ログインしてもらう事で、全コンテンツを閲覧できます。</p>
<h4>公開時</h4>
<ol>
<li>WordPressの設定から検索エンジンの巡回を許可する。<br />
設定＞プライバシー設定から、『このブログを、検索エンジン とアーカイブサイトを含め、誰でも閲覧できるようにする』にチェックして『変更を保存』。</li>
<li>Wordpresのインストールディレクトリ（例：http://labrid.jp/wp）のindex.phpをダウンロードし、以下の通りに変更後、公開ディレクトリ（例：http://labrid.jp）にアップロードする。<br />
変更前：</p>
<pre><code>/** Loads the WordPress Environment and Template */
require('./wp-blog-header.php');</code></pre>
<p>変更後：</p>
<pre><code>/** Loads the WordPress Environment and Template */
require('./wp/wp-blog-header.php');</code></pre>
</li>
<li>WordPressの設定からアドレスを公開予定URLに変更する。<br />
設定＞一般設定＞ブログのアドレス(URL)を、初期状態（例：http://labrid.jp/wp）から公開予定URL（例：http://labrid.jp）に変更する。</li>
<li>プラグイン一覧画面から <a rel="nofollow" href="http://blog.taragana.com/index.php/archive/angsumans-authenticated-wordpress-plugin-password-protection-for-your-wordpress-blog/" target="_blank">Angsuman’s Authenticated WordPress Plugin</a> を停止する。</li>
</ol>
<p>これで公開完了です。</p>
<p>WordPress本体がインストールされているのはサブディレクトリですが、Wordpressの生成する全コンテンツのURLは、3. で設定した上位ディレクトリをルートディレクトリとして生成されます。</p>
<p>校正環境として別サーバーで稼動させていたWordpressを移行したり、DNSのドメイン変更を行う手間と必要なスケジュールを考えると、遥かに簡素化できました。<br />
公開サーバーでのテストも兼ねているので、サーバー仕様の違いによるトラブルは皆無。<br />
お客様側の最終確認工程も削減できました。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/907/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/907/" />
	</item>
		<item>
		<title>[WP] IE6 でスクリプトエラーが発生したら</title>
		<link>http://labrid.jp/wp/archives/878/</link>
		<comments>http://labrid.jp/wp/archives/878/#comments</comments>
		<pubDate>Fri, 24 Apr 2009 17:28:29 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[技術メモ]]></category>
		<category><![CDATA[Google 関連]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=878</guid>
		<description><![CDATA[プラグインをモリモリ盛った WordPress。 それがある日突然クライアントから「IE6 でスクリプトエラーになるんだけど」なんて連絡がきたら・・・考えただけでも恐ろしいです。 それに近い事が実際に起こってしまいました]]></description>
			<content:encoded><![CDATA[<p>プラグインをモリモリ盛った WordPress。<br />
それがある日突然クライアントから「IE6 でスクリプトエラーになるんだけど」なんて連絡がきたら・・・考えただけでも恐ろしいです。<span id="more-878"></span></p>
<p>それに近い事が実際に起こってしまいました。<br />
幸いプラグインは必要最低限なものだったけど、問題は、私のWindows IE6 環境ではエラーを吐かないこと。<br />
エラーを吐いてくれないことには Try &amp; Error での原因究明もできないのです。</p>
<p>幸いクライアントが同じ業界の方だったので、プラグインのON/OFFをしながら、エラーの状況を見てもらうことにしましたが・・</p>
<p>それにしてもおかしい…読み込んでいる JavaScript は多くないはず。<br />
しかも信頼のおけるJSばかり。</p>
<p>この時点で思い出しました。<br />
Google 関連の JavaScript がなぜか IE6 でエラーを吐く事があるという報告があった事を。</p>
<p>試しに、Google Analytics のコードを削除してエラー状況を電話で確認したところ、これがビンゴ。<br />
まさに Google Analytics が悪さしてました。</p>
<p>いろいろと幸いな状況が続いたのでさっくり解決できましたが、状況によっては、エラーを吐くクライアントのところまで出向いての検証作業などで丸一日程度無駄にしていたかもしれません。</p>
<p>結論：IE6 でスクリプトエラーが出て、他のブラウザ／バージョンでは出ない、という状況ではまず Google 関連から疑うべし。</p>
<p>&#8211;（後記）&#8212;-</p>
<p>上記エラーの理由：文字コードがUTF-8のページで外部javascript を読込む際にUTF-8を明示的に表記しないと微妙な動作をする。</p>
<p>解決方法：以下のソース部分を変更。</p>
<p>※変更前</p>
<pre><code>document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</code></pre>
<p>※変更後</p>
<pre><code>document.write(unescape("%3Cscript <span style="color:red">charset='utf-8'</span> src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</code></pre>
<p>情報ありがとうございました。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/878/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/878/" />
	</item>
		<item>
		<title>ヘッダーの背景画像をランダムに変更する</title>
		<link>http://labrid.jp/wp/archives/866/</link>
		<comments>http://labrid.jp/wp/archives/866/#comments</comments>
		<pubDate>Fri, 17 Apr 2009 15:18:51 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[技術メモ]]></category>
		<category><![CDATA[カスタマイズ]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=866</guid>
		<description><![CDATA[今回は、ヘッダー画像をランダムに変更する仕掛けをWordpressのテーマに仕込んでみます。 アクセスする度にサイトのイメージが変わるので、訪問者に常に新鮮な印象を感じていただけます。 導入が簡単な割に、効果の高いカスタ]]></description>
			<content:encoded><![CDATA[<p>今回は、ヘッダー画像をランダムに変更する仕掛けをWordpressのテーマに仕込んでみます。<br />
アクセスする度にサイトのイメージが変わるので、訪問者に常に新鮮な印象を感じていただけます。<br />
導入が簡単な割に、効果の高いカスタマイズです。<span id="more-866"></span></p>
<h4>ランダム表示スクリプトの入手・アップロード</h4>
<p>以下のサイトからスクリプトをダウンロードします。</p>
<ul>
<li><a href="http://www.alistapart.com/articles/randomizer/">A List Apart: Articles: Random Image Rotation</a></li>
</ul>
<p>ダウンロード場所が少しわかりづらいですが、後の手順はとても簡単なので、便利なスクリプトを提供してくださっている作者様に感謝の気持ちを持って記事を読み解き、ダウンロードリンクを探しましょう。</p>
<p>次にダウンロードした rotate.txt の拡張子を php に変更します。<br />
サーバ上のテーマファイルのあるディレクトリの &#8220;images&#8221; フォルダ内にランダム表示用のディレクトリ &#8220;random&#8221; を作成し、ここに rotate.php を FTP ソフトでアップロードします。</p>
<pre><code>/wp-content/themes/テーマ/images/random/rotate.php</code></pre>
<h4>ランダム表示用画像の作成・アップロード</h4>
<p>ランダムに表示させたい画像を複数作成し、上記で作成したディレクトリ &#8220;random&#8221; にアップロードします。<br />
画像名は自由な名前で OK です。</p>
<h4>背景画像指定スタイルの変更</h4>
<p>テーマのスタイルシートを編集し、背景画像を指定しているスタイルの背景画像ファイルへのパスを rotate.php へのパスに変更します。</p>
<p>変更前</p>
<pre><code>background:url(images/bg_header.jpg) 0 50% no-repeat;</code></pre>
<p>↓<br />
変更後</p>
<pre><code>background:url(images/random/rotate.php) 0 50% no-repeat;</code></pre>
<p>以上で完了です。</p>
<p>尚、一時的に背景画像を固定したいような場合は</p>
<pre><code>background:url(images/random/rotate.php?img=static_image.jpg) 0 50% no-repeat;</code></pre>
<p>とすることで対応できます。</p>
<p>初期状態では、rotate.php を置いたディレクトリ内にある画像をランダム表示しますが、rotate.php 内のパスを変更することで、画像の置き場所を変更する事が可能です。<br />
例えば・・・</p>
<p>変更前</p>
<pre><code>$folder = '.';</code></pre>
<p>↓<br />
変更後</p>
<pre><code>$folder = 'http://labrid.jp/images/random/';</code></pre>
<p>気が利いてますね。</p>
<p>Labrid WP ではとりあえず仕掛けは仕込んだものの、画像が2個しかないので、これから徐々に増やしていく予定です。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/866/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/866/" />
	</item>
		<item>
		<title>バナーからリンクされる特設ページを作る</title>
		<link>http://labrid.jp/wp/archives/859/</link>
		<comments>http://labrid.jp/wp/archives/859/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 07:41:25 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[テンプレート]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=859</guid>
		<description><![CDATA[WordPress を汎用のCMSとして使う場合、以下のような仕様の特設ページを作成する必要がある事があります。 キャンペーン等のような強力にプッシュしたい特設ページを単独で作成 特設ページへのリンクとして、全ページにバ]]></description>
			<content:encoded><![CDATA[<p>WordPress を汎用のCMSとして使う場合、以下のような仕様の特設ページを作成する必要がある事があります。</p>
<ul>
<li>キャンペーン等のような強力にプッシュしたい特設ページを単独で作成</li>
<li>特設ページへのリンクとして、全ページにバナー画像を配置</li>
</ul>
<p>そういった場合のカスタマイズ方法の一例として、私の行ったカスタマイズを簡単にご紹介します。<span id="more-859"></span></p>
<h4>特設ページ専用カテゴリーの作成</h4>
<p>特設ページ専用のカテゴリーを管理画面の『投稿＞カテゴリー』から作成します。<br />
カテゴリーを作成したら、カテゴリーIDを確認しておきます。<br />
以下、特設ページ専用カテゴリーのIDが 10 だったと仮定して説明します。</p>
<p>このカテゴリーはサイドバーのカテゴリー一覧メニューには表示したくないので、使用中のテーマの sidebar.php のカテゴリー表示タグ [wp_list_categories();] の引数に [exclude=10] を追加して非表示に設定します。</p>
<h4>特設ページへのリンクバナーのページへの関連付け</h4>
<p>特設ページを『投稿＞新規追加』から作成します。</p>
<p>リンクバナーを適切なサイズで作成し、投稿画面のアップローダーからアップロードします。<br />
（本文に挿入する必要はありません。）<br />
※画像の格納先として『wp-content/uploads』を設定し、年月ベースのフォルダは作成しない設定にしてある事を前提とします。<br />
これは管理画面の『その他の設定』で設定・確認できます。</p>
<p>カスタムフィールドに『banner』をkey名とし、アップした画像名を値として登録します。</p>
<h4>keyで指定したカスタムフィールドの値を取り出す</h4>
<p><a href="http://labrid.jp/wp/archives/441/3">以前の記事</a>で紹介したように <a rel="nofollow" href="http://coffee2code.com/wp-plugins/get-custom-field-values/" target="_blank">Get Custom Fielde Values</a> というプラグインを使ってもいいのですが、このためだけにプラグインを導入するのも面倒なので、今回はプラグインを使用せずにカスタムフィールドの値を取り出します。</p>
<p>使用中のテーマの function.php に以下のコードを追加します。</p>
<pre><code>function getCustom($key,$id) {
$custom = get_post_custom_values($key, $id);
if(count($custom)!=1)
return implode("&lt;br /&gt;",$custom);
else
return $custom[0];
}
</code></pre>
<p>これは、<a rel="nofollow" href="http://tenderfeel.xsrv.jp/category/wordpress/" target="_blank">WebTecNote</a> さんの記事を参考にさせていただきました。</p>
<h4>サイドバーテンプレートのカスタマイズ</h4>
<p>サイドバーにリンクバナーが表示されるよう、使用中のテーマの sidebar.php をカスタマイズします。<a href="http://labrid.jp/wp/archives/441/3"><br />
</a></p>
<p>sidebar.php に以下のコードを追加します。</p>
<pre><code>&lt;?php if (have_posts()) : query_posts('cat=10'); ?&gt;
&lt;ul&gt;
&lt;?php while (have_posts()) : the_post(); ?&gt;
&lt;li&gt;&lt;a href="&lt;?php the_permalink() ?&gt;" title="&lt;?php the_title_attribute(); ?&gt;"&gt;&lt;img src="&lt;?php bloginfo('url'); ?&gt;/wp-content/uploads/&lt;?php echo getCustom('banner',get_the_ID()); ?&gt;" alt="&lt;?php the_title_attribute(); ?&gt;" /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;?php endwhile; ?&gt;
&lt;/ul&gt;
&lt;?php endif; ?&gt;
&lt;ul&gt;
</code></pre>
<p>リンクバナー周辺のデザインをカスタムする場合は、上記の &lt;ul&gt; にクラスを割り当てるなどとして、スタイルシートを適宜設定するといいでしょう。</p>
<p>以上で完了です。<br />
このように本文に使用しない画像を記事に紐づける場合は、カスタムフィールドが非常に便利かつ応用がきくので、覚えておいて損はないでしょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/859/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/859/" />
	</item>
		<item>
		<title>WordPress を共用SSLで使うのは不可能？</title>
		<link>http://labrid.jp/wp/archives/848/</link>
		<comments>http://labrid.jp/wp/archives/848/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 18:42:29 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[技術メモ]]></category>
		<category><![CDATA[SSL]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=848</guid>
		<description><![CDATA[共用SSL で WordPress のメールフォーム（お問い合わせ等）のSSL化を試みました。 かなりしつこく調査してみましたが、現状では共用SSLでのSSL化は無理、という結論。残念。 が、そもそもなぜSSL化が必要か]]></description>
			<content:encoded><![CDATA[<p>共用SSL で WordPress のメールフォーム（お問い合わせ等）のSSL化を試みました。</p>
<p>かなりしつこく調査してみましたが、現状では共用SSLでのSSL化は無理、という結論。残念。</p>
<p>が、そもそもなぜSSL化が必要か、というと、お問い合わせフォームのようなメールフォームでは通信をSSLを通して暗号化する事が常識になっているからなんですね。<br />
本当は、入力内容をそのままメール送信するフォームでは、SSLは無意味であるにも関わらず。<br />
入力側（ブラウザ?サーバ間）をSSLで暗号化しても、出力側（サーバ→メール送信）が暗号化されていないので、意味は無いんです。<br />
あるとすれば『安心感』。運営側にとってはそれも大事。<br />
だから無意味でも皆コストをかけてSSL化するんですね。</p>
<p>話がそれました。<br />
現状ではどうやら、共有SSLでWordpressの特定ページをSSL化するのは不可能なようなので、Wordpress を導入しようとしていて、SSLを使う予定があるなら、多少高くても独自SSLが使えるサーバを選ぶのが正解のようです。</p>
<p>※管理画面をSSL化するのはセキュリティを高める手段としては有効です。<br />
こちらは Admin-SSL を使えば共有SSLでもSSL化できるようです。<br />
Admin-SSL プラグインについてはまた別の記事にて。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/848/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/848/" />
	</item>
		<item>
		<title>WordPress: 総合ナビゲーション管理プラグイン NAVT</title>
		<link>http://labrid.jp/wp/archives/823/</link>
		<comments>http://labrid.jp/wp/archives/823/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 10:08:10 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=823</guid>
		<description><![CDATA[WordPressをCMSとして運用する場合、主要なコンテンツは「ページ」機能を使います。 ページコンテンツへのナビゲーションは、専用に用意されたタグで表示することができます。 ここで問題が。ナビゲーションを分割したい場]]></description>
			<content:encoded><![CDATA[<p>WordPressをCMSとして運用する場合、主要なコンテンツは「ページ」機能を使います。<br />
ページコンテンツへのナビゲーションは、専用に用意されたタグで表示することができます。</p>
<p>ここで問題が。ナビゲーションを分割したい場合はどうするのでしょう？<br />
たいていのホームページでは、ナビゲーションは複数の箇所に分割表示します。<br />
ノーマルな WordPress ではページ用のナビゲーションを分割表示できません。<br />
<span style="font-size: x-small;">※テンプレートに直にソースを記述する事で対応できますが、管理画面から管理できないのでCMSとは言えなくなってしまいます。</span></p>
<p>これを解決してくれるのが &#8220;<a rel="nofollow" href="http://wordpress.org/extend/plugins/wordpress-navigation-list-plugin-navt/" target="_blank">NAVT (WordPress Navigation Tool)</a>&#8221; プラグインです。<br />
とても高機能なナビゲーションカスタマイズプラグインで、ページ系コンテンツに限らず、Wordpress の全てのナビゲーションを自在にカスタマイズする事ができます。<span id="more-823"></span></p>
<p>今回は、LabridWP のヘッダーナビゲーションを、以下の仕様でカスタマイズする例を紹介します。<br />
（追記：プルダウンメニューはNAVTでは設定できません。これは別途<a title="Permanent Link to Multi-level Navigation Plugin for WordPress" rel="bookmark" href="http://pixopoint.com/products/multi-level-navigation/">Multi-level Navigation Plugin for WordPress</a>というプラグインを導入して実現しています。）</p>
<p><strong>◎フッターに新しいナビゲーションを作成<br />
</strong><strong>◎</strong><strong>ヘッダーナビから『リンク』をフッターナビに移動<br />
</strong><strong>◎</strong><strong>フッターナビに『ホームへ戻る』を追加<br />
</strong><strong>◎</strong><strong>『お問い合わせ』はヘッダーとフッターの両方に表示</strong></p>
<h4>NAVT プラグインの導入と使い方</h4>
<ol>
<li>プラグインをインストール。<br />
管理画面のプラグイン＞新規追加で「NAVT」で検索し「インストール」をクリック。</li>
<li>ツール＞NAVT リストでNAVTの管理画面を表示。
<p><div id="attachment_824" class="wp-caption alignnone" style="width: 185px"><img class="size-full wp-image-824" title="navt-1" src="http://labrid.jp/wp/wp-content/uploads/navt-1.png" alt="管理メニュー" width="175" height="238" /><p class="wp-caption-text">管理メニュー</p></div></li>
<li>管理画面は整然と整理されていてわかりやすい。<br />
各パネルのタイトルバーの『？』をクリックするとヘルプが表示される。<br />
親切なことに、これも日本語化されている。</p>
<p><div id="attachment_825" class="wp-caption alignnone" style="width: 372px"><a href="http://labrid.jp/wp/wp-content/uploads/navt-2.png"><img class="size-medium wp-image-825" title="navt-2" src="http://labrid.jp/wp/wp-content/uploads/navt-2-362x300.png" alt="NAVT管理画面" width="362" height="300" /></a><p class="wp-caption-text">NAVT管理画面</p></div></li>
<li>まず一番左上の『ナビゲーション・グループ』に、新しいナビゲーショングループ名を入力して『作成』をクリック。<br />
※テンプレートに挿入するタグに使用する名前なので半角英字で。<br />
今回は、ヘッダー用に headnavi。フッタ用に footnavi を作成。</li>
<li>新しくできたグループパネルの左上にあるギアアイコンをクリックすると、グループ用の設定画面が現れる。<br />
どのコンテンツでナビゲーションを表示するか、ナビゲーションのHTMLタグに設定するIDやCLASSなど、必要十分な設定が可能。</p>
<p><div id="attachment_826" class="wp-caption alignnone" style="width: 460px"><a href="http://labrid.jp/wp/wp-content/uploads/navt-3.png"><img class="size-medium wp-image-826" title="navt-3" src="http://labrid.jp/wp/wp-content/uploads/navt-3-450x260.png" alt="新規グループの属性変更" width="450" height="260" /></a><p class="wp-caption-text">新規グループの属性変更</p></div></li>
<li>『基本情報』パネルに、現在のWordpressのナビゲーション項目が表示されている。<br />
カスタムしたい項目をクリックすると『未設定』枠の中に項目が現れる。<br />
カスタムする全項目を『未設定』枠に入れてしまうと便利。</p>
<p><div id="attachment_827" class="wp-caption alignnone" style="width: 364px"><a href="http://labrid.jp/wp/wp-content/uploads/navt-4.png"><img class="size-medium wp-image-827" title="navt-4" src="http://labrid.jp/wp/wp-content/uploads/navt-4-354x300.png" alt="カスタマイズ元となる項目情報" width="354" height="300" /></a><p class="wp-caption-text">カスタマイズ元となる項目情報</p></div></li>
<li>『未設定』枠の項目を、(4)で作成した新しいナビゲーショングループのパネルにドラッグ＆ドロップして、カスタマイズ用グループに項目をセットアップしていく。<br />
順番の入れ替えもドラッグで調整可能。<br />
項目の親子関係は、項目右下の左右ボタンで調整可能。</p>
<div id="attachment_828" class="wp-caption alignnone" style="width: 268px"><a href="http://labrid.jp/wp/wp-content/uploads/navt-5.png"><img class="size-medium wp-image-828" title="navt-5" src="http://labrid.jp/wp/wp-content/uploads/navt-5-258x300.png" alt="セット完了状態のカスタムナビ" width="258" height="300" /></a><p class="wp-caption-text">セット完了状態のカスタムナビ</p></div>
<p>項目名クリックで、項目の表示名、形式、CLASS、rel=&#8221;nofollow&#8221; の設定パネルが出現。</p>
<p><div id="attachment_829" class="wp-caption alignnone" style="width: 214px"><img class="size-full wp-image-829" title="navt-7" src="http://labrid.jp/wp/wp-content/uploads/navt-7.png" alt="HOMEの設定変更も可能" width="204" height="241" /><p class="wp-caption-text">HOMEの設定変更も可能</p></div></li>
<li>全てセットし終わったらグループパネルの右上の鍵アイコンをクリックしてロックしよう。<br />
パネルが閉じて鍵アイコンがロック状態に変わる。<br />
グループの数が増えてもスムーズにドラッグ＆ドロップでき、ミスを防ぐ事ができる。</p>
<p><div id="attachment_830" class="wp-caption alignnone" style="width: 420px"><img class="size-full wp-image-830" title="navt-6" src="http://labrid.jp/wp/wp-content/uploads/navt-6.png" alt="グループをロック" width="410" height="47" /><p class="wp-caption-text">グループをロック</p></div></li>
</ol>
<p>これで新しいナビゲーショングループのセットアップが完了です。</p>
<h4>テンプレートの編集</h4>
<p>しかし、このままでは公開側は何も変化しません。<br />
次に、これを表示できるよう、テンプレートに表示用タグを追加します。</p>
<p>NAVT 表示用のタグは、以下の通りです。</p>
<pre><code>&lt;?php
if( function_exists('navt_getlist') ) {
navt_getlist('new_navigation_groop_name');
}
?&gt;</code></pre>
<p>従って、今回の例でのカスタマイズは以下の通り行いました。</p>
<h5>header.php</h5>
<p>元のナビゲーション表示用タグを削除し、以下のソースを追加</p>
<pre><code>&lt;?php
if( function_exists('navt_getlist') ) {
navt_getlist('headnavi');
}
?&gt;</code></pre>
<h5>footer.php</h5>
<p>以下のソースを追加</p>
<pre><code>&lt;?php
if( function_exists('navt_getlist') ) {
navt_getlist('footnavi');
}
?&gt;</code></pre>
<p>あとは、適宜スタイルシートを編集してカスタマイズ完了です。<br />
Wordpress を CMSとして運用するならば、必須のプラグインと言えるでしょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/823/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/823/" />
	</item>
		<item>
		<title>サイドバーに「あわせて読みたい」導入</title>
		<link>http://labrid.jp/wp/archives/778/</link>
		<comments>http://labrid.jp/wp/archives/778/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 17:12:35 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[カスタマイズ]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=778</guid>
		<description><![CDATA[サイドバーに LabridWP初のブログパーツ「あわせて読みたい」を導入しました。 これは、このサイトを見ている方が、他にどんなブログを読んでいるのかを紹介してくれるサービスです。 同時に、導入した LabridWP も]]></description>
			<content:encoded><![CDATA[<p>サイドバーに LabridWP初のブログパーツ「<a href="http://awasete.com/" target="_blank" rel="nofollow">あわせて読みたい</a>」を導入しました。</p>
<p>これは、このサイトを見ている方が、他にどんなブログを読んでいるのかを紹介してくれるサービスです。<br />
同時に、導入した LabridWP も「あわせて読みたい」のつながりに参加することができ、他のブログ様のところで紹介してもらえるかもしれないという仕組み。</p>
<p>導入は、<a href="http://awasete.com/" target="_blank" rel="nofollow">あわせて読みたい公式サイト</a>で、ブログのURLを登録すると発行されるパーツ用ソースを、ブログのサイドバーに埋め込むだけ。<br />
ソースはただの画像リンクで、iframe や Flash、JavaScript を使用していないので、テンプレートを編集できるどんなブログにも導入できるはず。</p>
<p>読者にも管理者にもサービス運営者にもプラスになる、しかも簡単・明快なこういったサービスはどんどん普及していって欲しいですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/778/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/778/" />
	</item>
		<item>
		<title>WordPress サイドバーに外部RSS を読み込んで表示する</title>
		<link>http://labrid.jp/wp/archives/773/</link>
		<comments>http://labrid.jp/wp/archives/773/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 11:05:26 +0000</pubDate>
		<dc:creator>YAMADA</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[カスタマイズ]]></category>

		<guid isPermaLink="false">http://labrid.jp/wp/?p=773</guid>
		<description><![CDATA[Pages コンテンツ（上部ナビゲーションのリンク先）のサイドバーに、 外部RSS（私YAMADAの個人ブログ）を読み込むようカスタマイズしました。 RSS読み込みプラグイン（ex. MagpieRSS ）で実現しようと]]></description>
			<content:encoded><![CDATA[<p>Pages コンテンツ（上部ナビゲーションのリンク先）のサイドバーに、<br />
外部RSS（私YAMADAの個人ブログ）を読み込むようカスタマイズしました。</p>
<p>RSS読み込みプラグイン（ex. <a rel="nofollow" href="http://www.marusankakusikaku.jp/archives/2006/12/01-magpie-rss-php.html" target="_blank">MagpieRSS</a> ）で実現しようと考えていましたが、調べたところ、Wordpress に最初から RSS 読み込み機能が搭載されているらしい。</p>
<ul>
<li><a href="http://tenderfeel.xsrv.jp/wordpress/197/">WebTecNote &#8211; [WP]wordpressでRSSを取得して表示</a></li>
</ul>
<p>非常に簡単ですね。<span id="more-773"></span></p>
<p>今回は Pages コンテンツのサイドバーだけに表示するカスタマイズなので、以下のソースを sidebar.php に仕込みました。</p>
<pre><code>&lt;?php if ( is_page() ) { ?&gt;
&lt;h2&gt;Stuff Blog&lt;/h2&gt;
&lt;h3&gt;Web de Nuts&lt;/h3&gt;
&lt;p&gt;Labrid 代表 YAMADA の個人ブログ。お気楽＋気まぐれブログです。&lt;/p&gt;
&lt;ul&gt;
&lt;?php // Get RSS Feed(s)
include_once(ABSPATH . WPINC . '/rss.php');
$rss = fetch_rss('http://feeds2.feedburner.com/WebDeNuts');
$maxitems = 5;
$items = array_slice($rss-&gt;items, 0, $maxitems);
?&gt;
&lt;?php if (empty($items)) echo "&lt;li&gt;No items&lt;/li&gt;";
else
foreach ( $items as $item ) : ?&gt;
&lt;li&gt;&lt;a href="&lt;?php echo $item['link']; ?&gt;" title="&lt;?php echo $item['title']; ?&gt;"&gt;
&lt;?php echo $item['title']; ?&gt;
&lt;/a&gt;&lt;/li&gt;
&lt;?php endforeach; ?&gt;
&lt;/ul&gt;
&lt;?php } ?&gt;</code></pre>
<p>ちなみに、</p>
<pre><code>wp_rss($url, $num_items) </code></pre>
<p>を試したところ文字化けしてしまいました。<br />
修正はちょっと面倒なので、上記コードで完了としました。</p>
<p><span style="color: #888888;">おまけ）<br />
今まで表示していたバリューコマースのバナーは、削除しました。<br />
とりあえず、「バリューコマース」の経験値を得たかっただけなので、お役御免です。<br />
もちろん、収益は０円です（^^;</span></p>
]]></content:encoded>
			<wfw:commentRss>http://labrid.jp/wp/archives/773/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://labrid.jp/wp/archives/773/" />
	</item>
	</channel>
</rss>

