<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>DESIGN Oil BLOG &#187; WordPress</title>
	<atom:link href="http://www.design-oil.com/blog/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.design-oil.com/blog</link>
	<description>グラフィックデザイン事務所 DESIGN Oil(デザイン オイル) のブログ。DESIGN Oil はWEBデザイン(ホームページ制作)をはじめ、チラシデザイン・名刺デザインなどグラフィックデザインを中心に活動しています。</description>
	<lastBuildDate>Sat, 21 Jan 2012 08:00:20 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>[WordPress] [これは便利!] プラグイン一覧画面にメモが残せるプラグイン『Plugin Memorandum』</title>
		<link>http://www.design-oil.com/blog/2012/01/13/2198</link>
		<comments>http://www.design-oil.com/blog/2012/01/13/2198#comments</comments>
		<pubDate>Fri, 13 Jan 2012 12:59:16 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[レビュー]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=2198</guid>
		<description><![CDATA[コレは久々に、管理している全WordPressにインストールしたくなる便利なプラグインの誕生です！WordPressのプラグイン管理画面でメモ書きを保存できるプラグインです]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.design-oil.com/blog/upload/imags/2012/01/20120113-1.png" alt="[WordPress] [これは便利!] プラグイン一覧画面にメモが残せるプラグイン『Plugin Memorandum』" title="[WordPress] [これは便利!] プラグイン一覧画面にメモが残せるプラグイン『Plugin Memorandum』" width="488" height="300" class="alignnone size-full wp-image-2210" /></p>
<p>コレは久々に、管理している全WordPressにインストールしたくなる便利なプラグインの誕生です！</p>
<p>WordPressのプラグイン管理画面でメモ書きを保存できるプラグインです。</p>
<p><span id="more-2198"></span><br />
「訳あって、古いバージョンのプラグインを使用している時」「プラグインの一部をカスタマイズして使用している時」「プラグイン本来の機能とは別の使い方をしている時」「あるプラグインと同時に使用しないと効果がないプラグイン」「サイトを複数人で共同管理している時」</p>
<p><strong>プラグインに一言メモを残したい</strong>って事、ありませんか？ tokizakiも長年そう思いながら、別途txtファイルにメモして管理していました。</p>
<p>そんな方にぴったりのプラグインが誕生しました！twitterで「こんなプラグイン欲しい」と言う話題が出て１日程度で形にしてしまった、<a href="https://twitter.com/jim0912">@jim0912</a> さんと <a href="https://twitter.com/poyosi">@poyosi</a> さんに拍手！</p>
<p><em>ダウンロード先</em></p>
<p>○ <a href="http://www.warna.info/archives/1988/">WordPressの管理画面でプラグインのメモを残せるプラグインを共同開発してみた</a><br />
○<a href="http://www.warna.info/archives/1988/"> http://www.warna.info/archives/1988/</a></p>
<p><em>特　徴</em></p>
<ul>
<li>プラグイン一覧画面で、プラグイン各々にメモ書きを残せます。メモ欄は開閉可能なので、邪魔になりません。</li>
<li>プラグイン停止時にメモ内容がDBから破棄される。</li>
</ul>
<p><em>インストール</em></p>
<p>ダウンロードしたファイルを解凍して、Pluginフォルダにアップロード、プラグインを有効化するだけ。</p>
<p>使用方法は簡単。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2012/01/20120113-2.png" alt="[WordPress] [これは便利!] プラグイン一覧画面にメモが残せるプラグイン『Plugin Memorandum』" title="[WordPress] [これは便利!] プラグイン一覧画面にメモが残せるプラグイン『Plugin Memorandum』" width="488" height="188" class="alignnone size-full wp-image-2208" /></p>
<p>実際のメモ欄はこんな感じに。右上にある「+」「−」アイコンでメモ欄を開閉。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2012/01/20120113-3.png" alt="[WordPress] [これは便利!] プラグイン一覧画面にメモが残せるプラグイン『Plugin Memorandum』" title="[WordPress] [これは便利!] プラグイン一覧画面にメモが残せるプラグイン『Plugin Memorandum』" width="488" height="124" class="alignnone size-full wp-image-2209" /></p>
<p>メモを記入したら、画面最下部の「メモを更新」ボタンで保存。</p>
<p>また、<a href="https://twitter.com/jim0912">@jim0912</a> さんの計らいで、</p>
<blockquote><p>
また、PHPやプラグインの勉強用に、レガシーな書き方での実装とし、また、それぞれの行にコメントを入れてありますので、興味のあるかたは見てみて下さい。
</p></blockquote>
<p>との事ですので「プラグイン制作の勉強をしてみたい」と思っている方は、ソースを覗いてお手本にしてみてください！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2012/01/13/2198/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[WordPress] スパムコメント対策プラグイン『SPAM-BYEBYE』</title>
		<link>http://www.design-oil.com/blog/2012/01/10/2187</link>
		<comments>http://www.design-oil.com/blog/2012/01/10/2187#comments</comments>
		<pubDate>Tue, 10 Jan 2012 00:00:14 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[スパム]]></category>
		<category><![CDATA[スパム対策]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=2187</guid>
		<description><![CDATA[WordPressのスパム対策と言えばAkismetで、非常に優秀なのですがここ最近Akismetをすり抜けるスパムコメントが続いて頭を悩ませていました。そこで、新たにスパム対策プラグインを導入する事に。
検索で見つけた「SPAM-BYEBYE」を試してみました。]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.design-oil.com/blog/upload/imags/2012/01/20120110-2-02.png" alt="[WordPress] スパムコメント対策プラグイン『SPAM-BYEBYE』" title="[WordPress] スパムコメント対策プラグイン『SPAM-BYEBYE』" width="488" height="300" class="alignnone size-full wp-image-2170" /></p>
<p>WordPressのスパム対策と言えばAkismetで、非常に優秀なプラグインなのですがここ最近Akismetをすり抜けるスパムコメントが続いて頭を悩ませていました。そこで、新たにスパム対策プラグインを導入する事に。</p>
<p>検索で見つけた「SPAM-BYEBYE」を試してみました。</p>
<p><span id="more-2187"></span><br />
<em>ダウンロード先</em></p>
<p>○ <a href="http://cmf.ohtanz.com/spam-bye2.html">SPAM-BYEBYE</a><br />
○ <a href="http://cmf.ohtanz.com/spam-bye2.html">http://cmf.ohtanz.com/spam-bye2.html</a></p>
<p><em>特徴</em></p>
<p>各項目をチェックし、設定した数値（閾値）にたっしたコメントをスパムとして拒否するタイプのスパム対策プラグインです。Akismetがスパムコメントを、スパムとして隔離（データベースには記録される）のに対し、こちらは投稿そのものを拒否するのでデータベースにも記録されません。</p>
<p><em>インストール</em></p>
<p>ダウンロードしたファイルを解凍後、pluginフォルダにアップロードしてプラグインを有効化するだけで、ひとまず動作します。ですが、せっかくなので「config.php」を編集して、自分のサイトに合わせたスパム判定に変更しておきましょう。</p>
<p>当サイトでは、</p>
<ul>
<li>「スパムと判定された場合に表示するメッセージ」をリダイレクトに変更（スパムでないコメントをご判定してしまった場合に備えて。専用のページを用意。）
</li>
</ul>
<p>更に、チェック項目の中の</p>
<ul>
<li>「URL欄にURLがN個含まれる場合」sb2UrlCountを削除（スパムでないコメントでもURLを入力しているケースが多いため）</li>
<li>「名前欄に日本語が含まれていない」sb2Charactorを削除（スパムでないコメントでも名前にサイト名を入れるケースが多いため）</li>
<li>「コメント欄に200文字を超える行」sb2Lengthを削除（比較的短い文章のスパムが多いので）</li>
<li>「連続した改行」sb2FeedCountを削除（比較的短い文章のスパムが多いので）</li>
</ul>
<p>以上、4つの判定を無効にし、かつ、各項目のポイントを少なくし、比較的緩やかな判定で運用しています。特に「NGワード」が不十分なので、様子を見ながら修正して行きたいなと思っています。</p>
<p>と、言うわけで、参考までにDESIGN Oil BLOGで使用している設定を公開しておきます。あくまで、当ブログ用ですので、特に「NGワード」などは各自変更しておくと良いかと思います。<strong>またこのままコピペしてしまうとリダイレクト先がDESIGN Oilになってしまうので注意してください。</strong></p>
<pre class="brush: php; title: ; notranslate">&lt;?php

/****************************************************** 基本設定 ******************************************************/

// スパムと判定する閾値
define('SB2_SPAM_LEVEL', 100);

// スパムと判定された場合のアクション
// 0:SB2_SPAM_MESSAGEに指定したメッセージを表示
// 1:SB2_SPAM_REDIRECTに指定したURLにリダイレクト
define('SB2_SPAM_ACTION', 1);

// スパムと判定された場合に表示するメッセージ
// SB2_SPAM_ACTIONが0の場合のみ有効
define('SB2_SPAM_MESSAGE', '403 Forbidden');

// スパムと判定された場合のリダイレクトURL
// SB2_SPAM_ACTIONが1の場合のみ有効
define('SB2_SPAM_REDIRECT', 'http://www.design-oil.com/blog/spam/');

// DNSBLデータベース
// 複数指定する場合は「,」で区切る
define('SB2_DNSBL_HOSTS', 'dnsbl.spam-champuru.livedoor.com,b.barracudacentral.org');

// URIBLデータベース
// 複数指定する場合は「,」で区切る
define('SB2_URIBL_HOSTS', 'url.rbl.jp,dyndns.rbl.jp,notop.rbl.jp,multi.surbl.org,multi.uribl.com');

// チェック項目数(SB2_OBJECT_最後の番号を指定)
define('SB2_ENTRY_OBJECT', 9);

// 名前欄にURLがN個含まれる場合はN個x10ポイント加算(上限無し)
define('SB2_OBJECT_1', 'sb2UrlCount,author,10,0,0');

// 投稿者のIPがDNSBLに登録されている場合は100ポイント加算(上限無し)
define('SB2_OBJECT_2', 'sb2Dnsbl,100,0');

// URL欄のURLがURIBLに登録されている場合は登録数x50ポイント加算(上限無し)
define('SB2_OBJECT_3', 'sb2Uribl,url,50,0');

// コメント欄のURLがURIBLに登録されている場合は登録数x50ポイント加算(上限無し)
define('SB2_OBJECT_4', 'sb2Uribl,content,50,0');

// コメント欄に日本語が含まれていない場合は30ポイント加算
define('SB2_OBJECT_5', 'sb2Charactor,content,30');

// コメント欄にひらがなが含まれていない場合は40ポイント加算
define('SB2_OBJECT_6', 'sb2CharactorKana,content,40');

// コメント欄にURLがN個含まれる場合はN個x10ポイント加算(上限無し)
define('SB2_OBJECT_7', 'sb2UrlCount,content,10,0,0');

// コメント欄にNGワードが含まれる場合はN個x10ポイント加算(上限無し)
define('SB2_NGWORD_8', 'casino,dutyfree,SEO,online,lol,adult,Diablo,minecraft,pozycjonowanie');
define('SB2_OBJECT_8', 'sb2NgWord,content,10,0');

// コメント欄にNGワードが含まれる場合はN個x30ポイント加算(上限無し)
define('SB2_NGWORD_9', 'Viagra,Angry Birds,Singapore SEO');
define('SB2_OBJECT_9', 'sb2NgWord,content,30,0');

?&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2012/01/10/2187/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』</title>
		<link>http://www.design-oil.com/blog/2011/09/12/1905</link>
		<comments>http://www.design-oil.com/blog/2011/09/12/1905#comments</comments>
		<pubDate>Mon, 12 Sep 2011 01:00:50 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Web制]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=1905</guid>
		<description><![CDATA[メタディスクリプション・メタキーワードを管理する国産のWordPressプラグイン『Meta Manager』がリリースされたという事で早速試してみました。]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.design-oil.com/blog/upload/imags/2011/09/20110911-00.jpg" alt="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" title="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" width="488" height="300" class="photoimg2" /></p>
<p>メタディスクリプション・メタキーワードを管理する国産のWordPressプラグイン『<strong>Meta Manager</strong>』がリリースされたという事で早速試してみました。</p>
<p>今までmeta要素の管理には『Add Meta Tags』を使用してきました。カスタムフィールドを使用して、記事個別にkeywordsやdescriptionを指定できるプラグインです。Add Meta Tagsもシンプルで使いやすいプラグインですが、これからは<strong>Meta Manager</strong>をおすすめしたいです。</p>
<p><span id="more-1905"></span><br />
<em>ダウンロード</em></p>
<p>○ <a href="http://www.warna.info/archives/1732/">Simple Colors｜WordPressのメタキーワード、メタディスクリプションを出力するプラグイン「Meta Manager」</a><br />
○ <a href="http://www.warna.info/archives/1732/">http://www.warna.info/archives/1732/</a></p>
<p>上記URLからプラグインをダウンロード。</p>
<p><em>インストール</em></p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2011/09/20110911-01.png" alt="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" title="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" width="488" height="227" class="alignnone size-full wp-image-1915" /></p>
<p>ダウンロードした、プラグインを wp-content → plugins にアップロードして、管理画面からプラグインを有効化。</p>
<p><em>プラグイン設定画面</em></p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2011/09/20110911-02.png" alt="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" title="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" width="488" height="289" class="alignnone size-full wp-image-1916" /></p>
<p>設定項目の解説は、作者のプラグインページにて詳しく解説されていますので、そちらを確認して欲しいのですが、こちらでも簡単に解説を。</p>
<p><strong>基本キーワード</strong>：全てのページで表示されるメタキーワード。投稿などで個別にキーワードを指定した場合は、指定したキーワードと基本キーワードを合わせて表示します。ですので、投稿などでは、基本キーワードで指定したキーワードを改めて指定する必要はありません。</p>
<p><strong>基本ディスクリプション</strong>：投稿など個別のページで、メタディスクリプションをしてしなかった場合（抜粋も無い場合）、こちらの基本ディスクリプションが表示されます。</p>
<p><strong>「抜粋を記事のディスクリプションとして利用する」</strong>にチェクが入っていれば、その名の通り、抜粋に書かれた内容をディスクリプションとして生成してくれます。</p>
<p><strong>タクソノミーページ</strong>は、カテゴリーやタグページなどです。</p>
<p><em>その他のスクリーンショット</em></p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2011/09/20110911-03.png" alt="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" title="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" width="488" height="355" class="alignnone size-full wp-image-1917" /></p>
<p>カテゴリーページに表示するメタディスクリプション・メタキーワードも、カテゴリーごとに指定可能です。</p>
<p>（こちらでメタディスクリプションを指定しておけば、指定した内容が優先表示。未記入の場合は「基本ディスクリプション」で指定した内容が表示されます。）</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2011/09/20110911-04.png" alt="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" title="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" width="488" height="334" class="alignnone size-full wp-image-1918" /></p>
<p>同じくタグページに表示するメタディスクリプション・メタキーワードも、タグごとに指定可能です。</p>
<p>（こちらでメタディスクリプションを指定しておけば、指定した内容が優先表示。未記入の場合は「基本ディスクリプション」で指定した内容が表示されます。）</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2011/09/20110911-05.png" alt="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" title="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" width="488" height="281" class="alignnone size-full wp-image-1919" /></p>
<p>投稿制作画面にこのような項目が追加され、メタディスクリプション・メタキーワードを指定可能になります。</p>
<p>メタキーワードを入力する際は、キーワードとキーワードを半角英数字の「,」で区切ってください（基本的なhtmlのお作法と同じです）。</p>
<p><em>まとめ</em></p>
<p>カスタムフィールドを使用して、keywordsやdescriptionを指定する Add Meta Tags では、不慣れな方では入力に戸惑うことも考えられるが、Meta Manager が採用している入力画面はわかりやすい。</p>
<p>また、 Add Meta Tags 使用時は、ソース内に下記画像のようにコメントが追加されてしまいますが、Meta Manager ではそのようなコメントの追加はありません。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2011/09/20110911-06.png" alt="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" title="[WordPress] メタディスクリプション・メタキーワードを管理できる国産のプラグイン『Meta Manager』" width="488" height="68" class="alignnone size-full wp-image-1928" /></p>
<p>「ソースには一行たりとも余計なものは表示させたくない！」という方には朗報ではないでしょうか。</p>
<p>「抜粋」を入力しておけば、descriptionにひぱって来てくれるのが便利。（※要設定）</p>
<p>それから、国産プラグインということで、要望などあった場合に作者とコミュニケーションが取りやすいこともメリットではないでしょうか？</p>
<p>と、言う訳で、今後meta要素を管理するプラグインとして定番化しそうです。</p>
<p><em>追　記</em></p>
<p>2011/09/13に「ver. 0.2.0」がリリースされています。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2011/09/12/1905/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google「+1」ボタン、WordPressで記事を一覧表示した際に個々の数字を取得する方法</title>
		<link>http://www.design-oil.com/blog/2011/06/02/1741</link>
		<comments>http://www.design-oil.com/blog/2011/06/02/1741#comments</comments>
		<pubDate>Thu, 02 Jun 2011 08:12:55 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[+1]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[新サービス]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=1741</guid>
		<description><![CDATA[Google の+1ボタンが一般サイトにも設置可能になったという事で、話題になっていたので早速設置してみました。
と言うわけで、例によって個々の記事ごとの「+1数」を取得する為のカスタマイズを下記します。
（WordPress利用者を想定して解説してます）]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.design-oil.com/blog/upload/imags/2011/06/20110602-01.png" alt="Google「+1」ボタン、WordPressで記事を一覧表示した際にそれぞれ個々の数字を取得する方法" title="Google「+1」ボタン、WordPressで記事を一覧表示した際にそれぞれ個々の数字を取得する方法" width="488" height="300" class="photoimg2" /></p>
<p>Google の+1ボタンが一般サイトにも設置可能になったという事で、話題になっていたので早速設置してみました。<br />
と言うわけで、例によって個々の記事ごとの「+1数」を取得する為のカスタマイズを下記します。<br />
（WordPress利用者を想定して解説してます）</p>
<p><span id="more-1741"></span><br />
<em>Google「+1」について</em></p>
<p>● <a href="http://www.google.com/webmasters/+1/button/">Google</a><br />
● <a href="http://www.google.com/webmasters/+1/button/">http://www.google.com/webmasters/+1/button/</a></p>
<p>通常の設置であれば、上記サイトからコードを取得して、指定された方法でタグを掲載しましょう。</p>
<p>ボタンのサイズは4種類用意されています。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2011/06/20110602-02.png" alt="Google「+1」ボタン、WordPressで記事を一覧表示した際にそれぞれ個々の数字を取得する方法" title="Google「+1」ボタン、WordPressで記事を一覧表示した際にそれぞれ個々の数字を取得する方法" width="488" height="140" class="alignnone size-full wp-image-1749" /></p>
<p>更に「詳細オプション」で、ボタンの表示タイミングなども指定可能ですが、通常はデフォルトのままで良いと思います。</p>
<p><em>カスタマイズ</em></p>
<p>● 次のタグを head 要素内または body 終了タグの直前に貼り付けてください</p>
<pre class="brush: php; title: ; notranslate">&lt;script type=&quot;text/javascript&quot; src=&quot;http://apis.google.com/js/plusone.js&quot;&gt;
  {lang: 'ja'}
&lt;/script&gt;</pre>
<p>ここまでは通常の設置と同じです。</p>
<p>●ボタンタグ</p>
<pre class="brush: php; title: ; notranslate">&lt;g:plusone size=&quot;medium&quot; href=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;&lt;/g:plusone&gt;</pre>
<p><strong>size=&#8221;medium&#8221;</strong>の「medium」（中）を「small」（小）「tall」（大）などに書き換えてあげると、ボタンサイズを変更でします。<br />
<strong>size=&#8221;medium&#8221;</strong>を削除すると 標準（24px）サイズです。</p>
<p>後はボタンタグをループ内の任意の場所に書いてあげればOKです。</p>
<p>さて？どれくらい普及するんですかね？</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2011/06/02/1741/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>新「はてなブックマークボタン」、WordPressで記事を一覧表示した際にそれぞれ個々のブックマーク数を取得する方法</title>
		<link>http://www.design-oil.com/blog/2010/11/25/1315</link>
		<comments>http://www.design-oil.com/blog/2010/11/25/1315#comments</comments>
		<pubDate>Thu, 25 Nov 2010 09:50:15 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[新サービス]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=1315</guid>
		<description><![CDATA[「はてなブックマークボタン」がリニューアルしましたので、早速試してみました。新しいボタンの特徴は「デザインの一新」「ページ遷移をせずサイト内でユーザーの操作が完結」だそうです。URLとブログ名を記入してボタンデザインを3つの中から選択するだけで簡単に作成できます。

但し、この状態ではブログのアーカイブページや検索結果ページなどの記事が一覧で表示されるページでは、そのページ自体の「はてなブックマーク数」を取得してしまいます。これを、個々の記事ごとの「はてなブックマーク数」を取得する為のカスタマイズを下記します。]]></description>
			<content:encoded><![CDATA[<p>「はてなブックマークボタン」がリニューアルしましたので、早速試してみました。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2010/11/101125-01.jpg" alt="新「はてなブックマークボタン」で、記事を一覧表示した際にそれぞれ個々のURLを取得する方法" title="101125-01" width="470" height="290" class="photoimg2" /></p>
<p>新しいボタンの特徴は「デザインの一新」「ページ遷移をせずサイト内でユーザーの操作が完結」だそうです。URLとブログ名を記入してボタンデザインを3つの中から選択するだけで簡単に作成できます。</p>
<p>但し、この状態ではブログのアーカイブページや検索結果ページなどの記事が一覧で表示されるページでは、そのページ自体の「はてなブックマーク数」を取得してしまいます。</p>
<p>これを、個々の記事ごとの「はてなブックマーク数」を取得する為のカスタマイズを下記します。<br />
（WordPress利用者を想定して解説してます）</p>
<p><span id="more-1315"></span><br />
<em>まずは新ブックマークボタンを作成</em></p>
<p>● <a href="http://b.hatena.ne.jp/guide/bbutton">いやすくなりました! はてなブックマークボタン</a><br />
● <a href="http://b.hatena.ne.jp/guide/bbutton">http://b.hatena.ne.jp/guide/bbutton</a></p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2010/11/101125-02.png" alt="新「はてなブックマークボタン」で、記事を一覧表示した際にそれぞれ個々のURLを取得する方法" title="101125-02" width="470" height="205" class="photoimg2" /></p>
<p>上記URLにアクセスして、<strong>「URL」「ブログ名」</strong>を記入し、お好みのボタンデザインを選択したら、右側のコードをテキストエディタなどにコピペしましょう。</p>
<pre class="brush: php; title: ; notranslate">&lt;a href=&quot;http://b.hatena.ne.jp/entry/http://www.design-oil.com/blog/&quot; class=&quot;hatena-bookmark-button&quot; data-hatena-bookmark-title=&quot;DESIGN Oil BLOG&quot; data-hatena-bookmark-layout=&quot;standard&quot; title=&quot;このエントリーをはてなブックマークに追加&quot;&gt;&lt;img src=&quot;http://b.st-hatena.com/images/entry-button/button-only.gif&quot; alt=&quot;このエントリーをはてなブックマークに追加&quot; width=&quot;20&quot; height=&quot;20&quot; style=&quot;border: none;&quot; /&gt;&lt;/a&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://b.st-hatena.com/js/bookmark_button.js&quot; charset=&quot;utf-8&quot; async=&quot;async&quot;&gt;&lt;/script&gt;</pre>
<p>↑上記がDESIGN Oil BLOGで作成した場合のサンプルコード。このコードのうち2ヶ所を書き換えて行きます。</p>
<pre class="brush: php; title: ; notranslate">&lt;a href=&quot;http://b.hatena.ne.jp/entry/http://www.design-oil.com/blog/&quot;</pre>
<p>の<strong>URL部分</strong>（http://www.design-oil.com/blog/）を</p>
<pre class="brush: php; title: ; notranslate">&lt;?php the_permalink() ?&gt;</pre>
<p>に、</p>
<pre class="brush: php; title: ; notranslate">class=&quot;hatena-bookmark-button&quot; data-hatena-bookmark-title=&quot;DESIGN Oil BLOG&quot;</pre>
<p>の<strong>ブログタイトル部分</strong>（DESIGN Oil BLOG/）を</p>
<pre class="brush: php; title: ; notranslate">&lt;?php the_title(); ?&gt;</pre>
<p>に書き換えてあげればOK！</p>
<pre class="brush: php; title: ; notranslate">&lt;a href=&quot;http://b.hatena.ne.jp/entry/&lt;?php the_permalink() ?&gt;&quot; class=&quot;hatena-bookmark-button&quot; data-hatena-bookmark-title=&quot;&lt;?php the_title(); ?&gt;&quot; data-hatena-bookmark-layout=&quot;standard&quot; title=&quot;このエントリーをはてなブックマークに追加&quot;&gt;&lt;img src=&quot;http://b.st-hatena.com/images/entry-button/button-only.gif&quot; alt=&quot;このエントリーをはてなブックマークに追加&quot; width=&quot;20&quot; height=&quot;20&quot; style=&quot;border: none;&quot; /&gt;&lt;/a&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://b.st-hatena.com/js/bookmark_button.js&quot; charset=&quot;utf-8&quot; async=&quot;async&quot;&gt;&lt;/script&gt;</pre>
<p>出来上がったコードはこんな感じに。<br />
後は、任意の場所にこのコードをコピペしてあげれば完成。</p>
<p>WordPress以外でも、「記事個別のタイトルを取得するタグ」と「記事単体表示用のURLを取得するタグ」を入れてあげれば同じような事が再現できるはずです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2010/11/25/1315/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitter公式の「ツイートボタン」で、記事を一覧表示した際にそれぞれ個々のURLを取得する方法</title>
		<link>http://www.design-oil.com/blog/2010/09/22/1275</link>
		<comments>http://www.design-oil.com/blog/2010/09/22/1275#comments</comments>
		<pubDate>Wed, 22 Sep 2010 10:19:51 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[ブログパーツ]]></category>
		<category><![CDATA[便利]]></category>
		<category><![CDATA[新サービス]]></category>
		<category><![CDATA[注目]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=1275</guid>
		<description><![CDATA[今更ながらTwitter公式の「ツートボタン」を試しました。
ノーマルな使用法なら設置がとても簡単なので、今回は設置方法の紹介ではなくちょっとしたカスタマイズをご紹介します。]]></description>
			<content:encoded><![CDATA[<p>今更ながらTwitter公式の「ツートボタン」を試しました。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2010/09/100922-011.jpg" alt="Twitter公式の「ツイートボタン」で、記事を一覧表示した際にそれぞれ個々のURLを取得する方法" title="100922-01" width="470" height="290" class="photoimg2" /></p>
<p>ノーマルな使用法なら設置がとても簡単なので、今回は設置方法の紹介ではなくちょっとしたカスタマイズをご紹介します。</p>
<p><span id="more-1275"></span><br />
Twitter公式の「ツートボタン」、通常設置ではブログのアーカイブページや検索結果ページなどの記事が一覧で表示されるページでは、そのページ自体の「ツイート数」を取得してしまいます。</p>
<p>これを、個々の記事ごとの「ツイート数」を取得する為のカスタマイズです。<br />
（WordPress利用者を想定して解説してます）</p>
<p><em>まずは公式サイトにアクセス</em></p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2010/09/100922-02.png" alt="Twitter公式の「ツイートボタン」で、記事を一覧表示した際にそれぞれ個々のURLを取得する方法" title="100922-02" width="470" height="246" class="photoimg2" /></p>
<p><a href="http://twitter.com/goodies/tweetbutton">Twitter / ツイートボタン</a><br />
<a href="http://twitter.com/goodies/tweetbutton">http://twitter.com/goodies/tweetbutton</a></p>
<p>ボタンの外見等はお好みで。変更箇所は2ヶ所。</p>
<p><strong>ツイート内テキスト</strong> に</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2010/09/100922-03.png" alt="Twitter公式の「ツイートボタン」で、記事を一覧表示した際にそれぞれ個々のURLを取得する方法" title="100922-03" width="470" height="153" class="photoimg2" /></p>
<pre class="brush: php; title: ; notranslate">&lt;?php the_title(); ?&gt;</pre>
<p>を記入。</p>
<p><strong>URL</strong> に</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2010/09/100922-04.png" alt="Twitter公式の「ツイートボタン」で、記事を一覧表示した際にそれぞれ個々のURLを取得する方法" title="100922-04" width="470" height="143" class="photoimg2" /></p>
<pre class="brush: php; title: ; notranslate">&lt;?php the_permalink() ?&gt;</pre>
<p>を記入します。<br />
生成されたコードを任意の場所にコピペすればOK！</p>
<p>WordPress以外のブログをご利用なら、「ツイート内テキスト」に「記事個別のタイトルを取得するタグ」を。「URL」に「記事単体表示用のURLを取得するタグ」を入れてあげれば同じような事が再現できるはずです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2010/09/22/1275/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ソースコードの表示を整えてくれる SyntaxHighlighter Evolved（WordPressプラグイン）</title>
		<link>http://www.design-oil.com/blog/2009/12/22/1043</link>
		<comments>http://www.design-oil.com/blog/2009/12/22/1043#comments</comments>
		<pubDate>Tue, 22 Dec 2009 09:54:48 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[レビュー]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=1043</guid>
		<description><![CDATA[前々から「入れよう」「入れよう」と思いつつ放置していた『ソースコードの表示を整えてくれるプラグイン』。重い腰を上げてようやく導入しました。今回選択したのはSyntaxHighlighter EvolvedというWordPress用のプラグイン。]]></description>
			<content:encoded><![CDATA[<p>前々から「入れよう」「入れよう」と思いつつ放置していた『ソースコードの表示を整えてくれるプラグイン』。重い腰を上げてようやく導入しました。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2009/12/091222-01-01.jpg" alt="SyntaxHighlighter Evolved" title="091222-01-01" width="470" height="290" class="photoimg2" /></p>
<p>今回選択したのはSyntaxHighlighter EvolvedというWordPress用のプラグイン。<br />
導入手順などは下記から。</p>
<p><span id="more-1043"></span><br />
<em>SyntaxHighlighter Evolved</em></p>
<p>●<a href="http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/">SyntaxHighlighter&nbsp;Evolved &laquo; My WordPress&nbsp;Plugins &laquo;  Viper007Bond.com</a><br />
●<a href="http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/">http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/</a></p>
<p>●ダウンロード先：<a href="http://wordpress.org/extend/plugins/syntaxhighlighter/">WordPress &#8250; SyntaxHighlighter Evolved &laquo; WordPress Plugins</a></p>
<p>上記URLから最新版をダウンロード。<br />
「wp-content」→「plugins」にアップロード。<br />
「プラグイン」からSyntaxHighlighter Evolvedを有効化。</p>
<p>ちなみに、<strong>header.php</strong>に</p>
<pre class="brush: php; title: ; notranslate">&lt;?php wp_head(); ?&gt;</pre>
<p>が、<strong>footer.php</strong>に</p>
<pre class="brush: php; title: ; notranslate">&lt;?php wp_footer(); ?&gt;</pre>
<p>がそれぞれ記入されている必要があります。使用中のテーマファイルをチェクしておきましょう。</p>
<p><em>設　定</em></p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2009/12/091222-01-02.jpg" alt="SyntaxHighlighter Evolved" title="091222-01-02" width="470" height="375" class="size-full wp-image-1045" /></p>
<p>「設定」→「SyntaxHighlighterEvolved」から設定画面に入ります。</p>
<ul>
<li>Display line numbers：行番号を表示するかどうか（※）</li>
<li>Display the toolbar：ツールバーを表示するかどうか</li>
<li>Automatically make URLs clickable：リンクするかどうか</li>
<li>Collapse code boxes：折畳む？（チェックで表示されなくなります）</li>
<li>Use the light display mode, best for single lines of code：シンプルな表示にするかどうか（行番号非表示と同じようなスタイル？）</li>
<li>Use smart tabs allowing tabs being used for alignment：タブの整列処理の有無（※）</li>
<li>Wrap long lines (disabling this will make a scrollbar show instead)：コードを折返すかどうか（チェックで折返し）（※）</li>
</ul>
<p>主な設定項目はこんな感じです。<br />
TOKIZKAKIが※印のついた、3つの項目をONにしました。</p>
<p>設定画面の下に、サンプルが表示されますので、試行錯誤しながら設定するのに便利です！</p>
<p><em>使用方法</em></p>
<p>後は、PHPのソースコードを表示したい場合には</p>
<p><strong>&#91;php&#93;ここにソースコード&#91;/php&#93;</strong></p>
<p>と記入してあげればOK。</p>
<pre class="brush: php; title: ; notranslate">ここにソースコード</pre>
<p>こんな感じで表示されます。<br />
その他にも&#91;css&#93;&#91;/css&#93;や&#91;java&#93;&#91;/java&#93;など様々な言語に対応しています。（<a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter:Brushes">詳細はコチラ</a>）</p>
<p><em>CSSのカスタマイズ</em></p>
<p>ダウンロードしたファイルの「syntaxhighlighter」→「syntaxhighlighter」→「styles」の中のCSSファイルを編集する事で、オリジナルな表示に変更する事も可能です。</p>
<p>基本的な部分は「shCore.css」を編集すればOK。</p>
<p><em>パラメータ</em></p>
<p>各種パラメータを使って、表示を変更する事が可能です。</p>
<p><strong>例（強調ライン指定）：</strong></p>
<p>&#91;php highlight=&#8221;3&#8243;&#93;1行目<br />
2行目<br />
3行目を強調<br />
4行目&#91;/php&#93;</p>
<p>適用後：</p>
<pre class="brush: php; highlight: [3]; title: ; notranslate">1行目
2行目
3行目を強調
4行目</pre>
<p><strong>例（開始行番号指定）：</strong></p>
<p>&#91;php firstline=&#8221;74&#8243;&#93;74行目から開始<br />
75行目<br />
76行目<br />
77行目&#91;/php&#93;</p>
<p>適用後：</p>
<pre class="brush: php; first-line: 74; title: ; notranslate">74行目から開始
75行目
76行目
77行目</pre>
<p>他にも<br />
wraplines=&#8221;false&#8221;（自動折返し無し）<br />
autolinks=&#8221;false&#8221;（URLオートリンク無し）<br />
ruler=&#8221;true&#8221;（ルーラー表示）<br />
などもあるので、必要に応じて使い分けて行きたいですね！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2009/12/22/1043/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Popular Postsで「人気のエントリー」を表示（WordPressプラグイン）</title>
		<link>http://www.design-oil.com/blog/2009/01/13/796</link>
		<comments>http://www.design-oil.com/blog/2009/01/13/796#comments</comments>
		<pubDate>Tue, 13 Jan 2009 08:52:02 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=796</guid>
		<description><![CDATA[Similar Postsで「関連するエントリー」を表示（WordPressプラグイン）で紹介したSimilar Postsと同一の作者によるプラグイン。
ブログ内の『人気の記事』をピックアップしてくれます。
お手軽に導入できるのでオススメです。
インストール＆設定方法は下記から。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.design-oil.com/blog/2009/01/13/776">Similar Postsで「関連するエントリー」を表示（WordPressプラグイン）</a>で紹介したSimilar Postsと同一の作者によるプラグイン。</p>
<p>ブログ内の『人気の記事』をピックアップしてくれます。<br />
お手軽に導入できるのでオススメです。</p>
<p><img class="photoimg2" title="090113-02-01" src="http://www.design-oil.com/blog/upload/imags/2009/01/090113-02-01.jpg" alt="Popular Posts" width="470" height="280" /></p>
<p>インストール＆設定方法は下記から。</p>
<p><span id="more-796"></span><br />
<em>プラグインのインストール</em></p>
<p><a href="http://rmarsh.com/plugins/popular-posts-plugin/">All Things Seen and Unseen ? Popular Posts</a><br />
<a href="http://rmarsh.com/plugins/post-plugin-library/">All Things Seen and Unseen ? Post-Plugin Library</a>（Popular Postsに必要なライブラリ）</p>
<p>1：上記2つのファイルをダウンロード、解凍してWordPress内『plugins』フォルダにアップロードしておきましょう。</p>
<p>2：WordPress内の管理画面から<strong>Post-Plugin Library</strong>を有効化。</p>
<p>3：同じく、管理画面から<strong>Popular Posts</strong>を有効化。</p>
<p>関連エントリーを表示させたい場所（テーマファイル）に</p>
<pre class="brush: php; title: ; notranslate">&lt;?php popular_posts(); ?&gt;</pre>
<p>と記入。</p>
<p>※<a href="http://www.design-oil.com/blog/2009/01/13/776">Similar Posts</a>で導入したPost-Plugin Libraryと同一の物です。既にPost-Plugin Libraryを有効化している場合は、Post-Plugin Libraryのインストールは省略して下さい。</p>
<p><em>プラグインの設定</em></p>
<p>プラグインの設定は、WordPress内の管理画面→設定→Popular Postsで。</p>
<p>こちらのプラグインも、Similar Postsと同様に『Output Settings』項目で</p>
<pre class="brush: php; title: ; notranslate">&lt;li&gt;&lt;a href=&quot;{url}&quot; title=&quot;{title}&quot;&gt;{title}&lt;/a&gt; &lt;a href=&quot;http://b.hatena.ne.jp/entry/{url}&quot; target=&quot;_blank&quot; title=&quot;『{title}』のはてなブックマークを見る&quot;&gt;&lt;img src=&quot;http://b.hatena.ne.jp/entry/image/{url}&quot; /&gt;&lt;/a&gt;&lt;/li&gt;</pre>
<p>と設定して、エントリータイトル横に<a href="http://www.hatena.ne.jp/">はてなブックマーク</a>数（ブックマークされている場合のみ）を表示するようにしています。</p>
<p>『はてなブックマーク数はいらないよ』って人は</p>
<pre class="brush: php; title: ; notranslate">&lt;li&gt;&lt;a href=&quot;{url}&quot; title=&quot;{title}&quot;&gt;{title}&lt;/a&gt;&lt;/li&gt;</pre>
<p>と、書いておけばOK。</p>
<p><em>と、いう訳で</em></p>
<p>DESIGN Oil BLOGでは<a href="http://www.design-oil.com/blog/">ブログトップ</a>と各<a href="http://www.design-oil.com/blog/category/web">カテゴリートップ</a>、1番目の記事と2番目の記事の間に表示してみました。</p>
<p><img class="photoimg2" title="090113-02-02" src="http://www.design-oil.com/blog/upload/imags/2009/01/090113-02-02.jpg" alt="Popular Posts" width="470" height="405" /></p>
<p>とりあえず、タイトルを5件表示（その後7件に変更）するというシンプルな使い方をしていますが、『Output Settings』でタグをうまく使えば、『記事の抜粋を表示したり』『記事内の画像を抜き出したり』と、いろいろ面白く使える可能性がありそう。</p>
<p>『検索経由ではぼちぼちと集客出来る優良なエントリーなんだけど、古いエントリー（ログをあさるのが大変な）』みたいな物の掘り起こしには最適です！</p>
<p>ぜひ有効活用してみて下さい。</p>
<p>※『<a href="http://www.ikasuwp.com/wordpress_plugin/198/">Popular Postsの設定の仕方 | ワードプレス（WordPress）の個人的覚書</a>』を参考に、一部記事内容を書き換えました&#8230;2009/03/30</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2009/01/13/796/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Similar Postsで「関連するエントリー」を表示（WordPressプラグイン）</title>
		<link>http://www.design-oil.com/blog/2009/01/13/776</link>
		<comments>http://www.design-oil.com/blog/2009/01/13/776#comments</comments>
		<pubDate>Tue, 13 Jan 2009 07:02:28 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=776</guid>
		<description><![CDATA[NoFollow Free プラグインの導入に引き続き Similar Posts と Popular Posts を導入してみました。
Similar PostsとはWordPressのプラグイン。『関連するエントリー』を表示してくれるプラグインです。
導入や初歩的な設定方法は下記から。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.design-oil.com/blog/2009/01/08/764">NoFollow Free プラグインの導入</a>に引き続き <a href="http://rmarsh.com/plugins/similar-posts/">Similar Posts</a> と <a href="http://rmarsh.com/plugins/popular-posts-plugin/">Popular Posts</a> を導入してみました。</p>
<p>Similar PostsとはWordPressのプラグイン。『関連するエントリー』を表示してくれるプラグインです。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2009/01/090113-01-01.jpg" alt="Similar Posts" title="090113-01-01" width="470" height="250" class="photoimg2" /></p>
<p>今まで、DESIGN Oil BLOGでは<a href="http://wordpress.org/extend/plugins/simple-tags/">Simple Tags</a>を使って、タグの一致度による『関連するエントリー』を表示していましたが、Similar Postsでは本文、タイトル、タグの中のキーワードを抽出して関連エントリーをピックアップしてくれます。</p>
<p>文、タイトル、タグそれぞれの重み付けを％指定出来たりと、なかなか使いやすいプラグインでオススメ。<br />
導入や初歩的な設定方法は下記から。</p>
<p><span id="more-776"></span><br />
<em>下記サイトを参照しました</em></p>
<p>○ <a href="http://www.yukun.info/blog/2008/10/wordpress-plugin-similar-posts.html">WordPress: Similar Posts の紹介と設定例 &#8211; 関連記事[投稿&#124;エントリ]を表示するプラグイン &#8211; Yukun&#8217;s Blog</a></p>
<p>上記サイトを参照させて頂きました。<br />
必要な事は、上記サイトがほぼ網羅してくれているので、そちらを見てもらっても良いかも。</p>
<p><em>プラグインのインストール</em></p>
<p><a href="http://rmarsh.com/plugins/similar-posts/">All Things Seen and Unseen &raquo; Similar Posts</a><br />
<a href="http://rmarsh.com/plugins/post-plugin-library/">All Things Seen and Unseen &raquo; Post-Plugin Library</a>（Similar Postsに必要なライブラリ）</p>
<p>1：上記2つのファイルをダウンロード、解凍してWordPress内『plugins』フォルダにアップロードしておきましょう。</p>
<p>2：WordPress内の管理画面から<strong>Post-Plugin Library</strong>を有効化。</p>
<p>3：同じく、管理画面から<strong>Similar Posts</strong>を有効化。</p>
<p>関連エントリーを表示させたい場所（テーマファイル）に</p>
<pre class="brush: php; title: ; notranslate">&lt;?php similar_posts(); ?&gt;</pre>
<p>と記入。</p>
<p><em>プラグインの設定</em></p>
<p>プラグインの設定は、WordPress内の管理画面→設定→Similar Postsで。<br />
<a href="http://www.yukun.info/blog/2008/10/wordpress-plugin-similar-posts.html">Yukun&#8217;s Blog</a>を参考に、いくつか初期設定をしておきましょう。</p>
<p><strong>● Manage the Index タブ</strong></p>
<ul>
<li>Handle extended characters?</li>
<li>Treat as Chinese, Korean, or Japanese?</li>
</ul>
<p>マルチバイトに関する設定。上記2つを『YES』に。</p>
<p>● General タブ</p>
<ul>
<li>Match the current post&#8217;s category?</li>
<li>Match the current post&#8217;s tags?</li>
</ul>
<p>カテゴリーやタグの枠を超えて、関連エントリーを表示させるために『No』（初期値）に。</p>
<p>● Other タブ</p>
<ul>
<li>Relative importance of:</li>
</ul>
<p>記事の本文、タイトル、タグそれぞれ、どの部分を重視するかの設定。<br />
出力される結果をある程度コントロールしたいなら『タグ』を、タイトルに一定の法則があるなら『タイトル』を重視しておくと良いかも。</p>
<p>まずは、適当な数字で様子を見て微調整するのが良いかも。</p>
<p><em>プラスα</em></p>
<p><strong>● Output Settings タブ</strong>で関連エントリーを出力する際のテンプレート設定が可能です。</p>
<pre class="brush: css; title: ; notranslate">&lt;ul&gt;</pre>
<p>でなくて</p>
<pre class="brush: css; title: ; notranslate">&lt;ol&gt;</pre>
<p>出したいだとか、classを設定しておきたいだとかの場合はこちらからどうぞ。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2009/01/090113-01-02.jpg" alt="Similar Posts" title="090113-01-02" width="470" height="252" class="photoimg2" /></p>
<p>ちなみにDESIGN Oil BLOGでは</p>
<pre class="brush: php; title: ; notranslate">&lt;li&gt;&lt;a href=&quot;{url}&quot; title=&quot;『{title}』もご一緒にどうぞ!&quot;&gt;{title}&lt;/a&gt; &lt;a href=&quot;http://b.hatena.ne.jp/entry/{url}&quot; target=&quot;_blank&quot; title=&quot;『{title}』のはてなブックマークを見る&quot;&gt;&lt;img src=&quot;http://b.hatena.ne.jp/entry/image/{url}&quot; /&gt;&lt;/a&gt;&lt;/li&gt;</pre>
<p>と設定して、エントリータイトル横に<a href="http://www.hatena.ne.jp/">はてなブックマーク</a>数（ブックマークされている場合のみ）を表示しています。</p>
<p>『はてなブックマーク数はいらないよ』（シンプルに表示したい）って人は</p>
<pre class="brush: php; title: ; notranslate">&lt;li&gt;&lt;a href=&quot;{url}&quot; title=&quot;{title}&quot;&gt;{title}&lt;/a&amp;&gt;&lt;/li&gt;</pre>
<p>と、書いておけばOK。</p>
<p>※『<a href="http://www.ikasuwp.com/wordpress_plugin/198/">Popular Postsの設定の仕方 | ワードプレス（WordPress）の個人的覚書</a>』を参考に、一部記事内容を書き換えました&#8230;2009/03/30</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2009/01/13/776/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<item>
		<title>WordPressのアップデートとプラグイン『NoFollow Free』の導入</title>
		<link>http://www.design-oil.com/blog/2009/01/08/764</link>
		<comments>http://www.design-oil.com/blog/2009/01/08/764#comments</comments>
		<pubDate>Thu, 08 Jan 2009 11:25:25 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[便利]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=764</guid>
		<description><![CDATA[やっとこWordPressを最新バージョンにアップデートしました。バージョン2.7効果か、最近、国内のWordPressに対する注目度も高めでWordPressユーザーにとっては良い年になるんじゃないでしょうか？
本体のバージョンアップに合わせて、ずっと気になっていた『NoFollow Free』というプラグインを導入してみました。]]></description>
			<content:encoded><![CDATA[<p>新年早々、風邪にやられてしまったTOKIZAKIです。<br />
やっとこWordPressを最新バージョンにアップデートしました。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2009/01/090108-01.jpg" alt="WordPressのアップデートとプラグイン『NoFollow Free』の導入" title="090108-01" width="470" height="300" class="size-full wp-image-767" /></p>
<p>バージョン2.7効果か、最近、国内のWordPressに対する注目度も高めでWordPressユーザーにとっては良い年になるんじゃないでしょうか？</p>
<p>本体のバージョンアップに合わせて、ずっと気になっていた『<a href="http://www.michelem.org/wordpress-plugin-nofollow-free/">NoFollow Free</a>』というプラグインを導入してみました。</p>
<p><span id="more-764"></span><br />
トラックバックやコメント欄でのリンクに標準で入る『nofollow』タグを外してくれるプラグインです。</p>
<p>コメントの投稿回数によって『外す』『外さない』が指定出来たるするのでスパムが心配な方にもおすすめ。</p>
<p>○ <a href="http://www.michelem.org/wordpress-plugin-nofollow-free/">NoFollow Free</a><br />
○ <a href="http://wordpress.org/extend/plugins/nofollow-free/">NoFollow Free &#8211; Download</a></p>
<p>インスートルは、ダウンロードしたファイルをpluginsフォルダにアップロード。管理画面のプラグインで有効化するだけなので、WordPressユーザーには問題の無い作業ですね。<br />
（設定によっては、管理画面から直接プラグインをダウンロード＆インストール出来ますね！）</p>
<p>有効化が済んだら、管理画面の『設定』→『NOFF』でプラグインの設定を。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2009/01/090108-02.jpg" alt="WordPressのアップデートとプラグイン『NoFollow Free』の導入" title="090108-02" width="470" height="314" class="size-full wp-image-766" /></p>
<p>言語設定を『Japanese』にしておけば、設定画面が日本語化されます。</p>
<p><img src="http://www.design-oil.com/blog/upload/imags/2009/01/090108-03.jpg" alt="WordPressのアップデートとプラグイン『NoFollow Free』の導入" title="090108-03" width="470" height="195" class="size-full wp-image-768" /></p>
<p>一つ気になったのでが、キーワード設定。<br />
日本語は画像の通り文字化けしちゃいました。残念。</p>
<p><em>という訳で</em></p>
<p>現状DESIGN Oil BLOGで有効化しているプラグインは下記の通り。</p>
<ul>
<li><a href="http://www.g-loaded.eu/2006/01/05/add-meta-tags-wordpress-plugin/">Add Meta Tags</a></li>
<li><a href="http://akismet.com/">Akismet</a></li>
<li><a href="http://mtekk.weblogs.us/code/breadcrumb-navxt/">Breadcrumb NavXT &#8211; Adminstration Interface</a></li>
<li><a href="http://hirobee.jp/">Commented entry list</a></li>
<li><a href="http://coffee2code.com/wp-plugins/">Customizable Post Listings</a></li>
<li><a href="http://mattread.com/projects/wp-plugins/custom-query-string-plugin/">Custom Query String</a>（リンク先はNot Foundです）</li>
<li><a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/">Google XML Sitemaps</a></li>
<li><a href="http://www.michelem.org/wordpress-plugin-nofollow-free/">NoFollow Free</a></li>
<li><a href="http://wordpress.org/extend/plugins/simple-tags/">Simple Tags</a></li>
<li><a href="http://lesterchan.net/portfolio/programming/php/">Smart Update Pinger</a></li>
<li><a href="http://daven.se/usefulstuff/wordpress-plugins.html">WP-PageNavi</a></li>
<li><a href="http://eastcoder.com/code/wp-multibyte-patch">WP Multibyte Patch</a></li>
</ul>
<p>う〜ん、本体でできることが増えて、プラグインを見直す必要がありそう。</p>
<p>逆に追加したいプラグインも。あ〜でもプラグインを追加・削除したらテーマにも手を加えなきゃ。</p>
<p>まったく風邪なんかひいてる暇がないな。<br />
（おすすめのプラグインがあったら是非教えて下さいね！）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2009/01/08/764/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>メモ『CPIでパーマリンク設定を変更した、UTF-8な文字コードのWordPressを構築する方法』</title>
		<link>http://www.design-oil.com/blog/2008/08/16/629</link>
		<comments>http://www.design-oil.com/blog/2008/08/16/629#comments</comments>
		<pubDate>Sat, 16 Aug 2008 08:28:08 +0000</pubDate>
		<dc:creator>TOKIZAKI</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[cpi]]></category>
		<category><![CDATA[Webサイト]]></category>
		<category><![CDATA[Web制作]]></category>
		<category><![CDATA[バグ]]></category>
		<category><![CDATA[注意]]></category>

		<guid isPermaLink="false">http://www.design-oil.com/blog/?p=629</guid>
		<description><![CDATA[以下に、CPIのサーバーを使ってWordPressを構築する際の問題と解決法をメモっておいたので、心当たりのある方は目を通してもらえればと思う。と言うか自分用メモ。]]></description>
			<content:encoded><![CDATA[<p><img class="photoimg2" title="080816-01" src="http://www.design-oil.com/blog/upload/imags/2008/08/080816-01.jpg" alt="WordPress" width="470" height="230" /></p>
<p>はまった。</p>
<p><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2248799&amp;pid=877288634" target="_blank"><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2248799&amp;pid=877288634" border="0" alt="" width="1" height="1" />CPI</a>ではMySQLの文字コードがEUC-JP固定。<br />
最新のWordPressを使おうと思うと、ちょっと問題がある。</p>
<p>ただ、この辺りは解決方法はネット上でもチラホラと見つけられるし、実際クリアできたのだが、今度は<strong>パーマリンクをデフォルト以外に変更するとエラーが発生</strong>。困った。</p>
<p>結局、半日問題と格闘して見つけた正解は<strong>『PHPのバージョンを5.2.4に』</strong>って事。</p>
<p>以下に、<a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2248799&amp;pid=877288634" target="_blank"><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2248799&amp;pid=877288634" border="0" alt="" width="1" height="1" />CPI</a>のサーバーを使ってWordPressを構築する際の問題と解決法をメモっておいたので、心当たりのある方は目を通してもらえればと思う。と言うか自分用メモ。<br />
（※サーバー契約時期やプランによっては内容が異なる事もあります。）</p>
<p><span id="more-629"></span></p>
<p><em>まず最初に</em></p>
<p><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2248799&amp;pid=877288634" target="_blank"><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2248799&amp;pid=877288634" border="0" alt="" width="1" height="1" />CPI</a>のMySQLでUTF-8を使う方法に関しては下記サイトを参照させて頂きました。</p>
<p>● <a href="http://www.belive.jp/archives/utf8_with_cpi/">[WordPress]CPIのサーバでUTF-8で設定する方法 ? BeLive : Blog Archive </a><br />
● <a href="http://blog.cgfm.jp/garyu/archives/46">CPIでWordpress ME2.2が文字化けする &#8211; 我流天性 &#8211; がらくた屋</a></p>
<p><em>条件・設定等</em></p>
<ul>
<li>共用サーバーシェアードプラン 2007 / G10 (相当)</li>
<li>PHP 5.2.4（←ここがポイント）</li>
<li>MySQL 5.0.26</li>
<li>WordPress 2.5.1（日本語版）</li>
<li>WordPressを新規構築</li>
</ul>
<p><em>まずはphp.iniの設定</em></p>
<p>早速、作業に取りかかります。コントロールパネル（サーバーの）にログイン。<br />
『お客様情報』→『プログラムのパスとサーバの情報』→『PHP 5.2.4』でphp.iniを表示。</p>
<p>表示されたphp.iniをコピーしておき、下記の<strong>5行</strong>を書き換えます。</p>
<blockquote><p>mbstring.language = Japanese;<br />
mbstring.internal_encoding = utf-8<br />
mbstring.encoding_translation = On<br />
mbstring.http_input = UTF-8,SJIS,EUC-JP<br />
mbstring.detect_order = auto</p></blockquote>
<p>書き換えたphp.iniを /secure/ 内に適当なフォルダを作成してアップロード。</p>
<blockquote><p>FTPルート/secure/wp/php.ini</p></blockquote>
<p>と言った感じに。</p>
<p><em>.htaccessの編集</em></p>
<p>先ほど書き換えたphp.iniを適用させるために、.htaccessを編集して行きます。<br />
.htaccessに下記行を書き加えて、Wordpressをインストールする階層（フォルダ）へアップロードします。</p>
<blockquote><p>AddHandler x-httpd-php524 .php<br />
Options +FollowSymLinks</p>
<p>suPHP_ConfigPath /usr/home/(CPIのユーザID)/secure/(php.iniをアップロードした階層・フォルダ名)/</p></blockquote>
<p>※『（）』内はそれぞれ、該当する文字列に書き換えて下さい。<br />
※『AddHandler〜』で始まる最初の行はPHPを適用するために必要な記述。</p>
<p><em>MySQLの設定</em></p>
<p><a href="http://www.belive.jp/archives/utf8_with_cpi/">BeLive</a>によると『通常、CPIの設定ではMySQL5の文字セットは「ujis」となっている。それを無理矢理、「utf8」に変更する。』ように書いてあるのだが、TOKIZAKIの環境では、既に文字セットが「utf8」になっていた。</p>
<p>そのためこの作業は行っていない。<br />
文字セットが「ujis」な方は下記方法でどうぞ。</p>
<p>まずは文字セットを確認。</p>
<p>phpMyAdminにログインして、メインページから『エクスポート』→『任意のDBを選択』→『実行する』をクリック。</p>
<p>データベースの内容が表示されます。<br />
上から15行目あたりに注目。</p>
<blockquote><p>CREATE DATABASE `あなたのDB` DEFAULT CHARACTER SET ujis COLLATE ujis_japanese_ci;<br />
USE `あなたのDB`;</p></blockquote>
<p>となっていたら、文字セットを変更しましょう。</p>
<p><em>文字セットの変更</em></p>
<p>phpMyAdminから、DBを選択→上部メニューの『SQL』をクリック。</p>
<p>『データベース （データベース名） 上でクエリを実行する』の画面内に下記行をコピペして『実行する』</p>
<blockquote><p>ALTER DATABASE `あなたのDB` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;</p></blockquote>
<p>終了したら、もう一度DBをエクスポートして文字セットが変更されている事を確認しておきましょう。</p>
<p><em>WordPressをインストール</em></p>
<p>後は、通常通りWordPressをインストールすればOK。</p>
<p>ちなみに、wp-configで指定する『ホスト名』は<del datetime="2008-08-16T08:10:24+00:00">『localhost』</del>では無く、<del datetime="2008-08-16T08:10:24+00:00">『127.0.0.1』</del>でも無く<strong>『127.0.0.1:3307』</strong>だ。<br />
（TOKIZAKIは『127.0.0.1』と誤った指定をしてしまって数分無駄にしました！）</p>
<p>PHPのバージョンを5.2.4にしたので、パーマリンク設定を変更しても問題なく動作すると思います。<br />
PHPのバージョンを4.4.7以下にすると、パーマリンク設定を変更したとたん『403』になってしまうかと思います。（TOKIZAKIの環境ではなりました）</p>
<p>参照：<a href="http://blog.cgfm.jp/garyu/archives/49">CPI上でWordpressでパーマリンク構造を変更した後、アクセスできない &#8211; 我流天性 &#8211; がらくた屋</a></p>
<p>あ〜疲れた。<br />
ここまでしてCPIでWordPressを使う価値があるのか&#8230;。<br />
考えたら負けです（＞＜）</p>
<p>【 追記 】<br />
<a href="http://www.belive.jp/">MOO@BeLive</a>さんよりコメントを頂きました。<br />
各種レンタルサーバーでWordpressを運用する時のヒントになりそうです。</p>
<p>● <a href="http://wpdocs.sourceforge.jp/%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E6%83%85%E5%A0%B1">レンタルサーバ情報 &#8211; WordPress Codex 日本語版</a><br />
掲載情報：さくら、ロリポップ！、BlueHost、CORESERVER.JP、heteml、XREA、CPI</p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-oil.com/blog/2008/08/16/629/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

