<?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>米が好き &#187; Plugin</title>
	<atom:link href="http://kome-suki.net/archives/tag/plugin/feed" rel="self" type="application/rss+xml" />
	<link>http://kome-suki.net</link>
	<description>http://kome-suki.net</description>
	<lastBuildDate>Wed, 05 Jan 2011 12:30:23 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>【WordPress】満を持して WordPress 3.0 日本語版が来ました！</title>
		<link>http://kome-suki.net/archives/8881</link>
		<comments>http://kome-suki.net/archives/8881#comments</comments>
		<pubDate>Tue, 22 Jun 2010 16:46:20 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[全般]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[アップグレード]]></category>
		<category><![CDATA[トラックバック]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8881</guid>
		<description><![CDATA[何故か管理画面上の『WordPress 開発ブログ』にはアナウンスされてなかったんですが、アップデートボタンを押してみると日本語版へのアップデートが可能状態になっていました。

これは是非ともしなければ！

って事で、 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_42.png" alt="WordPress 3.0 RC2" title="WordPress 3.0 RC2" width="150" height="150" class="entry_thumb" />何故か管理画面上の『WordPress 開発ブログ』にはアナウンスされてなかったんですが、アップデートボタンを押してみると日本語版へのアップデートが可能状態になっていました。<br />
<br />
<strong>これは是非ともしなければ！</strong><br />
<br />
って事で、早速3.0にアップグレードしました。<br class="clear" /><br />
管理画面の『WordPress 開発ブログ』<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_44.png" alt="WordPress 3.0" title="WordPress 3.0" width="500" height="160" class="pict" />
<br />
<br />
アップグレード画面<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_45.png" alt="WordPress 3.0" title="WordPress 3.0" width="500" height="280" class="pict" />
<br />
<br />
アップグレード完了画面<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_46.png" alt="WordPress 3.0" title="WordPress 3.0" width="500" height="225" class="pict" />
<br />
<br />
アップデートする前に、データベースとファイルのバックアップを全て済ませる。<br />
そして拍子抜けするぐらい簡単にアップグレード完了。<br />
プラグインは、サイドに表示させているトラックバック部だけがエラー表示されてしまってます。<br />
それ以外は概ね良好かな。（全部は未確認）<br />
<br />
投稿画面の『<a href="http://wordpress.org/extend/plugins/simple-tags/" target="_blank">Simple Tags</a>』のClick tagsが、ID順じゃなく『記号・数字・英字・かな・カナ・漢字』順にデフォルトでなっているのは何気に嬉しい。<br />
<br />
<br />
私はコアの部分をかなり触っているので、これからまた色々変更していかなければいけません。<br />
前までに書いていた方法と違っている箇所があったら、また記事にしたいと思います。<br />
<br />
現在リニューアル作業真っ只中なので、完成するまでサイドのトラックバックはコメントアウトしておきます。<br />
水面下で色々動いているリニューアル計画。<br />
乞うご期待。<br />
<br />
<br />
<div class="entry_link">WordPress | 日本語<br />
<a href="http://ja.wordpress.org/2010/06/22/wordpress-30-ja/" target="_blank">WordPress 3.0 日本語版リリースのお知らせ</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8881/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>【WordPress】自分のコメントのバック・テキストカラーを変えるプラグイン【Simple Author Highlighter】</title>
		<link>http://kome-suki.net/archives/8792</link>
		<comments>http://kome-suki.net/archives/8792#comments</comments>
		<pubDate>Mon, 14 Jun 2010 19:44:49 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Simple Author Highlighter]]></category>
		<category><![CDATA[コメント]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8792</guid>
		<description><![CDATA[コメント部で自分（Author）のバックカラーとテキストカラーのみを変更出来るプラグインです。
名前の通り凄くシンプルですけど、以外と使える奴なのかもしれません。
以下のページからダウンロードして、解凍して、アップロー [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/06/comment_5.png" alt="WordPress - Simple Author Highlighter" title="WordPress - Simple Author Highlighter" width="150" height="150" class="entry_thumb" />コメント部で自分（Author）のバックカラーとテキストカラーのみを変更出来るプラグインです。<br />
名前の通り凄くシンプルですけど、以外と使える奴なのかもしれません。<br class="clear" /><br />
以下のページからダウンロードして、解凍して、アップロードするだけです。<br />
<br />
<div class="entry_link">WordPress<br />
<a href="http://wordpress.org/extend/plugins/simple-author-highlighter/" target="_blank">Simple Author Highlighter</a></div>
<br />
管理画面で使用するを選択した後、左サイドメニューの設定の所に『SAH Settings』が表示されているのでクリック。<br />
すると、以下の画面が表示されます。<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/comment_6.png" alt="WordPress - Simple Author Highlighter" title="WordPress - Simple Author Highlighter" width="500" height="193" class="pict" />
<br />
<br />
上がバックカラー、下がテキストカラーです。<br />
16進数（例：#b6bdf6、#ffffff、#ccc、#fff）で入力して『変更を保存』をクリックすればOK。<br />
自分のコメントではなく、厳密にはその記事を書いた人のコメントになります。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8792/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>【WordPress】コードを表示させるプラグイン【SyntaxHighlighter Evolved】</title>
		<link>http://kome-suki.net/archives/8585</link>
		<comments>http://kome-suki.net/archives/8585#comments</comments>
		<pubDate>Sun, 06 Jun 2010 09:30:17 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[SyntaxHighlighter]]></category>
		<category><![CDATA[コード]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8585</guid>
		<description><![CDATA[WordPressなどのTipsを書く時、よくコードを記事内に表示させたりするんですけど、そのコードを簡単・綺麗に表示させるプラグインがありました。

WordPress
SyntaxHighlighter Evolv [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_37.png" alt="WordPress" title="WordPress" width="150" height="150" class="entry_thumb" />WordPressなどのTipsを書く時、よくコードを記事内に表示させたりするんですけど、そのコードを簡単・綺麗に表示させるプラグインがありました。<br />
<br />
<div class="entry_link2">WordPress<br />
<a href="http://wordpress.org/extend/plugins/syntaxhighlighter/" target="_blank">SyntaxHighlighter Evolved « WordPress Plugins</a></div>
<br />
行番号も表示されるし1行毎のハイライトも出来る優れもの。<br />
優れものなんですけど、いまいち私的に合わないので使うのを止めました。<br />
<br />
『＆lt;』や『＆gt;』を使わずとも『＜』や『＞』をそのまま表示してくれる点は楽なんですが、これではコード内にタグが使えません。<br />
行毎のハイライトだけでなく、行の中の1部分だけ色を変えたりが出来ない。<br />
これが決定的な私的に合わない点。<br />
コードが綺麗に色つき等で表示される点や、行番号が表示される点は良いんですが。<br />
<br />
あと、コピペした時に行番号もコピーされるのは嫌な点。<br />
クリップボードにコピーする機能も付いてはいるんですが、只何となく。<br />
<br />
これに似てて、コード内にタグが使えるプラグインないですかね。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8585/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>【WordPress】 BackType Connect を使ったコメント表示を分ける方法</title>
		<link>http://kome-suki.net/archives/8520</link>
		<comments>http://kome-suki.net/archives/8520#comments</comments>
		<pubDate>Thu, 03 Jun 2010 15:10:04 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[BackType]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[コメント]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8520</guid>
		<description><![CDATA[昨日書いた記事の続きです。
やっぱりブログコメントとTwitterコメント表示を分けたかったので、色々PHPの中を調べていたのですが分からん。
でも最後に気づいた。
管理画面で簡単に出来たんだ！
おいおい。ｗ

Wor [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_backtype_1.jpg" alt="WordPress - BackType" title="WordPress - BackType" width="150" height="150" class="entry_thumb" />昨日書いた記事の続きです。<br />
やっぱりブログコメントとTwitterコメント表示を分けたかったので、色々PHPの中を調べていたのですが分からん。<br />
でも最後に気づいた。<br />
<strong>管理画面で簡単に出来たんだ！</strong><br />
おいおい。ｗ<br />
<br />
WordPressの管理画面の『設定 &gt; BackType Connect』をクリックし、以下の箇所を変更するだけです。<br />
<br />
<strong>変更前</strong>　『Mixed』<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_backtype_2.png" alt="WordPress - BackType" title="WordPress - BackType" width="500" height="130" class="pict" />
<br />
<br />
<strong>変更後</strong>　『Separate』<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_backtype_3.png" alt="WordPress - BackType" title="WordPress - BackType" width="500" height="130" class="pict" />
<br />
<br />
これでブログ上で書かれたコメントは上部、Twitterなどで拾ったコメントはその下に分かれて表示されるようになります。<br />
残念ながら完全にブロック分けする事は出来ませんでしたが、まぁ、これでOKとします。<br />
<br />
phpMyAdminを見ると、拾ってきたコメントはデータベースに入っていませんでした。<br />
<a href="http://kome-suki.net/archives/5976">以前紹介した</a>バックアップ取るプラグイン『<a href="http://wordpress.org/extend/plugins/advanced-export-for-wp-wpmu/" target="_blank">Advanced Export</a>』を試したら、ちゃんと全てバックアップが取れていました。<br />
SQLでは全て取れないので、WordPress上でバックアップ取った方が良いですね。<br />
そーいや今年入ってから全然バックアップ取ってないや。<br />
<br />
<br />
<div class="entry_link"><a href="http://www.backtype.com/" target="_blank">BackType</a></div>
<div class="entry_link">WordPress<br />
<a href="http://wordpress.org/extend/plugins/backtype-connect/" target="_blank">BackType Connect « WordPress Plugins</a><br />
<a href="http://wordpress.org/extend/plugins/advanced-export-for-wp-wpmu/" target="_blank">WordPress › Advanced Export for WP &#038; WPMU</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8520/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>【WordPress】Twitterなどでつぶやかれたコメントを表示してくれるプラグイン『BackType』</title>
		<link>http://kome-suki.net/archives/8509</link>
		<comments>http://kome-suki.net/archives/8509#comments</comments>
		<pubDate>Wed, 02 Jun 2010 19:40:21 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[BackType]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[コメント]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8509</guid>
		<description><![CDATA[以前から他のサイト等で気になっていたプラグインを入れてみました。
WordPressのコメント欄にTwitterなどで書かれた内容を表示してくれるプラグインです。
その記事にリンクを貼られていると自動で表示されます。
 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_backtype_1.jpg" alt="WordPress - BackType" title="WordPress - BackType" width="150" height="150" class="entry_thumb" />以前から他のサイト等で気になっていたプラグインを入れてみました。<br />
WordPressのコメント欄にTwitterなどで書かれた内容を表示してくれるプラグインです。<br />
その記事にリンクを貼られていると自動で表示されます。<br />
ちゃんと短縮URLも認識されます。<br />
<br />
私的に難点を言えば、<strong>実際ブログ上で書かれたコメントと混合してしまう点</strong>。<br />
深く追求はしていないので分かりませんが、別々に出来るんでしょうか。<br />
サイドバーに置いている『最新のコメント』にも反映されるようです。<br />
Twitterが盛んになり、ブログコメントよりTwitterなどでコメントされるような事が多い昨今、結構良いプラグインではないでしょうかね。<br />
ブログ上でのコメントが少ない方にはお勧めではないでしょうか。<br />
<br />
設置の方法はもの凄く簡単です。<br />
<div class="entry_box">１．<a href="http://wordpress.org/extend/plugins/backtype-connect/" target="_blank">プラグイン</a>をダウンロードする。<br />
２．解凍してフォルダ毎『wp-content/plugin/』に放り込む。<br />
３．サーバーにアップする。<br />
４．管理画面のプラグインページで『使用する』をクリック。<br />
５．管理画面の『設定 &gt; BackType Connect』画面で上部にある『Enabled』ボタンをクリック。</div>
<br />
以上で、1・2分待っていると、URLが貼られた記事にコメントがずらーっと表示されます。<br />
Twitterのアイコンも表示されるし、この間の『<a href="http://kome-suki.net/archives/8403">第3回？　竹蔵祭り ” iPadを語る会 ”　【準備編】</a>』なんかを見てみると、何かにぎやかになった感じがします。<br />
<br />
本当に<strong>コメント</strong>として扱われるようで、管理画面上でも普通にコメントとしてカウントされたりしています。<br />
以前から表示させていた『<a href="http://topsy.com/" target="_blank">Topsy</a>』（<a href="http://kome-suki.net/archives/5956">過去記事</a>）とカウント数が違ったりしてますが、正否の方は『Topsy』の方が正確なのかな？<br />
ちょっと面白いので、しばらく入れておく事にします。<br />
<br />
<br />
<div class="entry_link"><a href="http://www.backtype.com/" target="_blank">BackType</a></div>
<div class="entry_link">WordPress<br />
<a href="http://wordpress.org/extend/plugins/backtype-connect/" target="_blank">BackType Connect « WordPress Plugins</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8509/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>【WordPress】Twitterをブログ上に表示させるプラグイン『Tweetable』</title>
		<link>http://kome-suki.net/archives/7868</link>
		<comments>http://kome-suki.net/archives/7868#comments</comments>
		<pubDate>Tue, 04 May 2010 20:14:08 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[ブログ]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=7868</guid>
		<description><![CDATA[2日前からトップページのみにTwitter（@kome__suki）のつぶやきを表示させるようにしていました。
これはいつものRSSフィードを読み込んで表示させる方法を使用していたんですが、Twitterだけは上手く読 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_rss_tw.jpg" alt="WordPress &amp; Twitter" title="WordPress &amp; Twitter" width="150" height="150" class="entry_thumb" />2日前からトップページのみにTwitter（<a href="http://twitter.com/kome__suki" target="_blank">@kome__suki</a>）のつぶやきを表示させるようにしていました。<br />
これはいつもの<a href="http://kome-suki.net/archives/5004">RSSフィードを読み込んで表示させる方法</a>を使用していたんですが、Twitterだけは上手く読み込んでくれません。<br />
文字コードが何故か ASCII になってバケたり、30分経っても読み込まなかったりとメチャメチャです。<br />
ブログ用のアカウント取ったってのに、そのブログにちゃんと表示してくれなくては意味がありません。<br />
<a href="http://blog.ogonigo.com/archives/2010/02/05143227_000187.php" target="_blank">こちらのサイト</a>も利用して試させてもらいましたが、やっぱりダメでした。<br />
なので、<strong>TwitterのRSSだけはプラグインに頼った方が懸命です。</strong><br />
<br />
サイドバーにある <a href="http://twitter.com/kuu_san" target="_blank">@kuu_san</a> のつぶやきは『<a href="http://wordpress.org/extend/plugins/twitter-tools/" target="_blank">Twitter Tools</a>』というプラグインを使用しています。<br />
多数のアカウント設定は出来ないので、別の『<a href="http://wordpress.org/extend/plugins/tweetable/" target="_blank">Tweetable</a>』と言うプラグインを使用しました。<br />
<br />
これは凄いです。<br />
何が凄いって、Twitterでつぶやいた内容が瞬時に反映されます。<br />
<a href="http://www.tweetdeck.com/" target="_blank">TweetDeck</a> でつぶやき、すぐにブログをリロードしたら反映されていました。<br />
この速さには驚きです。<br />
RSSと言うより Twitterの公式サイトに登録するので、アプリと同じ感覚なんでしょうね。<br />
管理画面上からつぶやいたりフォロワーのTLなんかも見れますが、私は表示させたいだけだったのでこの辺はノータッチです。<br />
<br />
バージョンが上がって少々違いますが、登録などの仕方は以下のサイトを参考に。<br />
<br />
<div class="entry_link">Ryuzee.com<br />
<a href="http://www.ryuzee.com/contents/blog/2760" target="_blank">[wordpress]Twitter連携用プラグインTweetableが便利すぎる！</a></div>
<br />
私がハマった点は『<strong>コールバックURL</strong>』を入力しなかった為、ドえらい手間が掛かりました。<br />
上記ページ1枚目のスクリーンショットの所に『コールバックURL』が表示されているので、ちゃんと登録画面でコピペしましょう。<br />
設定し直すと、すんなり登録できました。<br />
<br />
後は表示させたい場所に以下のコードを加えればOK。<br />
<pre><code>&lt;?php tweetable_latest_tweets(10); ?&gt;</code></pre>
『 10 』の数字は、表示させたい件数です。<br />
他にもフォロワー数を表示させたり出来るみたいです。<br />
詳しくはプラグインページの『<a href="http://wordpress.org/extend/plugins/tweetable/other_notes/" target="_blank">Other Notes</a>』に書かれています。（英語）<br />
<br />
<br />
使えたとなると、後は私の大好きなカスタマイズのお時間です。<br />
いじくるファイルは『tweetable.php』と『main_css.css』の2つです。<br />
CSSファイルは2つあって、『admin_css.css』は管理画面上のCSSなので、これは触らない方が良いと思います。<br />
管理画面なんて自分しか見ませんもんね。<br />
<br />
以下のつぶやきを元にしてみます。<br />
<div class="entry_box">2010/5/5 03:00:51　【アニメ】けいおん！！がオリコン1・2位独占。 そして中の人を初めて見た。 <a href="http://bit.ly/ba5ZFj" target="_blank">http://bit.ly/ba5ZFj</a></div>
<br />
プラグインをそのまま使うと、以下のように表示されます。<br />
<div class="entry_box">【アニメ】けいおん！！がオリコン1・2位独占。 そして中の人を初めて見た。 <a href="http://bit.ly/ba5ZFj" target="_blank">http://bit.ly/ba5ZFj</a><br />
May 4, 2010 6:00</div>
<br />
まずは日付を日本語表記にします。<br />
<br />
<strong>tweetable.php</strong>　60行目　（Version: 1.1.8）<br />
<pre><code>$date = date('F j, Y g:i', strtotime($latest['tweets'][$counter]['created_at']));</code></pre>
　↓<br />
<pre><code>$date = date('<span class="text_red">Y/n/d H:i</span>', strtotime($latest['tweets'][$counter]['created_at'])<span class="text_red">+32400</span>);</code></pre>
<br />
日付を西暦表示にし、GMT+9時間で日本時間に変更しています。<br />
<br />
私は日時を前に持ってきたかったので、以下のように変更しています。<br />
<br />
<strong>tweetable.php</strong>　61～63行目　（Version: 1.1.8）<br />
<pre><code>echo '&lt;span class="twitter_status"&gt;';
echo '&lt;span class="status-text"&gt;'.make_clickable($latest['tweets'][$counter]['text']).'&lt;/span&gt;';
echo '&lt;span class="twitter_meta"&gt;'.$date.'&lt;/span&gt;';</code></pre>
　↓<br />
<pre><code>echo '&lt;span class="twitter_status"&gt;';
<span class="text_red">echo '&lt;span class="twitter_meta"&gt;'.$date.'&lt;/span&gt;';
echo '&lt;span class="status-text"&gt;'.make_clickable($latest['tweets'][$counter]['text']).'&lt;/span&gt;';</span></code></pre>
<br />
只単に62行目と63行目を入れ替えただけです。<br />
170行目からも同じ記載がありますが、こちらは変更しなくても上手くいきました。<br />
不安な人は、どちらも変更してた方が吉かもしれません。<br />
<br />
ソースを見ると分かりますが、コードは以下のように出力されます。<br />
（分かりやすいように改行しています）<br />
<pre><code>&lt;li class="tweetable_item"&gt;
&nbsp;&nbsp;&lt;span class="twitter_status"&gt;
&nbsp;&nbsp;&lt;span class="twitter_meta"&gt;2010/5/05 03:00&lt;/span&gt;
&nbsp;&nbsp;&lt;span class="status-text"&gt;【アニメ】けいおん！！がオリコン1・2位独占。 そして中の人を初めて見た。 &lt;a href="http://bit.ly/ba5ZFj" rel="nofollow"&gt;http://bit.ly/ba5ZFj&lt;/a&gt;&lt;/span&gt;
&nbsp;&nbsp;&lt;/span&gt;
&lt;/li&gt;</code></pre>
<br />
日付を囲っている『twitter_meta』には『display:block;』が入っているので、SPANであっても改行されてしまいます。<br />
この辺は好みで『<strong>main_css.css</strong>』ファイルをいじってください。<br />
<br />
私はバックに画像を入れているので全てコメントアウトして、テーマ内のCSSファイルに書き込んでいます。<br />
その方が画像を使用した場合、絶対指定しなくて済むので楽です。<br />
<br />
<br />
なるべくプラグインに頼らずにやろうと思いましたが、最初にも書いた通り <strong>TwitterのRSSだけはプラグインに頼った方が懸命です。</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/7868/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】iTunesのRSSを表示させる方法</title>
		<link>http://kome-suki.net/archives/7663</link>
		<comments>http://kome-suki.net/archives/7663#comments</comments>
		<pubDate>Tue, 27 Apr 2010 19:11:07 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[App Store]]></category>
		<category><![CDATA[iTunes]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[RSS]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=7663</guid>
		<description><![CDATA[iTunes Storeはトップ10やトップ25などのRSS配信をしています。
RSSリーダーで読む事も、WordPressではなくても表示させる事は可能です。
私がWordPressを使ってるってだけです。

Wor [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/04/itunes_5.jpg" alt="iTunes &amp; RSS" title="iTunes &amp; RSS" width="150" height="150" class="entry_thumb" />iTunes Storeはトップ10やトップ25などのRSS配信をしています。<br />
RSSリーダーで読む事も、WordPressではなくても表示させる事は可能です。<br />
私がWordPressを使ってるってだけです。<br />
<br />
WordPressでのRSS表示方法は以前書いた『<a href="http://kome-suki.net/archives/5004">【WordPress】外部RSSを取得して表示する方法</a>』の方法を使っています。<br />
この方法を使ってWordPress上に表示させてみます。<br />
『sidebar.php』など、PHPファイルに書くのであれば何の問題もありませんが、ページを使って表示させる場合はPHPで書いていますので、以下のプラグインが必要になります。<br />
<br />
<div class="entry_link">Bluesome<br />
<a href="http://bluesome.net/post/2005/08/18/50/" target="_blank">Exec-PHP plugin for WordPress</a></div>
<br />
このプラグインを入れると、記事内だろうがページ内だろうが、どこでもPHPを書く事が出来ます。<br />
<br />
以下はWordPressのページを使って、無料ゲームアプリ トップ10を表示させています。<br />
<br />
<div class="entry_link">米が好き<br />
<a href="http://kome-suki.net/app">App Store　無料ゲームアプリ トップ10</a></div>
<br />
説明文の開閉はjQueryを使用しています。<br />
では、サンプルページのように表示させる方法。<br />
<br />
まず、以下のサイトでRSSフィードを取得します。<br />
<a href="http://ax.itunes.apple.com/rss?cc=JP" target="_blank">Apple &#8211; iTunes &#8211; RSS Generator</a><br />
<img src="http://kome-suki.net/wp-content/uploads/2010/04/itunes_store_rss_1.jpg" alt="Apple - iTunes - RSS Generator" title="Apple - iTunes - RSS Generator" width="500" height="230" class="pict" />
<br />
<br />
今回は『Japan / App / 無料 app / 10 / ゲーム』で取得しています。<br />
ページを作成し、以下のコードを書きます。<br />
<pre><code>&lt;?php
&nbsp;&nbsp;$rss = fetch_rss('<span class="text_red">http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml</span>');
&nbsp;&nbsp;$maxitems = <span class="text_red">10</span>;
&nbsp;&nbsp;$items = array_slice($rss-&gt;items, 0, $maxitems);

&nbsp;&nbsp;if (empty($items)) echo 'No items';
&nbsp;&nbsp;else
&nbsp;&nbsp;&nbsp;&nbsp;foreach ($items as $item) :
?&gt;
～～～～～
&lt;?php endforeach; ?&gt;</code></pre>
<br />
取得したRSSフィードをコピペし、表示する数を10に設定しています。<br />
『～～～～～』の所に好きなようにデザインします。<br />
RSSからの情報は『$item』に格納されます。<br />
配列に入っているデータは以下のようになります。<br />
<table border="0" cellspacing="0" cellpadding="0" class="entry_tb">
<tr><th>名　称</th><th>表示コード</th></tr>
<tr><td>アップデート日</td><td><pre><code>&lt;?php echo $item['updated']; ?&gt;</code></pre></td></tr>
<tr><td>ID</td><td><pre><code>&lt;?php echo $item['id']; ?&gt;</code></pre></td></tr>
<tr><td>タイトル</td><td><pre><code>&lt;?php echo $item['title']; ?&gt;</code></pre></td></tr>
<tr><td>説明文</td><td><pre><code>&lt;?php echo $item['summary']; ?&gt;</code></pre></td></tr>
<tr><td>名前</td><td><pre><code>&lt;?php echo $item['im']['name']; ?&gt;</code></pre></td></tr>
<tr><td>期間</td><td><pre><code>&lt;?php echo $item['im']['duration']; ?&gt;</code></pre></td></tr>
<tr><td>製作者</td><td><pre><code>&lt;?php echo $item['im']['artist']; ?&gt;</code></pre></td></tr>
<tr><td>価格</td><td><pre><code>&lt;?php echo $item['im']['price']; ?&gt;</code></pre></td></tr>
<tr><td>アイコン</td><td><pre><code>&lt;?php echo $item['im']['image']; ?&gt;</code></pre></td></tr>
<tr><td>リンク</td><td><pre><code>&lt;?php echo $item['link']; ?&gt;</code></pre></td></tr>
<tr><td>リリース日</td><td><pre><code>&lt;?php echo $item['im']['releasedate']; ?&gt;</code></pre></td></tr>
<tr><td>1枚目のスクリーンショット</td><td><pre><code>&lt;?php echo $item['link_enclosure']; ?&gt;</code></pre></td></tr>
<tr><td>コピーライト</td><td><pre><code>&lt;?php echo $item['rights']; ?&gt;</code></pre></td></tr>
<tr><td>全文</td><td><pre><code>&lt;?php echo $item['atom_content']; ?&gt;</code></pre></td></tr>
</table>
<br />
<strong class="text_red">注意点１</strong><br />
アイコンは3つのサイズがあり、『image』の中に3つ分のURLが入っています。<br />
それをそのまま書いても表示されないので、100&#215;100のアイコンを表示させる場合、以下のような文になります。<br />
<pre><code>&lt;img src="&lt;?php echo substr($item['im']['image'],162,245); ?&gt;" /&gt;</code></pre>
PHPのsubstrで162（161）文字目～245（244）文字目を出力するようにしています。<br />
数値は0から始まります。<br />
<br />
ちなみに175&#215;175の大アイコンもあるようで、その場合はこちら。<br />
<pre><code>&lt;img src="&lt;?php echo substr($item['im']['image'],0,69); ?&gt;175x175-75.jpg" /&gt;</code></pre>
<br />
<strong class="text_red">注意点２</strong><br />
ジャンルとカテゴリーに関してはRSS内に入っていないので、手書きする必要があります。<br />
<br />
最後に、サンプルページの全内容です。<br />
<pre><code>&lt;h2 class="title"&gt;AppStore 無料ゲームアプリ トップ10&lt;/h2&gt;
&lt;?php
&nbsp;&nbsp;$rss = fetch_rss('http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml');
&nbsp;&nbsp;$maxitems = 10;
&nbsp;&nbsp;$items = array_slice($rss-&gt;items, 0, $maxitems);

&nbsp;&nbsp;if (empty($items)) echo 'No items';
&nbsp;&nbsp;else
&nbsp;&nbsp;&nbsp;&nbsp;foreach ($items as $item) :
?&gt;
&lt;div class="entry_title_top"&gt;&lt;/div&gt;
&lt;h2 class="index_title"&gt;&lt;a href="&lt;?php echo $item['id']; ?&gt;" target="_blank" style="font-size:16px;"&gt;&lt;?php echo $item['im']['name']; ?&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;div class="entry_title_btm"&gt;&lt;/div&gt;
&lt;div style="float:left; width:250px;"&gt;
&nbsp;&nbsp;&lt;img src="&lt;?php echo substr($item['im']['image'],162,245); ?&gt;" /&gt;


&nbsp;&nbsp;&lt;strong&gt;価格：&lt;/strong&gt;　&lt;?php echo $item['im']['price']; ?&gt;

&nbsp;&nbsp;&lt;strong&gt;カテゴリー：&lt;/strong&gt;　ゲーム
&nbsp;&nbsp;&lt;strong&gt;リリース：&lt;/strong&gt;　&lt;?php echo substr($item['im']['releasedate'],0,10); ?&gt;
&nbsp;&nbsp;
&nbsp;&nbsp;&lt;strong&gt;アップデート：&lt;/strong&gt;　&lt;?php echo substr($item['updated'],0,10); ?&gt;

&nbsp;&nbsp;&lt;strong&gt;販売業者：&lt;/strong&gt;　&lt;?php echo $item['im']['artist']; ?&gt;
&nbsp;&nbsp;
&nbsp;&nbsp;&lt;strong&gt;コピーライト：&lt;/strong&gt;　&lt;?php echo $item['rights']; ?&gt;
&lt;/div&gt;
&lt;div style="float:right; width:330px; text-align:right;"&gt;
&nbsp;&nbsp;&lt;img src="&lt;?php echo $item['link_enclosure']; ?&gt;" class="pict" width="300" /&gt;
&lt;/div&gt;
&lt;div style="clear:both;"&gt;&lt;/div&gt;

&lt;div class="entry_box" style="margin-bottom:30px;"&gt;
&nbsp;&nbsp;&lt;div class="title"&gt;■原文説明&lt;/div&gt;
&nbsp;&nbsp;&lt;div class="intro"&gt;&lt;?php echo $item['summary']; ?&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;?php endforeach; ?&gt;</code></pre>
<br />
デザイン部で改行が変になっているのは、『<a href="http://camcam.info/wordpress/732" target="_blank">brBrbr</a>』を入れている為です。<br />
<br />
<strong class="text_red">注意点３</strong><br />
RSSを表示しているだけなので、<a href="http://www.linkshare.com/" target="_blank">LinkShare</a>は使えません。<br />
『<a href="http://pipes.yahoo.com/pipes/" target="_blank">Yahoo Pipes</a>』を使えば出来るようですが、そこまで調べていません。<br />
<br />
『<a href="http://app-store.org/jp/" target="_blank">app-store.org</a>』、『<a href="http://buzzapp.jp/" target="_blank">BuzzApp!</a>』、『<a href="http://catchapp.net/" target="_blank">CatchApp</a>』なんかはシステムでしてそうですけど、どうやってiTunesからのデータを引っ張って来ているのかを知りたい。<br />
そうすれば<a href="http://www.linkshare.com/" target="_blank">LinkShare</a>貼ってゴニョゴニョ出来るのに。ｗ</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/7663/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>【WordPress】月単位でエクスポート出来るプラグイン『Advanced Export』</title>
		<link>http://kome-suki.net/archives/5976</link>
		<comments>http://kome-suki.net/archives/5976#comments</comments>
		<pubDate>Wed, 30 Dec 2009 19:36:18 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Advanced Export]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[エクスポート]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=5976</guid>
		<description><![CDATA[WordPressにはインポート、エクスポートの機能が付いていますが、エクスポートがいかんせんダメ過ぎます。
記事数が多くなり、データが大きくなると全てエクスポートしてくれません。
インポート機能は充実してるんですけど [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/12/wp_32.png" alt="WordPress - エクスポート" title="WordPress - エクスポート" width="150" height="150" class="entry_thumb" />WordPressにはインポート、エクスポートの機能が付いていますが、エクスポートがいかんせんダメ過ぎます。<br />
記事数が多くなり、データが大きくなると全てエクスポートしてくれません。<br />
インポート機能は充実してるんですけどねぇ。<br />
<br />
<a href="http://www.ideaxidea.com/archives/2009/02/wordpress_export_fail.html" target="_blank">IDEA*IDEA</a>で書かれていた対処法も結局は無駄な足掻きでした。<br />
そこでプラグインの登場です。<br />
月単位で指定してエクスポート出来るので、毎月のバックアップにも適しています。<br />
<br />
<div class="entry_link">WordPress Plugins<br />
<a href="http://wordpress.org/extend/plugins/advanced-export-for-wp-wpmu/" target="_blank">WordPress › Advanced Export for WP &amp; WPMU</a></div>
<br />
上記リンク先からダウンロードして、解凍した後『ra-export.php』のみを『wp-content/plugins/』にコピー（移動）してサーバーにアップします。<br />
管理画面上でプラグインを使用するにすればOK。<br />
この辺はいつもと一緒です。<br />
<br />
インストールしたプラグインは『ツール ＞ Advanced Export』から使用できます。<br />
設定画面は凄くシンプルで迷う事は無いと思います。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/12/wp_33.png" alt="WordPress - エクスポート" title="WordPress - エクスポート" width="400" height="247" class="pict" />
<br />
<br />
『Restrict Date』を空でエクスポートを行うと、記事など全てエクスポートされるようです。<br />
試しに『12月/2009～12月/2009』で行って見た所、『wordpress.2009-12-01.2010-01-01.xml』と言う名のファイルをエクスポートしてくれました。<br />
<br />
定期的にバックアップするのも、良いプラグインですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/5976/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】WPtouchのバージョンアップ時の落とし穴</title>
		<link>http://kome-suki.net/archives/5924</link>
		<comments>http://kome-suki.net/archives/5924#comments</comments>
		<pubDate>Thu, 24 Dec 2009 13:58:17 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[全般]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WPtouch]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=5924</guid>
		<description><![CDATA[ブログのテーマをiPhone用にしてくれるプラグイン『WPtouch』ですが、初めてバージョンアップして判明した事がありました。
以前書いた記事の通りオリジナルテーマを使用してるんですが、何とバージョンアップすると自分 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_1.jpg" alt="WPtouch" title="WPtouch" width="164" height="164" class="entry_thumb" />ブログのテーマをiPhone用にしてくれるプラグイン『WPtouch』ですが、初めてバージョンアップして判明した事がありました。<br />
<a href="http://kome-suki.net/archives/5437">以前書いた記事</a>の通りオリジナルテーマを使用してるんですが、何とバージョンアップすると自分で作ったテーマのフォルダが消える事が判明。<br />
バージョンアップした後、iPhoneで見たら真っ白だったので分かりました。<br />
<br />
ローカルのファイルをアップすれば良いだけの話なんですが、これは気を付けなければいけませんね。<br />
例によってバージョンアップ後の『wptouch.php』の書き換えも勿論ですが。<br />
プラグイン側で何とかしてくれないものでしょうか。<br />
<br />
以前パパ（@donpy）と飲んでる時、WPtouchを完全カスタマイズすると面白いとの会話もありました。<br />
暇が出来たらいっちょやってみるかな。<br />
<br />
<br />
<div class="entry_link">BraveNewCode Inc.<br />
<a href="http://www.bravenewcode.com/wptouch/" target="_blank">WPtouch: Mobile Plugin + Theme for WordPress</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/5924/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】2.9日本語版がリリース！【ロリポップ編】</title>
		<link>http://kome-suki.net/archives/5903</link>
		<comments>http://kome-suki.net/archives/5903#comments</comments>
		<pubDate>Sat, 19 Dec 2009 19:26:32 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[全般]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[アップグレード]]></category>
		<category><![CDATA[データベース]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=5903</guid>
		<description><![CDATA[英語版のリリースから、たったの1日で日本語版のリリースです。
今回は色々と追加機能が多いから2日はかかるだろうなぁと思っていたんですが、さすがWordPress 日本語版作成チーム、仕事が早い。

現在使っているプラグ [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/01/wp_1.gif" alt="WordPress" title="WordPress" width="150" height="150" class="entry_thumb" />英語版のリリースから、たったの1日で日本語版のリリースです。<br />
今回は色々と追加機能が多いから2日はかかるだろうなぁと思っていたんですが、さすが<a href="http://groups.google.com/group/wp-ja-pkg/web/members" target="_blank">WordPress 日本語版作成チーム</a>、仕事が早い。<br />
<br />
現在使っているプラグインは『<a href="http://wordpress.org/extend/plugins/simple-tags/" target="_blank">Simple Tags</a>』がまだ2.9未対応のようです。<br />
対応してからアップグレードしようとも思ったんですが、こういうのは早く使ってみたいもので。<br />
こちらも仕事の早いプラグインなので、1週間もかからずにアップグレードされる事でしょう。<br />
・・・多分。<br />
なもんで、タグクラウドとか関連する記事とか表示されない形になっています。<br />
プラグインのアップグレードまでお待ちください。<br />
<br />
無事2.9への移行が出来た訳ですが、今回はすんなりと行った訳ではありません。<br />
なぜなら、WordPress 2.9 の MySQL が 4.1.2 以上でないとアップグレードされない点にあります。<br />
私はロリポップのレンタルサーバーだし、その辺どーなのー！？　と思った所、ロリポップのユーザー専用ページで手動によるデータベースの移行が必要になります。<br />
その辺の簡単な説明は以下より。<br />
<br />
何回やってもこのエラー画面。<br />
『The update cannot be installed because WordPress 2.9 requires MySQL version 4.1.2 or higher. You are running version 4.0.24.』って書いてあり、要するに「お前のデータベースは古いからアウト」って言ってます。（多分ｗ）<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/12/upgrade_4.png" alt="" title="WordPress" width="500" height="161" class="pict" />
<br />
<br />
じゃあ、データベースを新しくしてやろうじゃないか！<br />
と思ったら、ロリポップの<a href="https://user.lolipop.jp/" target="_blank">ユーザー専用ページ</a>を開きます。<br />
<br />
左メニューの『WEBツール → データベース』を開き、現在使っているMySQL4からMySQL5に移行します。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/12/lolipop_3.png" alt="" title="ロリポップ - ユーザー専用ページ" width="400" height="350" class="pict" />
<br />
<br />
基本、画面に出ている事を読んでボタンをクリックしていくだけで簡単に移行出来ます。<br />
只1つだけ注意する点は、<strong>最初の移行は移行ではなくMySQL4からMySQL5へのコピー</strong>だって事。<br />
以下は、簡単なチャート。<br />
１．MySQL4からMySQL5へデータベースのコピーを行う。<br />
２．サーバーから『wp-config.php』をダウンロードする。<br />
３．『wp-config.php』のデータベース名とホスト名を変更する。<br />
４．変更した『wp-config.php』をアップロードする。<br />
<br />
これでMySQL5の準備が出来たので、WordPressの管理画面でアップグレードを行います。<br />
以下の画面が出たら成功。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/12/upgrade_5.png" alt="" title="WordPress" width="500" height="161" class="pict" />
<br />
<br />
先にも述べましたが、現在のデータベースは単なるコピーなので10日後には試用期間を終えて消えてしまいます。<br />
WordPress 2.9へのバージョンアップが上手くいったなら、MySQL5を正式に移行しましょう。<br />
移行は先ほどの<a href="https://user.lolipop.jp/" target="_blank">ユーザー専用ページ</a>からボタンを1つクリックするだけで済みます。<br />
<br />
<br />
今回は2.8.6から2.9へのマイナーバージョンアップですが、メジャーバージョンアップの3.0は来春予定だそうです。<br />
管理画面のUIは現状で完成されていると思いますが、デフォルトテーマが変わったりするようですし新機能も色々追加されると思います。<br />
楽しみで仕方ありません。<br />
アレもコレも出来るってなったら、またリニューアルするかも。<br />
<br />
<br />
<div class="entry_link">WordPress<br />
<a href="http://ja.wordpress.org/2009/12/19/wordpress-29-ja/" target="_blank">日本語 » WordPress 2.9 日本語版リリースのお知らせ</a></div>
<br />
<br />
追記<br />
現在は2.9未対応の『<a href="http://wordpress.org/extend/plugins/simple-tags/" target="_blank">Simple Tags</a>』ですが、強引と言うか簡単に使えるそうです。<br />
<br />
<div class="entry_link">わーどぷれすっ！<br />
<a href="http://wp.tekapo.com/2009/12/19/wordpress-2-9-and-simple-tags/" target="_blank">WordPress 2.9 で Simple Tags をむりやり動かす</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/5903/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>【WordPress】サイト軽量化＆ページ活用</title>
		<link>http://kome-suki.net/archives/5729</link>
		<comments>http://kome-suki.net/archives/5729#comments</comments>
		<pubDate>Sun, 06 Dec 2009 13:13:46 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[タグ]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=5729</guid>
		<description><![CDATA[以前からそうなんですが、最近特にサイトが重いなぁと思いフッターに表示させていた『タグクラウド』の表示を止めました。
今や500近く増えたタグ。
全てを表示させるのには、ちょっと重たくなるのは必然ですね。
しかし、全く消 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/12/tag_1.png" alt="タグクラウド" title="タグクラウド" width="150" height="150" class="entry_thumb" />以前からそうなんですが、最近特にサイトが重いなぁと思いフッターに表示させていた『タグクラウド』の表示を止めました。<br />
今や500近く増えたタグ。<br />
全てを表示させるのには、ちょっと重たくなるのは必然ですね。<br />
しかし、全く消すのは惜しいってんで、『ページ』で表示させる事にしました。<br />
サイト一番右上にリンクがあるので、見たい方はどーぞ。<br />
<br />
以下はページで表示させるに当たって、難儀した点。<br />
<br />
私はWordPressのプラグインの『<a href="http://camcam.info/wordpress/101" target="_blank">brBrbr</a>』を使っています。<br />
ちなみに ＜pre＞などに対応した新バージョン出てます。　（Version:2.0）<br />
<br />
ページ内に作ったコンテンツも、もれなく『brBrbr』が適応されるのでタグクラウドのフラット表示が出来ません。<br />
画像はプラグイン『<a href="http://wordpress.org/extend/plugins/simple-tags/" target="_blank">Simple Tags</a>』のタグクラウド内。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/12/tag_2.png" alt="タグクラウド" title="タグクラウド" width="400" height="52" class="pict" />
<br />
<br />
これを『List』に変えます。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/12/tag_3.png" alt="タグクラウド" title="タグクラウド" width="400" height="52" class="pict" />
<br />
<br />
後はCSSで ＜ul＞＜li＞ を横並びにすれば『brBrbr』は関係なくなるんですが、ここでちょっと手間取りました。<br />
結果的に言えば、以下のコードでOK。<br />
<pre><code>ul.st-tag-cloud li {
&nbsp;&nbsp;display: inline;
&nbsp;&nbsp;line-height: 2;
}</code></pre>
<br />
横並びにする時、『float: left;』じゃなく『display: inline;』にしなければいけなかったんですね。<br />
タグクラウドは関連してるタグによって、テキストの文字の大きさが変わるので『float: left;』だと変な表示になってしまいます。<br />
<br />
解決してみれば、何のこっちゃという事例でした。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/5729/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】RSSフィード購読者人数を調べる方法</title>
		<link>http://kome-suki.net/archives/5521</link>
		<comments>http://kome-suki.net/archives/5521#comments</comments>
		<pubDate>Wed, 18 Nov 2009 20:30:51 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[FeedLogger]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[RSS]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=5521</guid>
		<description><![CDATA[HPサイトやブログをやっている人ならカウンターは非常に気になる所ですよね。
それと同じく、RSSで購読している人数ってのも気になる所です。

ふと気になったので何かないかなーと探して見た所、非常に良さげなプラグインを発 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/06/wp_rss_1.png" alt="WordPress ＆ RSS" title="WordPress ＆ RSS" width="150" height="150" class="entry_thumb" />HPサイトやブログをやっている人ならカウンターは非常に気になる所ですよね。<br />
それと同じく、RSSで購読している人数ってのも気になる所です。<br />
<br />
ふと気になったので何かないかなーと探して見た所、非常に良さげなプラグインを発見しました。<br />
<div class="entry_link">EC studio 技術ブログ<br />
<a href="http://techblog.ecstudio.jp/tech-tips/wordpress/feedlogger.html" target="_blank">WordPressでRSSフィード購読者数を計測するプラグイン FeedLogger</a></div>
<br />
上記リンク先にプラグイン本体と導入方法が細かく書かれているので、ここで改めて書く事がありません。<br />
設置したばっかりは何も計測されません。<br />
少々時間が必要なようです。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/feedlogger_1.png" alt="FeedLogger" title="FeedLogger" width="400" height="311" class="pict" />
<br />
<br />
一晩明けて見た所、しっかり計測されていました。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/feedlogger_2.png" alt="FeedLogger" title="FeedLogger" width="400" height="344" class="pict" />
<br />
<br />
2・3人だと思ってましたから、正直9人居た事にビックリ。ｗ</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/5521/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】WPtouchを自分好みにカスタマイズしまくる</title>
		<link>http://kome-suki.net/archives/5437</link>
		<comments>http://kome-suki.net/archives/5437#comments</comments>
		<pubDate>Fri, 13 Nov 2009 22:31:28 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WPtouch]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=5437</guid>
		<description><![CDATA[過去2回に渡り紹介してきた『WPtouch』ですが、やっぱり自分で色々カスタマイズしないと気がすまないってんで、調べて色々触ってみました。
（過去記事：1回目、2回目）

私が今回試みた事。
1テーマを分ける。
2ファ [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_1.jpg" alt="WPtouch" title="WPtouch" width="164" height="164" class="entry_thumb" />過去2回に渡り紹介してきた『WPtouch』ですが、やっぱり自分で色々カスタマイズしないと気がすまないってんで、調べて色々触ってみました。<br />
（過去記事：<a href="http://kome-suki.net/archives/5393">1回目</a>、<a href="http://kome-suki.net/archives/5398">2回目</a>）<br />
<br />
私が今回試みた事。<br />
<span class="no_box">1</span>テーマを分ける。<br />
<span class="no_box">2</span>ファビコン付ける。<br />
<span class="no_box">3</span>トップページの表示をタイトルだけでなく、内容も見えるようにする。<br />
<span class="no_box">4</span>一部のカテゴリーを違う表示にする。<br />
<span class="no_box">5</span>PCと同じようなCSSにする。<br />
<br />
元々の完成度が高い『WPtouch』なので、そんなに変更する箇所はありませんね。<br />
要は自分好みの表示設定にしたいって事で。<br />
文中に出てくる行番号などは、最新バージョンの『1.9.5』の場合です。<br />
<span id="more-5437"></span><br class="clear" /><br />
<span class="no_box">1</span><strong>テーマを分ける。</strong><br />
PCと同じで、テーマがiPhone用ってなだけですね。<br />
PC版もiPhone版みたいにしようと思ったら出来る訳です。<br />
<br />
で、『WPtouch』のテーマは以下の場所にあります。<br />
<pre><code>wp-content/plugins/wptouch/themes/default/</code></pre>
この中に『index』『single』『page』『header』『footer』やスタイルシート等があります。<br />
これをそのまま変更しても良いんですが、残念な事に<strong>WPtouchのバージョンアップ時にテーマ内も更新されてしまいます。</strong><br />
せっかく頑張って変更しても、これでは意味がありません。<br />
で、defaultフォルダを丸ごとコピーして、新しいテーマを作りましょう。<br />
<pre><code>wp-content/plugins/wptouch/themes/<span class="text_red">kome</span>/</code></pre>
こんな感じにして、この『kome』内のファイルを変更していくことにしましょう。<br />
<br />
で、どこでこのテーマのフォルダを読み出しているかと言うと、以下のファイルになります。<br />
<pre><code>wp-content/plugins/wptouch/<span class="text_red">wptouch.php</span></code></pre>
このファイルを開き、以下の箇所を変更しましょう。<br />
<br />
<strong>wptouch.php</strong>（version：1.9.5）　464行目～<br />
<pre><code>function get_stylesheet( $stylesheet ) {
&nbsp;&nbsp;if ($this-&gt;applemobile &#038;&#038; $this-&gt;desired_view == 'mobile') {
&nbsp;&nbsp;&nbsp;&nbsp;return '<span class="text_red">default</span>';
&nbsp;&nbsp;} else {
&nbsp;&nbsp;&nbsp;&nbsp;return $stylesheet;
&nbsp;&nbsp;}
}
&nbsp;&nbsp;&nbsp;&nbsp;
function get_template( $template ) {
&nbsp;&nbsp;$this-&gt;bnc_filter_iphone();
&nbsp;&nbsp;if ($this-&gt;applemobile &#038;&#038; $this-&gt;desired_view === 'mobile') {
&nbsp;&nbsp;&nbsp;&nbsp;return '<span class="text_red">default</span>';
&nbsp;&nbsp;} else {&nbsp;&nbsp;   
&nbsp;&nbsp;&nbsp;&nbsp;return $template;
&nbsp;&nbsp;}
}</code></pre>
　　　↓<br />
<pre><code>function get_stylesheet( $stylesheet ) {
&nbsp;&nbsp;if ($this-&gt;applemobile &#038;&#038; $this-&gt;desired_view == 'mobile') {
&nbsp;&nbsp;&nbsp;&nbsp;return '<span class="text_red">kome</span>';
&nbsp;&nbsp;} else {
&nbsp;&nbsp;&nbsp;&nbsp;return $stylesheet;
&nbsp;&nbsp;}
}
&nbsp;&nbsp;&nbsp;&nbsp;
function get_template( $template ) {
&nbsp;&nbsp;$this-&gt;bnc_filter_iphone();
&nbsp;&nbsp;if ($this-&gt;applemobile &#038;&#038; $this-&gt;desired_view === 'mobile') {
&nbsp;&nbsp;&nbsp;&nbsp;return '<span class="text_red">kome</span>';
&nbsp;&nbsp;} else {&nbsp;&nbsp;   
&nbsp;&nbsp;&nbsp;&nbsp;return $template;
&nbsp;&nbsp;}
}</code></pre>
<br />
新しく作ったテーマフォルダ名にします。<br />
今後バージョンアップがあっても、ここを変更するだけの手間で済みます。（多分）<br />
<br />
<br />
<span class="no_box">2</span><strong>ファビコン付ける。</strong><br />
これはとても簡単です。<br />
管理画面の『WPtouch』ページを開き、以下の場所の『Upload Icon』をクリックして好みの画像をアップして、その下の『Loco Icon // Menu Items &amp; Pages Icons』で選択するだけです。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_2.png" alt="WPtouch" title="WPtouch" width="400" height="362" class="pict" />
<br />
<br />
<br />
<span class="no_box">3</span><strong>トップページの表示をタイトルだけでなく、内容も見えるようにする。</strong><br />
プラグインを使用した直後は、以下のような表示になっています。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_3.png" alt="WPtouch" title="WPtouch" width="320" height="480" class="pict" />
<br />
<br />
これでは面白くないってんで、記事の内容をPCみたいにトップにも表示させてみましょう。<br />
これも管理画面で行います。<br />
以下の赤枠で囲んだチェックを外します。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_4.png" alt="WPtouch" title="WPtouch" width="400" height="308" class="pict" />
<br />
<br />
で、以下のような表示になります。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_5.png" alt="WPtouch" title="WPtouch" width="320" height="480" class="pict" />
<br />
<br />
<br />
<span class="no_box">4</span><strong>一部のカテゴリーを違う表示にする。</strong><br />
<strong class="text_red">3</strong>のような表示でも良いんですが、私の場合『2ch まとめブログ』はPCで表示させないようにしてます。<br />
今回私が一番したかった事が、<br />
<strong style="font-size:14px;">「2ch記事は表示させるけどタイトルのみ。<br />
　その他の記事はPCのように全文（続きを読む以降の記事は隠す）表示させたい」</strong><br />
って事でした。<br />
<br />
結論から言うと、こんな感じになります。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_6.png" alt="WPtouch" title="WPtouch" width="320" height="480" class="pict" />
<br />
<br />
まずは全文表示させる方法です。<br />
新しく作ったテーマフォルダ内の『index.php』を開きます。<br />
<br />
<strong>index.php</strong>（version：1.9.5）　65行目～<br />
<pre><code>&lt;div id="entry-&lt;?php the_ID(); ?&gt;" &lt;?php if (bnc_excerpt_enabled()) { ?&gt;style="display:none"&lt;?php } ?&gt; class="mainentry &lt;?php echo $wptouch_settings['style-text-size']; ?&gt; &lt;?php echo $wptouch_settings['style-text-justify']; ?&gt;"&gt;
&nbsp;&nbsp;&lt;?php <span class="text_red">the_excerpt()</span>; ?&gt;
&nbsp;&nbsp;&lt;a class="read-more" href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php _e( "Read This Post", "wptouch" ); ?&gt;&lt;/a&gt;
&lt;/div&gt;</code></pre>
上記の関数を、以下の関数に変更します。<br />
<pre><code>&lt;div id="entry-&lt;?php the_ID(); ?&gt;" &lt;?php if (bnc_excerpt_enabled()) { ?&gt;style="display:none"&lt;?php } ?&gt; class="mainentry &lt;?php echo $wptouch_settings['style-text-size']; ?&gt; &lt;?php echo $wptouch_settings['style-text-justify']; ?&gt;"&gt;
&nbsp;&nbsp;&lt;?php <span class="text_red">the_content</span>(); ?&gt;
&nbsp;&nbsp;&lt;a class="read-more" href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php _e( "Read This Post", "wptouch" ); ?&gt;&lt;/a&gt;
&lt;/div&gt;</code></pre>
<br />
これで、タイトルだけでなくサムネ画像込みの全文表示になります。<br />
しつこく書きますが、『続きを読む』以降の記事は表示されません。<br />
<br />
しかし、これでは隠したい『2ch まとめブログ』も全文表示されてしまいます。<br />
『index.php』を見てみると、以下のような事が分かります。<br />
<br />
<strong>index.php</strong>（version：1.9.5）　58行目～<br />
<pre><code>&nbsp;&nbsp;&lt;a class="h2" href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;
&nbsp;&nbsp;&lt;div class="post-author"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php if (bnc_show_author()) { ?&gt;&lt;span class="lead"&gt;&lt;?php _e("Author", "wptouch"); ?&gt;:&lt;/span&gt; &lt;?php the_author(); ?&gt;&lt;br /&gt;&lt;?php } ?&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php if (bnc_show_categories()) { echo('&lt;span class="lead"&gt;' . __( 'Categories', 'wptouch' ) . ':&lt;/span&gt; '); the_category(', '); echo('&lt;br /&gt;'); } ?&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php if (bnc_show_tags() &#038;&#038; get_the_tags()) { the_tags('&lt;span class="lead"&gt;' . __( 'Tags', 'wptouch' ) . ':&lt;/span&gt; ', ', ', ''); } ?&gt;
&nbsp;&nbsp;&lt;/div&gt;&nbsp;&nbsp;
&nbsp;&nbsp;&lt;div class="clearer"&gt;&lt;/div&gt;&nbsp;&nbsp;


&nbsp;&nbsp;&lt;div id="entry-&lt;?php the_ID(); ?&gt;" &lt;?php  if (bnc_excerpt_enabled()) { ?&gt;style="display:none"&lt;?php } ?&gt; class="mainentry &lt;?php echo $wptouch_settings['style-text-size']; ?&gt; &lt;?php echo $wptouch_settings['style-text-justify']; ?&gt;"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php the_excerpt(); ?&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;a class="read-more" href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php _e( "Read This Post", "wptouch" ); ?&gt;&lt;/a&gt;
&nbsp;&nbsp;&lt;/div&gt;  
&lt;/div&gt;</code></pre>
<br />
本当は行間あいていませんが、上部がタイトル表示部分、下部が記事表示部分のようです。<br />
では、これを踏まえて『記事表示部分を if文 で分けてみましょう。<br />
<br />
全文書くとこんな感じです。（赤字が追加文）<br />
<pre><code><span class="text_red">&nbsp;&nbsp;&lt;?php
&nbsp;&nbsp;&nbsp;&nbsp;foreach(get_the_category() as $category) {
&nbsp;&nbsp;&nbsp;&nbsp;$cat_id = $category -&gt; cat_ID;
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;?&gt;</span>

&nbsp;&nbsp;&lt;a class="h2" href="&lt;?php the_permalink(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;
&nbsp;&nbsp;&lt;div class="post-author"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php if (bnc_show_author()) { ?&gt;&lt;span class="lead"&gt;&lt;?php _e("Author", "wptouch"); ?&gt;:&lt;/span&gt; &lt;?php the_author(); ?&gt;&lt;br /&gt;&lt;?php } ?&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php if (bnc_show_categories()) { echo('&lt;span class="lead"&gt;' . __( 'Categories', 'wptouch' ) . ':&lt;/span&gt; '); the_category(', '); echo('&lt;br /&gt;'); } ?&gt; 
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php if (bnc_show_tags() &#038;&#038; get_the_tags()) { the_tags('&lt;span class="lead"&gt;' . __( 'Tags', 'wptouch' ) . ':&lt;/span&gt; ', ', ', ''); } ?&gt;
&nbsp;&nbsp;&lt;/div&gt;&nbsp;&nbsp;
&nbsp;&nbsp;&lt;div class="clearer"&gt;&lt;/div&gt;

<span class="text_red">&nbsp;&nbsp;&lt;?php if ($cat_id == 49) { ?&gt;
&nbsp;&nbsp;&lt;/div&gt;

&nbsp;&nbsp;&lt;?php } else { ?&gt;</span>

&nbsp;&nbsp;&lt;div id="entry-&lt;?php the_ID(); ?&gt;" &lt;?php if (bnc_excerpt_enabled()) { ?&gt;style="display:none"&lt;?php } ?&gt; class="mainentry &lt;?php echo $wptouch_settings['style-text-size']; ?&gt; &lt;?php echo $wptouch_settings['style-text-justify']; ?&gt;"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php the_content('&lt;span&gt;&lt;/span&gt;続きを読む &gt;&gt;&lt;br class="clear" /&gt;'); ?&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;a class="read-more" href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php _e( "Read This Post", "wptouch" ); ?&gt;&lt;/a&gt;
&nbsp;&nbsp;&lt;/div&gt;
<span class="text_red">&nbsp;&nbsp;&lt;?php } ?&gt;</span>
&lt;/div&gt;</code></pre>
<br />
一番最初の『foreach文』でカテゴリーIDを取得し、『$cat_id』に代入します。<br />
後は、下部の記事表示を if文 で分岐させる訳です。<br />
『49』ってのが、『2ch まとめブログ』のカテゴリーIDになります。<br />
カテゴリーIDが『49』の場合は、下部を表示させず『&lt;/div&gt;』で終了ってな訳です。<br />
書いてみるとたったこれだけですが、これだけで2・3時間悩んでました…。<br />
<br />
最初に書いた『foreach文』で、他にも色々出来そうですね。<br />
<br />
<br />
<span class="no_box">5</span><strong>PCと同じようなCSSにする。</strong><br />
テーマフォルダ分けたんだから、CSSのファイル名も変えれば良いじゃん！<br />
って思いましたが、CSSを読み出している箇所が以下の部分になります。<br />
<pre><code>wp-content/plugins/wptouch/themes/<span class="text_red">core/core-header.php</span></code></pre>
そうなんです、バージョンアップ後の手間を考えるのであれば、『style-compressed.css』に書くしかないんです。<br />
諦めて『style-compressed.css』に追加するか、以下のようなコードを入れて『style.css』メインにするしかありません。<br />
<pre><code>@import "style.css";</code></pre>
<br />
私は『style-compressed.css』のコードは全てコメントアウトして、上記のコードを入れて『style.css』に追加コードを書いたりしています。<br />
<br />
では、CSSを付け足して表示された内容です。<br />
<table border="0"><tr><th colspan="2" bgcolor="#eeeeee">2ch リスト表示</th></tr>
<tr><td align="center">before</td><td align="center">after</td></tr>
<tr><td valign="top"><img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_7.png" alt="WPtouch" title="WPtouch" width="200" height="300" class="pict" /></td><td valign="top"><img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_8.png" alt="WPtouch" title="WPtouch" width="200" height="300" class="pict" /></td></tr>
</table>
<br />
<table border="0"><tr><th colspan="2" bgcolor="#eeeeee">『続きを読む』表示</th></tr>
<tr><td align="center">before</td><td align="center">after</td></tr>
<tr><td valign="top"><img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_9.png" alt="WPtouch" title="WPtouch" width="200" height="88" class="pict" /></td><td valign="top"><img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_10.png" alt="WPtouch" title="WPtouch" width="200" height="88" class="pict" /></td></tr>
</table>
<br />
<table border="0"><tr><th colspan="2" bgcolor="#eeeeee">記事詳細ページ</th></tr>
<tr><td align="center">before</td><td align="center">after</td></tr>
<tr><td valign="top"><img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_11.png" alt="WPtouch" title="WPtouch" width="200" height="1414" class="pict" /></td><td valign="top"><img src="http://kome-suki.net/wp-content/uploads/2009/11/wptouch_12.png" alt="WPtouch" title="WPtouch" width="200" height="1409" class="pict" /></td></tr>
</table>
<br />
<br />
結構やりたいことやれてスッキリしました。<br />
後は細かいCSSの調整ですが、その辺はちょこちょこ手を加えたいと思います。<br />
<br />
<br />
<div class="entry_link">BraveNewCode Inc.<br />
<a href="http://www.bravenewcode.com/wptouch/" target="_blank">WPtouch: Mobile Plugin + Theme for WordPress</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/5437/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】WPtouchのCSSを自分好みにカスタマイズする</title>
		<link>http://kome-suki.net/archives/5398</link>
		<comments>http://kome-suki.net/archives/5398#comments</comments>
		<pubDate>Tue, 10 Nov 2009 18:42:17 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WPtouch]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=5398</guid>
		<description><![CDATA[先日導入した『WPtouch』ですが、CSSを何とかいじれないかと調べた所、簡単に見つかりました。

PCで表示しているCSSを読み込むと、とんでもない事になります。
これはまぁ、想像出来ますよね。
なもんで、自分で手 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wp_iphone_1.jpg" alt="WordPress ＆ iPhone" title="WordPress ＆ iPhone" width="150" height="150" class="entry_thumb" />先日導入した『WPtouch』ですが、CSSを何とかいじれないかと調べた所、簡単に見つかりました。<br />
<br />
PCで表示しているCSSを読み込むと、とんでもない事になります。<br />
これはまぁ、想像出来ますよね。<br />
なもんで、自分で手を加えたい箇所だけ書き足すような感じになります。<br />
<br />
エントリー内に書かれた自分で作ったクラスとかはそのまま生きているので、そのクラスに対してのコードを付け足すってな具合です。<br />
では、その方法は以下より。<br />
<br />
Firefoxのアドオンの『<a href="http://firemobilesimulator.org/" target="_blank">FireMobileSimulator</a>』を導入して、『iPhone 3G』表示にしてソースを読んだ所、以下のCSSが読み込まれておりました。<br />
<pre><code>&lt;link rel="stylesheet" href="http://kome-suki.net/wp-content/plugins/wptouch/themes/default/<span class="text_red">style-compressed.css</span>" type="text/css" media="screen" /&gt;</code></pre>
<br />
CSSファイルが見つかればこっちのもんです。<br />
この『style-compressed.css』に自分のコードを付け足していけばよいのです。<br />
<br />
同階層に『style.css』がありますが、内容は『style-compressed.css』と一緒です。<br />
『style.css』の余分なスペース等を無くし、軽量化したのが『style-compressed.css』です。<br />
なので、手を加えるのは『style-compressed.css』の方です。<br />
<br />
私が一番気に入らなかったのはコレ。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wp_iphone_5.png" alt="WordPress ＆ iPhone" title="WordPress ＆ iPhone" width="320" height="480" class="pict" />
<br />
<br />
最初のサムネ画像はポジションで設定しているので、それが生きず続くテキストが横にきてしまいます。<br />
これを画像の下にしたかっただけ。<br />
で、修正したのがこちら。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wp_iphone_6.png" alt="WordPress ＆ iPhone" title="WordPress ＆ iPhone" width="320" height="480" class="pict" />
<br />
<br />
見事成功。<br />
<br />
お次はリンク表示とPRE内に書いたコード表示です。<br />
通常の場合はこちら。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wp_iphone_7.png" alt="WordPress ＆ iPhone" title="WordPress ＆ iPhone" width="320" height="480" class="pict" />
<br />
<br />
CSSを書き加えたのがこちら。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wp_iphone_8.png" alt="WordPress ＆ iPhone" title="WordPress ＆ iPhone" width="320" height="480" class="pict" />
<br />
<br />
PCのコードそのままコピペしているので、iPhone用に手を加えた方が良いかもしれませんね。<br />
その辺も追々変更したいと思います。<br />
あまり手を加えすぎると重くなるかもしれないので、デザインが崩れない程度に程々にですね。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/5398/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】iPhoneを持っているなら入れとくべきプラグイン『WPtouch』</title>
		<link>http://kome-suki.net/archives/5393</link>
		<comments>http://kome-suki.net/archives/5393#comments</comments>
		<pubDate>Mon, 09 Nov 2009 21:18:37 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WPtouch]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=5393</guid>
		<description><![CDATA[今まで面倒だなぁと思いつつも入れてなかったプラグインの『WPtouch』。
しかし、「え、これだけ？」ってな具合に簡単に導入する事が出来ます。

1．プラグインを配布しているサイトでダウンロード。
2．解凍。
3．サー [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wp_iphone_1.jpg" alt="WordPress ＆ iPhone" title="WordPress ＆ iPhone" width="150" height="150" class="entry_thumb" />今まで面倒だなぁと思いつつも入れてなかったプラグインの『WPtouch』。<br />
しかし、「え、これだけ？」ってな具合に簡単に導入する事が出来ます。<br />
<br />
1．プラグインを配布しているサイトでダウンロード。<br />
2．解凍。<br />
3．サーバーにアップ。<br />
4．管理画面のプラグインページで『使用する』をクリック。<br />
以上。<br />
<br />
なんつー簡単さ。<br />
『WPtouch』の設定ページもありますが、全部英語。<br />
しかし、何も触らなくても全く問題なく作動します。<br />
『Google AdSense』の設定とかあるみたいですけど、iPhoneに広告出るのは自分が嫌いなんで何も表示させないようにします。<br />
以下はSafariで見たスクリーンショット。<br />
<br />
標準だと、PCのまんま表示されます。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wp_iphone_2.jpg" alt="WordPress ＆ iPhone" title="WordPress ＆ iPhone" width="320" height="480" class="pict" />
<br />
<br />
『WPtouch』を入れると、以下のような表示になります。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wp_iphone_3.jpg" alt="WordPress ＆ iPhone" title="WordPress ＆ iPhone" width="320" height="480" class="pict" />
<br />
<br />
ページ下にWEB表示とMobile表示をON・OFF出来るボタンがあります。<br />
WEB表示した時にも、サイト下部にちゃんとあります。<br />
<br />
1記事表示した場合、『関連する記事』や『コメント欄』もしっかり表示されています。<br />
『関連する記事』は『Simple Tags』等を使用してるのが前提となるようです。<br />
他のプラグインもしっかり認識してるのも良いですよね。<br />
Twitterへつぶやけるリンクが付いてるのも素晴らしい。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/11/wp_iphone_4.jpg" alt="WordPress ＆ iPhone" title="WordPress ＆ iPhone" width="320" height="1542" class="pict" />
<br />
<br />
更には、タグやカテゴリー表示が出来たりと、何から何まで備わっており落ち度が見つかりません。<br />
強いて要望を言うのであれば・・・。<br />
<br />
<strong>■スタイルシートが読み込まれない</strong><br />
記事内に『style』で書いたコードは問題ありませんが、別ファイルのCSSを読み込んでくれません。<br />
『WP CSS』とか使わないとダメなんでしょうか。<br />
この辺は、追々調べてみたいと思います。<br />
&lt;pre&gt;～～～&lt;/pre&gt;の中に書いたコードとかが改行されずに表示されてしまうんですよね。<br />
<br />
<strong>■拡大・縮小が出来ない</strong><br />
通称『くぱぁ』で拡大したり出来ないようです。<br />
別に拡大しなくても見れるんですけどって、それなら問題ありませんね。ｗ<br />
<br />
<strong>■タグが全て表示されない</strong><br />
先にも書いたとおり、タグとカテゴリーで検索出来るようですが、全て表示されません。<br />
現在タグが300以上あるんですけど、『WPtouch』で表示されるのは50個。<br />
投稿数の多い順に50個選んでいるような感じです。（ハッキリ分かっていません）<br />
管理画面上にも数値を入力する所が無かったので、50と言う絶対値で設定されているのかもしれません。<br />
PHP内を探せば何か見つかるかもしれませんね。<br />
しかし、頭文字の『ひらがな』『カタカナ』『漢字』『数字』『英語』と順に並んでるのは偉いと思いました。<br />
<br />
とまぁ、最近はiPhone所持者も増えてきている事だし、WordPressを使っている人は是非とも入れておいて損は無いプラグインだと思います。<br />
<br />
<br />
<div class="entry_link">BraveNewCode Inc.<br />
<a href="http://www.bravenewcode.com/wptouch/" target="_blank">WPtouch: Mobile Plugin + Theme for WordPress</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/5393/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【Free Soft】Firefox3.5に対応してないアドオンを使いたい！</title>
		<link>http://kome-suki.net/archives/4837</link>
		<comments>http://kome-suki.net/archives/4837#comments</comments>
		<pubDate>Sat, 01 Aug 2009 07:05:45 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[コンピューター / ソフトウェア]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[フリーソフト]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4837</guid>
		<description><![CDATA[Firefox 3.5がリリースされて1ヶ月経ちますが、まだまだ対応されていないアドオンがあります。
今まで私が使っていた『dragdropupload』と『Resizeable Textarea』が中々3.5対応版が [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/08/updatexpi_1.png" alt="update XPI" title="update XPI" width="150" height="150" class="entry_thumb" />Firefox 3.5がリリースされて1ヶ月経ちますが、まだまだ対応されていないアドオンがあります。<br />
今まで私が使っていた『<a href="https://addons.mozilla.org/ja/firefox/addon/2190" target="_blank">dragdropupload</a>』と『<a href="https://addons.mozilla.org/ja/firefox/addon/3818" target="_blank">Resizeable Textarea</a>』が中々3.5対応版がリリースされません。<br />
そんな3.5未対応のアドオンが使えるようになるソフトがありました。<br />
大いに期待を持ちつつ、早速使って見ましょう。<br />
<span id="more-4837"></span><br class="clear" /><br />
まず、以下のサイトからダウンロードします。<br />
<br />
<div class="entry_link"><a href="http://mundogeek.net/update-xpi/" target="_blank">Update XPI</a></div>
<br />
<strong>Installation</strong> のコメント欄の『zip file』をクリックするとダウンロード出来ます。<br />
ダウンロードした『UpdateXPI-0.1.0.zip』を解凍して、『UpdateXPI.exe』をダブルクリックしてソフトを起動させます。<br />
<br />
以下の画面が表示されます。<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/08/updatexpi_2.png" alt="update XPI" title="update XPI" width="253" height="294" class="pict" />
<br />
この画面の上に『xpi ファイル』をドラッグ＆ドロップするだけなんですけど、この『xpi ファイル』は各プラグインのサイトからダウンロードしなければいけません。<br />
<br />
Firefoxでプラグインページを開くとダメなので、IEでもChromeでもSafariでも何でも良いので目的のプラグインのページを開きます。<br />
『今すぐインストール』ボタンをクリックするか、右クリックでPCに保存します。<br />
その保存した『xpi ファイル』を先ほどの『Update XPI』の画面にドラッグ＆ドロップ。<br />
すると、以下のアラートが表示され、無事3.5対応になります。（<span class="text_red">※</span>）<br />
<br />
<img src="http://kome-suki.net/wp-content/uploads/2009/08/updatexpi_3.png" alt="Update XPI" title="Update XPI" width="225" height="121" class="pict" />
<br />
<br />
後は同じ『xpi ファイル』をFirefoxの画面上にドロップ＆ドラッグすればOKです。<br />
Firefoxを再起動しましょう。<br />
<br />
<span class="text_red">※</span>3.5対応にならないアドオンもあるようです。<br />
『<a href="https://addons.mozilla.org/ja/firefox/addon/3818" target="_blank">Resizeable Textarea</a>』は無事使えるようになりましたが、『<a href="https://addons.mozilla.org/ja/firefox/addon/2190" target="_blank">dragdropupload</a>』は残念ながら使えませんでした。<br />
<br />
<span class="text_red">※</span>他のアドオンへの影響もあるようなので、この方法で行うのは注意が必要です。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4837/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】FeedListのバージョンアップ、ちょっと待った！</title>
		<link>http://kome-suki.net/archives/4710</link>
		<comments>http://kome-suki.net/archives/4710#comments</comments>
		<pubDate>Thu, 09 Jul 2009 19:42:58 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[全般]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4710</guid>
		<description><![CDATA[7月7日に『FeedList』のバージョンアップ版が出ました。
これはRSSを取得して、WordPress上に表示させるプラグインです。
詳しくは以下の記事を参照。

米が好き
【WordPress】Tumblrを表示 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/06/wp_rss_1.png" alt="WordPress ＆ RSS" title="WordPress ＆ RSS" width="150" height="150" class="entry_thumb" />7月7日に『FeedList』のバージョンアップ版が出ました。<br />
これはRSSを取得して、WordPress上に表示させるプラグインです。<br />
詳しくは以下の記事を参照。<br />
<br />
<div class="entry_link2">米が好き<br />
<a href="http://kome-suki.net/archives/4487">【WordPress】Tumblrを表示させる方法</a><br />
<a href="http://kome-suki.net/archives/4538">【WordPress】FeedListを複数設置する方法</a></div>
<br />
しかし、安易にバージョンアップする無かれ。<br />
以下は安易にしてしまった私の失敗（？）談。<br />
<br />
まず、2つも3つも使ってる場合、2つ目3つ目が消えます。<br />
通常の『feedlist.php』に加え『feedlist2.php』なんて物を作成してると、そのファイルはサーバー上で消えます。<br />
正規の使い方ではないから仕方ないかなぁとも思います。<br />
諦めて、最初から作り直すしかありません。<br />
<br />
しかし！<br />
次の事がイマイチ納得できない。<br />
<br />
『FeedList』はPHP内のファイルに直接RSSを引っ張ってくるURL等を記入します。<br />
WordPress上の自動アップデートを使用すると、この設定が元に戻ります。<br />
こんなパターンは初めてだったので、結構慌てました。<br />
<br />
ローカルのファイルとは別に、サーバー上から新しいファイルをダウンロードし、新しいファイルに上書きしてからまたアップ。<br />
無事解決したから良いものの、結構面倒です『FeedList』。<br />
<br />
別にアップデートしなくても使えるから、いいっちゃーいいんですけど、いつまでも管理画面上のプラグインの所に数字が出てるのは個人的に鬱陶しいです。<br />
<br />
使えるプラグインなのは確かなのですが。<br />
もうバージョンアップしなくて良いよ、FeedList。<br />
<br />
<br />
<div class="entry_link">WordPress<br />
<a href="http://wordpress.org/extend/plugins/feedlist/" target="_blank">FeedList</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4710/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】FeedListを複数設置する方法</title>
		<link>http://kome-suki.net/archives/4538</link>
		<comments>http://kome-suki.net/archives/4538#comments</comments>
		<pubDate>Thu, 11 Jun 2009 14:11:16 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[全般]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4538</guid>
		<description><![CDATA[以前『【WordPress】Tumblrを表示させる方法』でWordPressでRSSを読み込んで表示させる『FeedList』のプラグインの紹介をしました。
しかしこれはRSSを1つだけしか表示してくれず、2つ以上の [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/06/wp_rss_1.png" alt="WordPress ＆ RSS" title="WordPress ＆ RSS" width="150" height="150" class="entry_thumb" />以前『<a href="http://kome-suki.net/archives/4487">【WordPress】Tumblrを表示させる方法</a>』でWordPressでRSSを読み込んで表示させる『FeedList』のプラグインの紹介をしました。<br />
しかしこれはRSSを1つだけしか表示してくれず、2つ以上の複数を設置するのは元ファイルをコピーして、ファイル内を弄る必要があります。<br />
<br />
以下はその方法。<br class="clear" /><br />
まず元ファイルの『feedlist.php』をコピーして、仮に『feedlist<strong class="text_red">2</strong>.php』とします。<br />
階層は以下のようになります。<br />
<div class="entry_box">wp-content<br />
　└ plugins<br />
　　　└ feedlist<br />
　　　　　├ feedlist.php<br />
　　　　　├ feedlist2.php<br />
　　　　　└ readme.txt</div>
<br />
『feedlist2.php』を開き、以下の箇所に『 2 』を追加していきます。<br />
以下の行番号は、バージョンは2.22.6のものです。<br />
<br />
<pre><code>3	Plugin Name: FeedList<strong class="text_red">2</strong>
32	class FeedList<strong class="text_red">2</strong> {
579	function rssLinkListFilter<strong class="text_red">2</strong>($text)
586	function rssLinkList<strong class="text_red">2</strong>($args){
592	function feedList<strong class="text_red">2</strong>($args){
597	$feed = new FeedList<strong class="text_red">2</strong>($args);
602	function randomFeedList<strong class="text_red">2</strong>($args){
611	function feedListFilter<strong class="text_red">2</strong>($args){
652	function cleanupFeedListCache<strong class="text_red">2</strong>(){
660	function rssLinkList_JS<strong class="text_red">2</strong>(){</code></pre>
<br />
追加しなくても良い行があるかもしれませんが…。＾＾<br />
表示させたい箇所には、以下のコードを入力します。<br />
<br />
<strong>sidebar.php</strong>など<br />
<pre><code>&lt;?php feedList<strong class="text_red">2</strong>(array('Key' =&gt; '', 'Key' =&gt; 'Value')); ?&gt;</code></pre>
<br />
後は設定画面のプラグインを有効にすればOKです。<br />
3、4、5・・・とすれば、いくつでも追加出来そうですね。（やってませんが）<br />
<br />
エラーが出た場合、どこの行が悪いってのが出ます。<br />
その行の近辺を調べれば、どこに『 2 』を追加すればよいか分かると思います。<br />
<br />
『feedlist2.php』の中身の設定などは、『<a href="http://kome-suki.net/archives/4487">【WordPress】Tumblrを表示させる方法</a>』を参考にしてください。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4538/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】Tumblrを表示させる方法</title>
		<link>http://kome-suki.net/archives/4487</link>
		<comments>http://kome-suki.net/archives/4487#comments</comments>
		<pubDate>Thu, 04 Jun 2009 14:42:21 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Tumblr]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4487</guid>
		<description><![CDATA[Tumblrで投稿した内容を、WordPress上で表示させる事が出来るプラグインがあります。
正確に言えば、RSSで表示させるのでTumblrじゃなくても良いんですが。

『拾いもの画像』をちまちまとサムネイル作って [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/06/wp_tumblr_1.png" alt="WordPress ＆ Tumblr" title="WordPress ＆ Tumblr" width="150" height="150" class="entry_thumb" /><a href="http://www.tumblr.com/" target="_blank">Tumblr</a>で投稿した内容を、WordPress上で表示させる事が出来るプラグインがあります。<br />
正確に言えば、RSSで表示させるのでTumblrじゃなくても良いんですが。<br />
<br />
『拾いもの画像』をちまちまとサムネイル作ってアップしていましたが、ちょっと面倒になってきたのでTumblrでアップしてそれを取り込もうと言う試みになりました。<br />
なもので、<strong>只単に画像をRSSで取り込むだけ</strong>です。<br />
その方法は以下。<br />
<br />
まず、WordPressのプラグインをダウンロードしてインストールします。<br />
<br />
<div class="entry_link">WordPress<br />
<a href="http://wordpress.org/extend/plugins/feedlist/" target="_blank">FeedList</a></div>
<br />
ダウンロードして解凍したファイルをフォルダ毎プラグインフォルダに移動します。<br />
階層的には以下の感じ。<br />
<div class="entry_box">wp-content<br />
　└ plugin<br />
　　　└ feedlist<br />
　　　　　├ feedlist.php<br />
　　　　　└ readme.txt</div>
<br />
そのまま管理画面でインストールしても良いんですが、管理画面上で設定などは出来ず、直接ファイルを弄らなければいけません。<br />
『feedlist.php』を開き、以下の箇所に手を入れます。<br />
<br />
<strong>feedlist.php</strong>　変更前　（200行目～）<br />
<pre><code>return array( 'rss_feed_url' =&gt; '<span class="text_green">http://del.icio.us/rss</span>',
&nbsp;&nbsp;&nbsp;&nbsp;'num_items' =&gt; <span class="text_green">15</span>,
&nbsp;&nbsp;&nbsp;&nbsp;'show_description' =&gt; true,
&nbsp;&nbsp;&nbsp;&nbsp;'random' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'before' =&gt; '<span class="text_green">&lt;li&gt;</span>',
&nbsp;&nbsp;&nbsp;&nbsp;'after' =&gt; '<span class="text_green">&lt;/li&gt;</span>',
&nbsp;&nbsp;&nbsp;&nbsp;'description_separator' =&gt; '<span class="text_green"> - </span>',
&nbsp;&nbsp;&nbsp;&nbsp;'encoding' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'sort' =&gt; 'none',
&nbsp;&nbsp;&nbsp;&nbsp;'new_window' =&gt; <span class="text_green">false</span>,
&nbsp;&nbsp;&nbsp;&nbsp;'ignore_cache' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'suppress_link' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'show_date' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'additional_fields' =&gt; '',
&nbsp;&nbsp;&nbsp;&nbsp;'max_characters' =&gt; 0,
&nbsp;&nbsp;&nbsp;&nbsp;'max_char_wordbreak' =&gt; true,
&nbsp;&nbsp;&nbsp;&nbsp;'file'=&gt;$settings['file'],
&nbsp;&nbsp;&nbsp;&nbsp;'feedsToShow'=&gt;0,
&nbsp;&nbsp;&nbsp;&nbsp;'mergeFeeds'=&gt;false,
&nbsp;&nbsp;&nbsp;&nbsp;'show_date_per_item' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'show_description_only' =&gt; false
&nbsp;&nbsp;);</code></pre>
<br />
表示させる数は1つだけで良いので、『num_items』を『1』に変更。<br />
リスト表示じゃなくボックスにしたいので、『before』と『after』を変更。<br />
セパレータではなく改行表示する為に『description_separator』を変更。<br />
リンクをクリックした時に別ウィンドウにする為に『new_window』を『true』に変更。<br />
で、以下のような感じ。<br />
<br />
<strong>feedlist.php</strong>　変更後　（200行目～）<br />
<pre><code>return array( 'rss_feed_url' =&gt; '<span class="text_red">サイトアドレス/rss</span>',
&nbsp;&nbsp;&nbsp;&nbsp;'num_items' =&gt; <span class="text_red">1</span>,
&nbsp;&nbsp;&nbsp;&nbsp;'show_description' =&gt; true,
&nbsp;&nbsp;&nbsp;&nbsp;'random' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'before' =&gt; '<span class="text_red">&lt;div class="tumblr_box"&gt;</span>',
&nbsp;&nbsp;&nbsp;&nbsp;'after' =&gt; '<span class="text_red">&lt;/div&gt;</span>',
&nbsp;&nbsp;&nbsp;&nbsp;'description_separator' =&gt; '<span class="text_red">&lt;br /&gt;</span>',
&nbsp;&nbsp;&nbsp;&nbsp;'encoding' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'sort' =&gt; 'none',
&nbsp;&nbsp;&nbsp;&nbsp;'new_window' =&gt; <span class="text_red">true</span>,
&nbsp;&nbsp;&nbsp;&nbsp;'ignore_cache' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'suppress_link' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'show_date' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'additional_fields' =&gt; '',
&nbsp;&nbsp;&nbsp;&nbsp;'max_characters' =&gt; 0,
&nbsp;&nbsp;&nbsp;&nbsp;'max_char_wordbreak' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'file'=&gt;$settings['file'],
&nbsp;&nbsp;&nbsp;&nbsp;'feedsToShow'=&gt;0,
&nbsp;&nbsp;&nbsp;&nbsp;'mergeFeeds'=&gt;false,
&nbsp;&nbsp;&nbsp;&nbsp;'show_date_per_item' =&gt; false,
&nbsp;&nbsp;&nbsp;&nbsp;'show_description_only' =&gt; false
&nbsp;&nbsp;);</code></pre>
<br />
変更が終わったらファイルを保存して、管理画面でインストールします。<br />
表示させたい箇所に以下のコードを入れれば、その場所に表示されるハズです。<br />
<br />
<strong>sidebar.php</strong>など<br />
<pre><code>&lt;?php feedList(array('Key' =&gt; '', 'Key' =&gt; 'Value')); ?&gt;</code></pre>
<br />
後はCSSで画像の大きさを整えます。<br />
<br />
<strong>style.css</strong><br />
<pre><code>.tumblr_box img {
&nbsp;&nbsp;width: 200px;
}</code></pre>
<br />
『200px』は仮なので、自分の表示させたい大きさに変更してください。<br />
横幅さえ変えれば高さは自動で変わります。<br />
IEでの表示は少々画像が荒くなります。<br />
<br />
さあどーだ！？<br />
・・・って事で見てみましたが、画像を表示させた場合『タイトル』『画像』『タイトル』と表示されます。<br />
ソースを見ると、以下のような感じ。<br />
（見やすいように改行してます）<br />
<br />
<strong>ソース</strong><br />
<pre><code>&lt;div class="tumblr_box"&gt;
&lt;span class="rssLinkListItemTitle"&gt;&lt;a href="http://kome.tumblr.com/post/117856017" rel="external"  title="タイトル"&gt;タイトル&lt;/a&gt;&lt;/span&gt;&lt;br /&gt;
&lt;img src="画像のアドレス"/&gt;&lt;br/&gt;
&lt;br/&gt;
タイトル&lt;/div&gt;</code></pre>
<br />
下のタイトルを消そうとか試みましたが、RSSの段階でこのようになっているので無理っぽいです。<br />
上のタイトルだけならCSSで消せるんですが、リンクも消えてしまうのでうまくない。<br />
ま、いっか。ｗ<br />
<br />
ちなみに、上のタイトルはクラスが付いてるので以下のコードで見た目を消す事が出来ます。<br />
<br />
<strong>style.css</strong><br />
<pre><code>.tumblr_box .rssLinkListItemTitle {
	display: block;
	height: 0px;
	overflow: hidden;
}</code></pre>
<br />
<br />
以下のサイトを参考にさせてもらいました。<br />
<div class="entry_link">木下茂雄のブログ<br />
<a href="http://www.kinoshitashigeo.com/blog/archives/638" target="_blank">WordPressのサイドに自分のはてなブックマークを表示させる</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4487/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】投稿時のクリックタグを順番に並べる方法2</title>
		<link>http://kome-suki.net/archives/4347</link>
		<comments>http://kome-suki.net/archives/4347#comments</comments>
		<pubDate>Sun, 10 May 2009 17:18:09 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[全般]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=4347</guid>
		<description><![CDATA[1/30に書いた記事、『【WordPress】投稿時のクリックタグを順番に並べる方法』なんですが、Simple Tagsは結構頻繁にバージョンアップが出され、Simple Tagsに付いている『クリックタグ（Click [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/01/simpletags_1.gif" alt="Simple Tags" title="Simple Tags" width="150" height="150" class="entry_thumb" />1/30に書いた記事、『<a href="http://kome-suki.net/archives/2930">【WordPress】投稿時のクリックタグを順番に並べる方法</a>』なんですが、<a href="http://wordpress.org/extend/plugins/simple-tags/" target="_blank">Simple Tags</a>は結構頻繁にバージョンアップが出され、Simple Tagsに付いている『クリックタグ（Click tags）』の順番がバージョンアップする毎にID順になってしまいます。<br />
折角『数字』、『アルファベット』、『ひらがな』、『カタカナ』、『漢字』の順にしてたのに。<br />
<br />
でもって、また直そうとすると以前のコードらしき物が見当たりません。<br />
コード自体が書き直されているようです。<br />
以下はそんなクリックタグを上記のようにソートする方法です。<br />
<br />
『wp-content/plugins/simple-tags/2.7/inc/simple-tags.admin.php』を開き、2057行以下のコードを丸々書き直します。<br />
<br />
<strong>simple-tags.admin.php　2057行～　変更前</strong><br />
<pre><code>// Get all terms
$terms = $this-&gt;getAllTerms();
if ( empty($terms) || $terms == false ) {
&nbsp;&nbsp;if ( $format == 'html_span' ) {
&nbsp;&nbsp;&nbsp;&nbsp;echo '&lt;p&gt;'.__('No results from your WordPress database.', 'simpletags').'&lt;/p&gt;';
&nbsp;&nbsp;} else {
&nbsp;&nbsp;&nbsp;&nbsp;echo 'collection = [ ];';
&nbsp;&nbsp;}
&nbsp;&nbsp;exit();
}</code></pre>
<br />
<strong>simple-tags.admin.php　2057行～　変更後</strong><br />
<pre><code>// Get all terms
global $wpdb;
$terms = $wpdb-&gt;get_col("
&nbsp;&nbsp;SELECT DISTINCT name
&nbsp;&nbsp;FROM {$wpdb-&gt;terms} AS t
&nbsp;&nbsp;INNER JOIN {$wpdb-&gt;term_taxonomy} AS tt ON t.term_id = tt.term_id
&nbsp;&nbsp;WHERE tt.taxonomy = 'post_tag'
");
$terms = array_unique($terms);
sort($terms, SORT_LOCALE_STRING);</code></pre>
<br />
これでまた頭文字が『記号』『数字』『アルファベット（大文字）』『アルファベット（小文字）』『ひらがな』『カタカナ』『漢字』の順にソートされました。<br />
現在は特に不具合は無いんですが、あったらまた何か書きます。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/4347/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

