<?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; WordPress</title>
	<atom:link href="http://kome-suki.net/archives/category/wordpress/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】コメントのバックカラー等を1行毎に変える方法</title>
		<link>http://kome-suki.net/archives/9516</link>
		<comments>http://kome-suki.net/archives/9516#comments</comments>
		<pubDate>Wed, 14 Jul 2010 16:28:28 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Simple Author Highlighter]]></category>
		<category><![CDATA[コメント]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=9516</guid>
		<description><![CDATA[以前の記事で『Simple Author Highlighter』を紹介しました。
でも、そんなプラグインに頼らなくてもCSSで簡単に出来る事を知りました。

コメント表示されているページのソースを見れば一目瞭然なんで [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/07/wp_50.jpg" alt="WordPress" title="WordPress" width="150" height="150" class="entry_thumb" /><a href="http://kome-suki.net/archives/8792">以前の記事</a>で『<a href="http://wordpress.org/extend/plugins/simple-author-highlighter/" target="_blank">Simple Author Highlighter</a>』を紹介しました。<br />
でも、そんなプラグインに頼らなくてもCSSで簡単に出来る事を知りました。<br />
<br />
コメント表示されているページのソースを見れば一目瞭然なんですが、コメントの上から見て奇数と偶数と管理人では違うCSSのクラスが入っています。<br />
そのクラスを利用して、自分の好きなようにすれば良いだけです。<br />
テキストカラー、ボーダー、バックグラウンドなどなど、自由に変更出来ます。<br />
<br />
ベースのCSSクラス。（奇数列）<br />
<pre><code>ol.commentlist li.comment {
}</code></pre>
<br />
偶数列のCSSクラス。<br />
<pre><code>ol.commentlist li.thread-odd {
}</code></pre>
<br />
管理人（投稿者？）のCSSクラス。<br />
<pre><code>ol.commentlist li.bypostauthor {
}</code></pre>
<br />
上記のCSSクラスはデフォルトテーマで見たクラスなので、他のテーマ等を使っている方は分かりません。<br />
が、ソース見れば簡単に分かると思います。<br />
<br />
ちなみに私はコメントとトラックバックの表示を分けているんですが、トラックバックは各列に違うクラスが入っていなかったので簡単には無理でした。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/9516/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【WordPress】Twitterでつぶやかれた数を表示するプラグイン【Topsy】</title>
		<link>http://kome-suki.net/archives/9512</link>
		<comments>http://kome-suki.net/archives/9512#comments</comments>
		<pubDate>Wed, 14 Jul 2010 15:56:18 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Topsy]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[WEBサービス]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=9512</guid>
		<description><![CDATA[Twitterでリンクを貼られた場合、その数を表示させてくれるWEBサービスです。
今では設置しているブログも多くなっています。

以前にも記事を書いたんですが、今まではJavaScriptで表示させていました。
しか [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/12/topsy_1.png" alt="Topsy" title="Topsy" width="150" height="150" class="entry_thumb" />Twitterでリンクを貼られた場合、その数を表示させてくれるWEBサービスです。<br />
今では設置しているブログも多くなっています。<br />
<br />
<a href="http://kome-suki.net/archives/5956">以前にも記事を書いた</a>んですが、今まではJavaScriptで表示させていました。<br />
しかしJavaScriptで書くと、ブログの表示速度が遅くなる事に今更ながら気付きました。<br />
<br />
直接JavaScriptを書く場合だと、1記事1記事Topsyの数を読み込むようでブログが完全に表示されるまで時間が掛かります。<br />
それをプラグインに変えたら、ブログを一旦全部読み込んでからTopsyを読んでいるようです。<br />
サイドが表示されなくてイライラしていたのが、これでちょっとは緩和されました。<br />
<br />
後の問題として、プラグインだと &lt;div class=&#8221;entry&#8221;&gt;～～～&lt;/div&gt;の中に勝手に入ってしまうんですが、それ以外の場所にも以下のコードで表示させる事が出来るようです。<br />
<br />
大きい画像の場合。<br />
<pre><code>&lt;?php topsy_retweet_big(); ?&gt;</code></pre>
<br />
今現在私が置いている場所は&lt;div class=&#8221;entry&#8221;&gt;の外なので、これでちょっとは自分好みになりました。<br />
<br />
<br />
<div class="entry_link"><a href="http://topsy.com/" target="_blank">Topsy</a></div>
<div class="entry_link">WordPress Plugins<br />
<a href="http://wordpress.org/extend/plugins/topsy/" target="_blank">Topsy Retweet Button</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/9512/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>【WordPress】プラグインを使わずJavaScriptでTwitterを表示させる方法</title>
		<link>http://kome-suki.net/archives/9096</link>
		<comments>http://kome-suki.net/archives/9096#comments</comments>
		<pubDate>Tue, 29 Jun 2010 18:30:34 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=9096</guid>
		<description><![CDATA[タイトルにWordPressと付けていますが、勿論普通のHTMLサイトでも使えます。
検索すると結構な数がヒットするかと思います。

まず目を付けたのがこのサイト。
Twitterが公式に公開している（？）JavaSc [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/06/twitter_js_1.png" alt="Twitter &amp; JavaScript" title="Twitter &amp; JavaScript" width="150" height="150" class="entry_thumb" />タイトルにWordPressと付けていますが、勿論普通のHTMLサイトでも使えます。<br />
検索すると結構な数がヒットするかと思います。<br />
<br />
まず目を付けたのがこのサイト。<br />
<a href="http://twitter.com/javascripts/blogger.js" target="_blank">Twitterが公式に公開している（？）JavaScript</a>を使っての表示方法。<br />
<br />
<div class="entry_link2">Webクリエイターボックス<br />
<a href="http://www.webcreatorbox.com/tech/wordpress-without-plugin/" target="_blank">プラグインを使わずWordPressに6の機能をつける</a></div>
<br />
次に目を付けたのがこのサイト。<br />
<br />
<div class="entry_link">Creazy!<br />
<a href="http://creazy.net/2007/04/twitter_javascript_badge.html" target="_blank">第５回：twitter の JavaScript Badge を改造する</a></div>
<br />
どちらも一長一短。<br />
公式の方は時間や曜日表記が公式サイトと同じ。<br />
2つ目の方は時間・曜日はカスタマイズ出来るのに対し、リンクが貼られない。<br />
うーむ。　と迷った後、「じゃ、2つ合体させればよくね？」って事で合体させました。<br />
<br />
JavaScriptのコードは最後に書いていますが、今回もダウンロードした方が早いと思います。<br />
<br />
<a href="http://kome-suki.net/upload/twitter.js" target="_blank">ダウンロードはこちらから。</a>　（右クリックで保存してください）<br />
<br />
ダウンロードした『twitter.js』を好きな所に放り込んで、フッターにJavaScriptを書き込みます。<br />
以下はWordPressのテンプレート内のjsフォルダ内に置いた例。<br />
<br />
<pre><code>&nbsp;&nbsp;&lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/js/twitter.js"&gt;&lt;/script&gt;
&nbsp;&nbsp;&lt;script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<span class="text_red">kuu_san</span>.json?callback=twitterCallback2&amp;count=<span class="text_red">3</span>"&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
<br />
<span class="text_red">赤字</span>の所に自分のアカウント名と表示させる数を入力します。<br />
後は実際にTwitterのTLを表示させたい箇所に以下のコードを書くだけです。<br />
<br />
<pre><code>&lt;ul id="twitter"&gt;&lt;/ul&gt;</code></pre>
<br />
後はCSSで表示形式を整えるだけです。<br />
<br />
<pre><code>#twitter {
&nbsp;&nbsp;margin-bottom: 5px;
}

#twitter li {
}

#twitter li .name {
&nbsp;&nbsp;border-bottom: 1px dotted #ccc;
}

#twitter li .time {
&nbsp;&nbsp;text-align: right;
}</code></pre>
<br />
<br />
上記の例だと、以下のような表示になります。<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/twitter_js_2.png" alt="Twitter &amp; JavaScript" title="Twitter &amp; JavaScript" width="245" height="259" class="pict" />
<br />
<br />
最後にJavaScriptの全文。<br />
表示方法など変えたい場合は、JavaScriptをいじるだけで簡単に変更出来ます。<br />
<br />
<pre><code>function twitterCallback2(twitters) {
&nbsp;&nbsp;var statusHTML = [];
&nbsp;&nbsp;for (var i=0; i&lt;twitters.length; i++){
&nbsp;&nbsp;&nbsp;&nbsp;var username = twitters[i].user.screen_name;
&nbsp;&nbsp;&nbsp;&nbsp;var status = twitters[i].text.replace(/((https?|s?ftp|ssh)\:\/\/[^"\s\&lt;\&gt;]*[^.,;'"&gt;\:\s\&lt;\&gt;\)\]\!])/g, function(url) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return '&lt;a href="'+url+'"&gt;'+url+'&lt;/a&gt;';
&nbsp;&nbsp;&nbsp;&nbsp;}).replace(/\B@([_a-z0-9]+)/ig, function(reply) {
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;&nbsp;reply.charAt(0)+'&lt;a href="http://twitter.com/'+reply.substring(1)+'"&gt;'+reply.substring(1)+'&lt;/a&gt;';
&nbsp;&nbsp;&nbsp;&nbsp;});
&nbsp;&nbsp;&nbsp;&nbsp;statusHTML.push('&lt;li&gt;&lt;div class="name"&gt;'+status+'&lt;/div&gt;&lt;div class="time"&gt;&lt;a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'"&gt;'+relative_time(twitters[i].created_at)+'&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;');
&nbsp;&nbsp;}
&nbsp;&nbsp;document.getElementById('twitter').innerHTML = statusHTML.join('');
}

function relative_time(time_value) {
&nbsp;&nbsp;var values = time_value.split(" ");
&nbsp;&nbsp;time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];
&nbsp;&nbsp;var parsed_date = Date.parse(time_value);
&nbsp;&nbsp;var relative_to = (arguments.length &gt; 1) ? arguments[1] : new Date();
&nbsp;&nbsp;var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
&nbsp;&nbsp;delta = delta + (relative_to.getTimezoneOffset() * 60);
&nbsp;&nbsp;var dt = new Date();
&nbsp;&nbsp;dt.setTime(dt.getTime() - (delta*1000));
&nbsp;&nbsp;yy = dt.getYear();
&nbsp;&nbsp;mm = dt.getMonth() + 1;
&nbsp;&nbsp;dd = dt.getDate();
&nbsp;&nbsp;dy = dt.getDay();
&nbsp;&nbsp;hh = dt.getHours();
&nbsp;&nbsp;mi = dt.getMinutes();
&nbsp;&nbsp;ss = dt.getSeconds();
&nbsp;&nbsp;if (yy &lt; 2000) { yy += 1900; }
&nbsp;&nbsp;if (mm &lt; 10) { mm = "0" + mm; }
&nbsp;&nbsp;if (dd &lt; 10) { dd = "0" + dd; }
&nbsp;&nbsp;dy = new Array("日","月","火","水","木","金","土")[dy];
&nbsp;&nbsp;if (hh &lt; 10) { hh = "0" + hh; }
&nbsp;&nbsp;if (mi &lt; 10) { mi = "0" + mi; }
&nbsp;&nbsp;<span class="text_red">if (ss &lt; 10) { ss = "0" + ss; }</span>

&nbsp;&nbsp;return yy+"/"+mm+"/"+dd+"("+dy+") "+hh+":"+mi<span class="text_red">+":"+ss</span>;
}</code></pre>
<br />
私は秒表示は要らなかったので、<span class="text_red">赤字</span>のコードは省いています。<br />
もし表示させたい場合は、上記のように書けばOKです。<br />
<br />
プラグインも入れすぎると重くなる（？）し、ややこしくなるし、使わずに出来る事は使わない方が良いのかも。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/9096/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>【WordPress 3.0】画像挿入をポップアップでする方法</title>
		<link>http://kome-suki.net/archives/8956</link>
		<comments>http://kome-suki.net/archives/8956#comments</comments>
		<pubDate>Wed, 23 Jun 2010 16:40:20 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[メディアライブラリ]]></category>
		<category><![CDATA[画像]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8956</guid>
		<description><![CDATA[WordPress 3.0 日本語版が6/23にリリースされ、アップデートした方は色々触っている事だと思います。

以前書いた、記事投稿時に画像を挿入する際フラッシュ形式ではなくポップアップにして連続投稿する方法ですが [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/12/wp_28.png" alt="WordPress - メディアライブラリ" title="WordPress - メディアライブラリ" width="150" height="150" class="entry_thumb" />WordPress 3.0 日本語版が6/23にリリースされ、アップデートした方は色々触っている事だと思います。<br />
<br />
以前書いた、記事投稿時に画像を挿入する際フラッシュ形式ではなくポップアップにして連続投稿する方法ですが、3.0になって前回の方法では使えなくなってしまいました。<br />
私は画像が1・2枚ならフラッシュ形式、それ以上ならポップアップ形式かFTPに直上げの方法を取っており、私だけではなくこのポップアップ形式を使っている人が少なからずいるので、再度調べてみました。<br />
<br />
<strong>今回変更箇所多すぎ。</strong><br />
<br />
なので、私の変更したファイルを画像込みでZIPにしてアップしてます。<br />
『media-button-image_f.gif』、『media-button-image_p.gif』、『media.php』が中に入っています。<br />
2つの画像は『wp-admin/images/』の中に。<br />
media.php は『wp-admin/includes/』の中に放り込めば一先ず使えます。<br />
<br />
投稿画面がこんな感じになります。<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_47.png" alt="WordPress 3.0" title="WordPress 3.0" width="240" height="25" class="pict" />
<br />
<br />
左がフラッシュ形式、右がポップアップ形式です。<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_48.jpg" alt="WordPress 3.0" title="WordPress 3.0" width="250" height="156" class="pict" /><img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_49.jpg" alt="WordPress 3.0" title="WordPress 3.0" width="250" height="156" class="pict" />
<br />
<br />
<a href="http://kome-suki.net/upload/media.zip">ダウンロードはこちらから。</a><br />
<br />
<strong class="men2">「いや、俺は自分で変更する！」</strong ><br />
ってな方は、以下に変更箇所を全て書いておりますので頑張ってください。<br />
<br />
余計な説明は入れていません。<br />
私も深くは分かっておらず、「こうしたから出来た」ってなだけです。＾＾；<br />
<br />
ファイルは言わずもがな、『media.php』の変更後は UTF-8 で保存してください。<br />
<span id="more-8956"></span><br />
ファイル（media.php）の上から順に書いています。<br />
行番号は追加していった場合の番号になります。<br />
<br />
<div class="pre_title">【変更前】 wp-admin/includes/<strong>media.php</strong>　（169行目～）（WordPress 3.0）</div>
<pre><code>&lt;?php
&nbsp;&nbsp;exit;
}</code></pre>
　↓<br />
<div class="pre_title">【変更後】 wp-admin/includes/<strong>media.php</strong>　（169行目～）（WordPress 3.0）</div>
<pre><code>&lt;?php
&nbsp;&nbsp;<span class="text_red">#</span>exit;
}</code></pre>
<br />
『<span class="text_red">#</span>』を追加。<br />
<br />
<br />
<div class="pre_title">【変更前】 wp-admin/includes/<strong>media.php</strong>　（353行目～）（WordPress 3.0）</div>
<pre><code>function media_buttons() {
&nbsp;&nbsp;$do_image = $do_audio = $do_video = true;
&nbsp;&nbsp;if ( is_multisite() ) {
&nbsp;&nbsp;&nbsp;&nbsp;$media_buttons = get_site_option( 'mu_media_buttons' );
&nbsp;&nbsp;&nbsp;&nbsp;if ( empty($media_buttons['image']) )
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$do_image = false;
&nbsp;&nbsp;&nbsp;&nbsp;if ( empty($media_buttons['audio']) )
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$do_audio = false;
&nbsp;&nbsp;&nbsp;&nbsp;if ( empty($media_buttons['video']) )
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$do_video = false;
&nbsp;&nbsp;}
&nbsp;&nbsp;$out = '';

&nbsp;&nbsp;if ( $do_image )
&nbsp;&nbsp;&nbsp;&nbsp;$out .= _media_button(__('Add an Image'), 'images/media-button-image.gif?ver=20100531', 'image');
&nbsp;&nbsp;if ( $do_video )
&nbsp;&nbsp;&nbsp;&nbsp;$out .= _media_button(__('Add Video'), 'images/media-button-video.gif?ver=20100531', 'video');
&nbsp;&nbsp;if ( $do_audio )
&nbsp;&nbsp;&nbsp;&nbsp;$out .= _media_button(__('Add Audio'), 'images/media-button-music.gif?ver=20100531', 'audio');

&nbsp;&nbsp;$out .= _media_button(__('Add Media'), 'images/media-button-other.gif?ver=20100531', 'media');

&nbsp;&nbsp;$context = apply_filters('media_buttons_context', __('Upload/Insert %s'));

&nbsp;&nbsp;printf($context, $out);
}
add_action( 'media_buttons', 'media_buttons' );

function _media_button($title, $icon, $type) {
&nbsp;&nbsp;return "&lt;a href='" . esc_url( get_upload_iframe_src($type) ) . "' id='add_$type' class='thickbox' title='$title'&gt;&lt;img src='" . esc_url( admin_url( $icon ) ) . "' alt='$title' /&gt;&lt;/a&gt;";
}</code></pre>
　↓<br />
<div class="pre_title">【変更後】 wp-admin/includes/<strong>media.php</strong>　（353行目～）（WordPress 3.0）</div>
<pre><code>function media_buttons() {
&nbsp;&nbsp;$do_image = <span class="text_red">$do_image2 = </span>$do_audio = $do_video = true;
&nbsp;&nbsp;if ( is_multisite() ) {
&nbsp;&nbsp;&nbsp;&nbsp;$media_buttons = get_site_option( 'mu_media_buttons' );
&nbsp;&nbsp;&nbsp;&nbsp;if ( empty($media_buttons['image']) )
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$do_image = false;
<span class="text_red">&nbsp;&nbsp;&nbsp;&nbsp;if ( empty($media_buttons['image2']) )
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$do_image2 = false;</span>
&nbsp;&nbsp;&nbsp;&nbsp;if ( empty($media_buttons['audio']) )
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$do_audio = false;
&nbsp;&nbsp;&nbsp;&nbsp;if ( empty($media_buttons['video']) )
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$do_video = false;
&nbsp;&nbsp;}
&nbsp;&nbsp;$out = '';

&nbsp;&nbsp;if ( $do_image )
&nbsp;&nbsp;&nbsp;&nbsp;$out .= _media_button(__('Add an Image'), 'images/media-button-image<span class="text_red">_f</span>.gif?ver=20100531', 'image');
<span class="text_red">&nbsp;&nbsp;if ( $do_image2 )
&nbsp;&nbsp;&nbsp;&nbsp;$out .= _media_button(__('Add an Image'), 'images/media-button-image_p.gif?ver=20100531', 'image2');</span>
&nbsp;&nbsp;if ( $do_video )
&nbsp;&nbsp;&nbsp;&nbsp;$out .= _media_button(__('Add Video'), 'images/media-button-video.gif?ver=20100531', 'video');
&nbsp;&nbsp;if ( $do_audio )
&nbsp;&nbsp;&nbsp;&nbsp;$out .= _media_button(__('Add Audio'), 'images/media-button-music.gif?ver=20100531', 'audio');

&nbsp;&nbsp;$out .= _media_button(__('Add Media'), 'images/media-button-other.gif?ver=20100531', 'media');

&nbsp;&nbsp;$context = apply_filters('media_buttons_context', __('Upload/Insert %s'));

&nbsp;&nbsp;printf($context, $out);
}
add_action( 'media_buttons', 'media_buttons' );

function _media_button($title, $icon, $type) {
<span class="text_red">&nbsp;&nbsp;if ($type == "image2") {
&nbsp;&nbsp;&nbsp;&nbsp;return "&lt;a href=\"javascript:w=window.open('" . esc_url( get_upload_iframe_src($type) ) . "&#038;flash=0','','scrollbars=yes,Width=650,Height=720,top=0,left=0');w.focus();\" id=\"add_image\" title='画像を追加' onclick=\"return true;\"&gt;&lt;img src='" . esc_url( admin_url( $icon ) ) . "' alt='画像を追加' /&gt;&lt;/a&gt;";
&nbsp;&nbsp;} else {</span>
&nbsp;&nbsp;&nbsp;&nbsp;return "&lt;a href='" . esc_url( get_upload_iframe_src($type) ) . "' id='add_$type' class='thickbox' title='$title'&gt;&lt;img src='" . esc_url( admin_url( $icon ) ) . "' alt='$title' /&gt;&lt;/a&gt;";
<span class="text_red">&nbsp;&nbsp;}</span>
}</code></pre>
<br />
<span class="text_red">赤字</span>のコードを追加。<br />
<br />
<br />
<div class="pre_title">【変更前】 wp-admin/includes/<strong>media.php</strong>　（499行目～）（WordPress 3.0）</div>
<pre><code>function media_upload_image() {
&nbsp;&nbsp;$errors = array();
&nbsp;&nbsp;$id = 0;
　・
　・
　・
&nbsp;&nbsp;return wp_iframe( 'media_upload_type_form', 'image', $errors, $id );
}</code></pre>
　↓<br />
<div class="pre_title">【変更後】 wp-admin/includes/<strong>media.php</strong>　（499行目～）（WordPress 3.0）</div>
<pre><code>function media_upload_image() {
&nbsp;&nbsp;$errors = array();
&nbsp;&nbsp;$id = 0;
　・
　・
　・
&nbsp;&nbsp;return wp_iframe( 'media_upload_type_form', 'image', $errors, $id );
}

function media_upload_image<span class="text_red">2</span>() {
&nbsp;&nbsp;$errors = array();
&nbsp;&nbsp;$id = 0;
　・
　・
　・
&nbsp;&nbsp;return wp_iframe( 'media_upload_type_form', 'image', $errors, $id );
}</code></pre>
<br />
499～549行目を551行目に丸々コピーする。<br />
『media_upload_image<span class="text_red">2</span>()』 ← 2を付ける。<br />
<br />
<br />
<div class="pre_title">【変更前】 wp-admin/includes/<strong>media.php</strong>　（2334行目～）（WordPress 3.0）</div>
<pre><code>add_filter('async_upload_image', 'get_media_item', 10, 2);
add_filter('async_upload_audio', 'get_media_item', 10, 2);
add_filter('async_upload_video', 'get_media_item', 10, 2);
add_filter('async_upload_file', 'get_media_item', 10, 2);

add_action('media_upload_image', 'media_upload_image');
add_action('media_upload_audio', 'media_upload_audio');
add_action('media_upload_video', 'media_upload_video');
add_action('media_upload_file', 'media_upload_file');</code></pre>
　↓<br />
<div class="pre_title">【変更後】 wp-admin/includes/<strong>media.php</strong>　（2334行目～）（WordPress 3.0）</div>
<pre><code>add_filter('async_upload_image', 'get_media_item', 10, 2);
<span class="text_red">add_filter('async_upload_image2', 'get_media_item', 10, 2);</span>
add_filter('async_upload_audio', 'get_media_item', 10, 2);
add_filter('async_upload_video', 'get_media_item', 10, 2);
add_filter('async_upload_file', 'get_media_item', 10, 2);

add_action('media_upload_image', 'media_upload_image');
<span class="text_red">add_action('media_upload_image2', 'media_upload_image2');</span>
add_action('media_upload_audio', 'media_upload_audio');
add_action('media_upload_video', 'media_upload_video');
add_action('media_upload_file', 'media_upload_file');</code></pre>
<br />
<span class="text_red">赤字</span>のコードを追加。<br />
<br />
<br />
これで以前と同じように使えると思います。<br />
何かあったらコメントください。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8956/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>【WordPress】3.0でのポップアップ表示（前置き編）</title>
		<link>http://kome-suki.net/archives/8948</link>
		<comments>http://kome-suki.net/archives/8948#comments</comments>
		<pubDate>Tue, 22 Jun 2010 21:55:15 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[全般]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[メディアライブラリ]]></category>
		<category><![CDATA[画像]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8948</guid>
		<description><![CDATA[過去記事、
【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法
【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法2
ですが、WordPres [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/12/wp_28.png" alt="WordPress - メディアライブラリ" title="WordPress - メディアライブラリ" width="150" height="150" class="entry_thumb" />過去記事、<br />
<a href="http://kome-suki.net/archives/5934">【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法</a><br />
<a href="http://kome-suki.net/archives/5949">【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法2</a><br />
ですが、WordPress 3.0 の『wp-admin/includes/media.php』を見ると少々ややこしく・・・と言うか前よりは簡単になっているんでしょうが、以前のやり方では上手くいきません。<br />
<br />
しかし、無事解決方法を解読。<br />
その方法とは！<br />
<br />
・・・明日書きまーす。ｗ</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8948/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<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】特定のイメージタグを抽出する方法【PHP】</title>
		<link>http://kome-suki.net/archives/8785</link>
		<comments>http://kome-suki.net/archives/8785#comments</comments>
		<pubDate>Mon, 14 Jun 2010 19:18:31 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[備忘録]]></category>
		<category><![CDATA[全般]]></category>
		<category><![CDATA[画像]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8785</guid>
		<description><![CDATA[ちょっと気になって調べたら案外簡単に出来たので、備忘録として書いておこうと思います。
今回行ったのは、特定のクラス（CSS）を加えたイメージタグの抽出方法です。

私が記事を書く時は、必ず頭にイメージを入れています。
 [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_43.png" alt="WordPress" title="WordPress" width="150" height="143" class="entry_thumb" />ちょっと気になって調べたら案外簡単に出来たので、備忘録として書いておこうと思います。<br />
今回行ったのは、<strong>特定のクラス（CSS）を加えたイメージタグの抽出方法</strong>です。<br />
<br />
私が記事を書く時は、必ず頭にイメージを入れています。<br />
（今日のシリーズやニコニコ紹介などは別）<br class="clear" /><br />
このイメージは以下のように記述しています。<br />
<pre><code>&lt;img src="http://kome-suki.net/・・・" class="entry_thumb" /&gt;</code></pre>
<br />
他にも画像を入れる時があり、先頭に持ってきた画像（class=&#8221;entry_thumb&#8221;）だけを抽出したい。<br />
これが出来れば、検索画面や関連記事や最近の記事などでサムネ付きというのが表示できるようになります。<br />
プラグインや他の方法もググったら出てきましたが私的にいまいち合わなく、それらを踏まえていった上でもの凄く簡単に出来ました。<br />
リニューアル後の表示変更を考えていたので、これは覚えておかなくてはいけない方法です。<br />
<br />
search.phpなどを開き、記事のループを行っている中に以下のコードを書きます。<br />
<br />
<pre><code>&lt;?php
&nbsp;&nbsp;$cnt = get_the_content();
&nbsp;&nbsp;if (substr($cnt, 0, 1) == "&lt;") {
&nbsp;&nbsp;&nbsp;&nbsp;preg_match("/&lt;img(.*?)class=\"entry_thumb\" \/&gt;/", $cnt, $thumb);
&nbsp;&nbsp;&nbsp;&nbsp;echo $thumb[0];
&nbsp;&nbsp;} else {
&nbsp;&nbsp;}
?&gt;</code></pre>
<br />
<strong>解説</strong><br />
<span class="no_box">2行目</span>　$cnt に記事内容を代入するんですが、『the_content()』だと記事が全て表示されてしまうので、必ず『get_the_content()』にする。<br />
<br />
<span class="no_box">3行目</span>　記事の1文字目が『&lt;』じゃないと何も無しを返します。<br />
6行目の else を書かないと、『Array』と表示されてしまうので注意。<br />
<br />
<span class="no_box">4行目</span>　PHPの『preg_match』関数で該当するタグ・クラスを書いて、$thumb に代入する。<br />
『&#8221;/～～～/&#8221;』とダブルクォーテーション・スラッシュで囲むのが一般的らしいので、それ以外のダブルクォーテーション・スラッシュの前には￥（Macはバックスラッシュ）を記述する。<br />
<br />
<span class="no_box">5行目</span>　代入された $thumb[0] を echo ではき出す。<br />
<br />
<span class="no_box">6～7行目</span>　上記の例だと何も書いてませんが、『no image』みたいな画像を書き足してもOK。<br />
<br />
画像の大きさを変えたかったら、&lt;div&gt;～～～&lt;/div&gt;で囲ってCSSで変えた方が早いかもしれません。<br />
<br />
<br />
取り合えず私個人用なので、別の方法（a や他のタグ）では試していませんが、応用すれば色々いけると思います。<br />
勿論WordPress以外にも使えると思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8785/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>【WordPress】3.0 RC2 日本語版をちょっとだけ触ってみました</title>
		<link>http://kome-suki.net/archives/8696</link>
		<comments>http://kome-suki.net/archives/8696#comments</comments>
		<pubDate>Fri, 11 Jun 2010 18:44:22 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[全般]]></category>
		<category><![CDATA[テーマ]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8696</guid>
		<description><![CDATA[普段はRCには手を出さず正式版を待つ派ですが、ローカル上でならちょっと見てみようかなーとダウンロードしてみました。
3.0 になったらリニューアルしようとコツコツ作成している段階ですが、細かい仕様の変更などがあった場合 [...]]]></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" />普段はRCには手を出さず正式版を待つ派ですが、ローカル上でならちょっと見てみようかなーとダウンロードしてみました。<br />
3.0 になったらリニューアルしようとコツコツ作成している段階ですが、細かい仕様の変更などがあった場合また手直ししなくてはいけません。<br />
まぁ、そういう細かい作業は結構好きだったりしますが。<br />
<br />
以下は簡単に触ってみて気づいた点。<br />
正式版では直ってるかもしれませんし、あくまでも現段階での事です。<br />
<br />
<strong class="text_red">シングルページが開かない。</strong><br />
パーマリンクを変更している場合、もう一度管理画面上で変更を保存し直さなくてはいけないようです。<br />
画面上の見た目はちゃんとなっていても、再保存が必要でした。<br />
<br />
<strong class="text_red">管理画面の色が少しだけ変わった。</strong><br />
見てすぐ分かる点は、『ヘッダー部』の色と『現在の状況』の箇所でしょうか。<br />
それ以外はそんなに変わった様子はありません。<br />
<br />
WordPress 2.9.2<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_38.png" alt="WordPress 2.9.2" title="WordPress 2.9.2" width="500" height="280" class="pict" />
<br />
<br />
WordPress 3.0 RC2<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_39.png" alt="WordPress 3.0 RC2" title="WordPress 3.0 RC2" width="500" height="280" class="pict" />
<br />
<br />
<strong class="text_red">新規投稿画面。</strong><br />
タイトル入力部に『タイトルを入力してください』の文字がありました。<br />
良く見ると、ボタンアイコンの形も微妙に変わっています。<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_40.png" alt="WordPress 3.0 RC2" title="WordPress 3.0 RC2" width="500" height="230" class="pict" />
<br />
<br />
<strong class="text_red">テーマ内の『index.php』の仕様が変わった。</strong><br />
新デフォルトテーマ『Twenty_Ten』の中の index.php の中身ですが、今までと違い超簡略化されています。<br />
<br />
themes/twentyten/<strong>index.php</strong><br />
<pre><code>&lt;?php
/**
 * The main template file.
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query. 
 * E.g., it puts together the home page when no home.php file exists.
 * Learn more: http://codex.wordpress.org/Template_Hierarchy
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */
?&gt;
 
&lt;?php get_header(); ?&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&lt;div id="container"&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div id="content" role="main"&gt;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;?php
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/* Run the loop to output the posts.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * If you want to overload this in a child theme then include a file
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; * called loop-index.php and that will be used instead.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; get_template_part( 'loop', 'index' );
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;?&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;&lt;!-- #content --&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;&lt;!-- #container --&gt;

&lt;?php get_sidebar(); ?&gt;
&lt;?php get_footer(); ?&gt;</code></pre>
<br />
これはリニューアルするだけでも一苦労か！？<br />
シングルページ（single.php）なども少しだけ見ましたが、CSSのクラス等が少し変わっていました。<br />
新仕様の変数なども追加されているかもしれませんね。<br />
<br />
新しい変数などは、以下のサイトで色々見れるようです。<br />
<div class="entry_link"><a href="http://elearn.jp/wpman/" target="_blank">WordPress私的マニュアル</a></div>
<br />
<strong class="text_red">新デフォルトテーマ、『Twenty Ten』。</strong><br />
ローカルで見てみましたが、やっぱりデザインは自分で変えた方が良いと思いました。<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_41.jpg" alt="WordPress 3.0 RC2" title="WordPress 3.0 RC2" width="500" height="350" class="pict" />
<br />
<br />
何はともあれ、正式版が非常に楽しみです。<br />
<br />
<br />
<div class="entry_link">WordPress | 日本語<br />
<a href="http://ja.wordpress.org/2010/06/08/wordpress-30rc2-ja/" target="_blank">WordPress 3.0 RC2 日本語版リリースのお知らせ</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8696/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】記事に画像を挿入するのを簡単にする方法</title>
		<link>http://kome-suki.net/archives/8453</link>
		<comments>http://kome-suki.net/archives/8453#comments</comments>
		<pubDate>Mon, 31 May 2010 17:49:12 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[メディアライブラリ]]></category>
		<category><![CDATA[画像]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8453</guid>
		<description><![CDATA[@yoidoreoさんからの要望でやってみました。

WordPressで画像を記事内に挿入する際、以前紹介した『【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法』、『【Word [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2009/12/wp_28.png" alt="WordPress - メディアライブラリ" title="WordPress - メディアライブラリ" width="150" height="150" class="entry_thumb" /><a href="http://twitter.com/yoidoreo" target="_blank">@yoidoreo</a>さんからの要望でやってみました。<br />
<br />
WordPressで画像を記事内に挿入する際、以前紹介した『<a href="http://kome-suki.net/archives/5934">【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法</a>』、『<a href="http://kome-suki.net/archives/5949">【WordPress】記事投稿時に画像を貼るのをフラッシュではなくポップアップにする方法2</a>』を使っています。<br />
<br />
私は画像が大量にある時には、画像に連番付けてFTPで上げてから、記事内にイメージタグをコピペして番号だけ手打ちしています。<br />
@yoidoreoさんはそうではなく、メディアライブラリで全部上げてからポップアップ表示してリストから挿入しているらしいです。<br />
で、挿入する際一々画像の詳細を表示してからじゃないと画像が挿入できません。<br />
詳細の一番下に『投稿に挿入』ボタンがあるんですから。<br />
<br />
要は何を行ったかと言うと、<br />
<div class="entry_box">・ 画像のリスト表示部にも挿入ボタンが欲しい。<br />
・ ついでにリストに表示する数も増やしたい。<br />
・ ついでにサムネイル画像の大きさも変えたい。</div>
以上3つをやってみました。<br />
<br />
結論から言うと、以下のようになります。<br />
<strong>変更前</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_35.jpg" alt="WordPress - メディアライブラリ" title="WordPress - メディアライブラリ" width="500" height="497" class="pict" />
<br />
<br />
<strong>変更後</strong><br />
<img src="http://kome-suki.net/wp-content/uploads/2010/06/wp_36.jpg" alt="WordPress - メディアライブラリ" title="WordPress - メディアライブラリ" width="500" height="615" class="pict" />
<br />
<br />
では変更方法です。<br />
<br />
<span class="no_box">1</span><strong class="text_red">画像のリスト表示部にも挿入ボタンが欲しい</strong><br />
詳細を表示した際にあるボタンをリスト部に持ってくるだけなので簡単なんですが、デザイン的に崩れたりしてしまうので、ちょっとだけ手を加える必要があります。<br />
デザインなんか関係ねぇって人はいいんでしょうけど。<br />
<br />
では、『wp-admin/includes/media.php』を開きます。<br />
まずはボタンを設置する方法です。<br />
<br />
<strong>media.php</strong>　1165行目～　（2.9.2の場合）<br />
<pre><code>if ( $toggle ) {
&nbsp;&nbsp;$class = empty($errors) ? 'startclosed' : 'startopen';
&nbsp;&nbsp;$toggle_links = "
&nbsp;&nbsp;&lt;a class='toggle describe-toggle-on' href='#'>$toggle_on&lt;/a&gt;
&nbsp;&nbsp;&lt;a class='toggle describe-toggle-off' href='#'>$toggle_off&lt;/a&gt;";
} else {
&nbsp;&nbsp;$class = 'form-table';
&nbsp;&nbsp;$toggle_links = '';
}</code></pre>
<br />
上記のコード内に、ボタンを表示するコードを付け足します。<br />
ついでにCSSも直接書いてみました。<br />
<br />
<strong>media.php</strong>　1165行目～　（2.9.2の場合）<br />
<pre><code>if ( $toggle ) {
&nbsp;&nbsp;$class = empty($errors) ? 'startclosed' : 'startopen';
&nbsp;&nbsp;$toggle_links = "
&nbsp;&nbsp;&lt;a class='toggle describe-toggle-on' href='#'&gt;$toggle_on&lt;/a&gt;
&nbsp;&nbsp;&lt;a class='toggle describe-toggle-off' href='#'&gt;$toggle_off&lt;/a&gt;
&nbsp;&nbsp;<span class="text_blue">&lt;div style=\"float:right; margin:5px 10px 0 0;\"&gt;</span><span class="text_red">&lt;input type='submit' class='button' name='send[$attachment_id]' value='" . esc_attr__( 'Insert into Post' ) . "' /&gt;</span><span class="text_blue">&lt;/div&gt;</span>";
} else {
&nbsp;&nbsp;$class = 'form-table';
&nbsp;&nbsp;$toggle_links = '';
}</code></pre>
<br />
<span class="text_blue">青色のコード</span>がCSSなんですが、『float:right;』を入れないと、画像タイトルの上にボタンが来てしまいます。<br />
見栄え悪いし、使いづらいかとも思います。<br />
<br />
私はシングルクォーテーションよりダブルクォーテーションの方が好きなので『￥&#8221;』の書き方にしています。<br />
Windowsの人は『￥』でいけますが、Macの人はバックシュラッシュになります。<br />
素直にシングルクォーテーション（ ’ ）だけでもOKです。<br />
<br />
<br />
<span class="no_box">2</span><strong class="text_red">ついでにリストに表示する数も増やしたい</strong><br />
同じ『media.php』の <s>2</s> <strong>3</strong> 箇所を変更する必要があります。<br />
<br />
<strong>media.php</strong>　1807行目（ボタンコード未挿入時）　（2.9.2の場合）<br />
<pre><code>add_filter( 'post_limits', $limit_filter = create_function( '$a', "return 'LIMIT $start, <span class="text_red">10</span>';" ) );</code></pre>
<br />
<strong class="text_red">追記</strong><br />
上記の変更だけでは、ページを送った際10個ダブった表示になるので、もう1箇所変更しなければいけません。<br />
<br />
<strong>media.php</strong>　1801行目（ボタンコード未挿入時）　（2.9.2の場合）<br />
<pre><code>$_GET['paged'] = isset( $_GET['paged'] ) ? intval($_GET['paged']) : 0;
if ( $_GET['paged'] &lt; 1 )
&nbsp;&nbsp;$_GET['paged'] = 1;
$start = ( $_GET['paged'] - 1 ) * <span class="text_red">10</span>;
if ( $start &lt; 1 )
&nbsp;&nbsp;$start = 0;
add_filter( 'post_limits', $limit_filter = create_function( '$a', "return 'LIMIT $start, <span class="text_red">10</span>';" ) );</code></pre>
<br />
<strong>media.php</strong>　1870行目（ボタンコード未挿入時）　（2.9.2の場合）<br />
<pre><code>'total' => ceil($wp_query->found_posts / <span class="text_red">10</span>),</code></pre>
<br />
上記の『 10 』を20や30にする事で、リストに表示される数が増えます。<br />
同じ数にしないと表示が変になると思うので、同じにしておいた方が良いと思います。<br />
<br />
<br />
<span class="no_box">3</span><strong class="text_red">ついでにサムネイル画像の大きさも変えたい</strong><br />
リストに表示されているサムネイル画像の大きさは、CSSで変更しているらしいです。<br />
サムネイル画像には以下のCSSが使われています。<br />
<pre><code>.media-item .pinkynail {
&nbsp;&nbsp;float: left;
&nbsp;&nbsp;margin: 2px;
&nbsp;&nbsp;max-width: 40px;
&nbsp;&nbsp;max-height: 32px;
}</code></pre>
<br />
『max-width』と『max-height』の大きさを変更すれば良いだけです。<br />
削除すると画像がそのままの大きさで表示されてしまうので、とんでもない事になります。<br />
適度な大きさにしておいた方が良いと思います。（50&#215;50 pxとか）<br />
<br />
変更したい方は『wp-admin/wp-admin.css』を開きます。<br />
スペースが入っていない軽量版のCSSなので、『<strong>.media-item .pinkynail</strong>』で検索すれば該当するCSSクラスが引っかかると思います。<br />
<br />
IE版のCSSは別ファイルになります。<br />
<br />
<strong>wp-admin/css/ie.css</strong>　414行目～　（2.9.2の場合）<br />
<pre><code>* html .media-item .pinkynail {
&nbsp;&nbsp;height: 32px;
&nbsp;&nbsp;width: 40px;
}</code></pre>
<br />
上記の大きさを『wp-admin.css』と同じにしましょう。<br />
IE使ってない人は別に変更しなくても大丈夫だと思います。<br />
<br />
100px × 100px とかにした人は分かると思いますが、画像に『float: left;』が入っていてPHPのソース内にはクリアータグが入っていません。<br />
なので、メチャクチャな表示になると思います。<br />
その場合は、『media.php』の以下の箇所にクリアータグを追加します。<br />
<br />
<strong>media.php</strong>　1209行目（ボタンコード未挿入時）～　（2.9.2の場合）<br />
<pre><code>$display_title
&lt;table class='slidetoggle describe $class'&gt;</code></pre>
<br />
上記タグの間に以下のクリアータグを追加します。<br />
<br />
<strong>media.php</strong>　1209行目（ボタンコード未挿入時）～　（2.9.2の場合）<br />
<pre><code>$display_title
<span class="text_red">&lt;div style=\"clear:both;\"&gt;&lt;/div&gt;</span>
&lt;table class='slidetoggle describe $class'&gt;</code></pre>
<br />
<br />
簡単に見ただけなので、何か問題があればコメントください。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8453/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>【iPhone】アプリから投稿してみた。【WordPress】</title>
		<link>http://kome-suki.net/archives/8355</link>
		<comments>http://kome-suki.net/archives/8355#comments</comments>
		<pubDate>Wed, 26 May 2010 19:48:42 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[全般]]></category>

		<guid isPermaLink="false">http://kome-suki.net/archives/8355</guid>
		<description><![CDATA[アプリ自体はずっと前から入れていて、コメントチェックぐらいにしか使っていませんでした。
最近はコメントの認証制を止めたので、このアプリの起動回数は皆無に近かったと思います。
実際このアプリで投稿した場合、どのようになる [...]]]></description>
			<content:encoded><![CDATA[<p>
アプリ自体はずっと前から入れていて、コメントチェックぐらいにしか使っていませんでした。<br />
最近はコメントの認証制を止めたので、このアプリの起動回数は皆無に近かったと思います。<br />
実際このアプリで投稿した場合、どのようになるのかを全然知りませんでした。<br />
ふとした思いつきだけでしていますが、ちょっとためしてみます。<br />
余りにも状態が悪ければ消す可能性もあります。<br />
写真も撮ってみましたが、どのようになるんでしょうか。<br />
<p><a href="http://kome-suki.net/wp-content/uploads/2010/05/l_2048_1536_CFF71AB1-DE4C-4747-878B-8EEDFFC751E1.jpeg"><img src="http://kome-suki.net/wp-content/uploads/2010/05/l_2048_1536_CFF71AB1-DE4C-4747-878B-8EEDFFC751E1.jpeg" alt="" width="500" class="" /></a></p>
<br />
<br />
<strong class="text_red">追記：WEBより</strong><br />
やっぱりちょっと自分の趣旨と違いますね。<br />
<br />
<strong>１．サムネ画像が入らない。</strong><br />
やれば出来るんでしょうけど、私のスタイルは150&#215;150のサムネ画像を毎回入れているので、普通に書くと当然入りません。<br />
<br />
<strong>２．画像サイズが最大になる。</strong><br />
iPhoneのカメラで撮った場合、480&#215;640で元画像へのリンクが貼られ、表示サイズは横幅最大になるようです。<br />
（どっかで設定出来るか？）<br />
表示画像の最大値は自分の中で500pxと決めているので、これもまた合わない。<br />
<br />
手軽に更新するんだったら別に構わないんでしょうけど、クイックタグとか使いまくっているんでアプリからの更新はイマイチですね。<br />
Safariで管理画面開いて、アプリと併用すれば何とかなるかもしれませんが、そこまでしてiPhoneから更新する訳でもない。<br />
アプリから書いていましたが、現在コメント・トラックバックの認証を解いているのであまり使わないアプリになってしまいました。<br />
<br />
<br />
<div class="entry_app"><a href="http://click.linksynergy.com/fs-bin/click?id=gJq8Y6sCMmY&#038;subid=&#038;offerid=94348.1&#038;type=10&#038;tmpid=3910&#038;RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fjp%2Fapp%2Fwordpress%2Fid335703880%3Fmt%3D8" target="_blank">WordPress</a>　（無料）</div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8355/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>【WordPress】RSSフィード購読者人数が結構増えた件</title>
		<link>http://kome-suki.net/archives/8276</link>
		<comments>http://kome-suki.net/archives/8276#comments</comments>
		<pubDate>Sat, 22 May 2010 21:11:14 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[全般]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[アクセス]]></category>
		<category><![CDATA[米が好き]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8276</guid>
		<description><![CDATA[2009/11/19の記事でWordPressでのRSSフィード購読者数を表示するプラグインを紹介していました。
その数値の正否は分かりませんが、設置時には9名だったのに対し、本日77名という表示がされました。

Go [...]]]></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/5521">2009/11/19の記事</a>でWordPressでのRSSフィード購読者数を表示するプラグインを紹介していました。<br />
その数値の正否は分かりませんが、設置時には9名だったのに対し、本日77名という表示がされました。<br />
<br />
Google Readerからの購読者数が頻繁におかしくなったりするプラグインですが、わずか半年で68名も増えました。<br />
<a href="http://kome-suki.net/archives/7372">10万アクセス時の記事</a>でも書きましたが、アクセス数増加と共に購読者数も増えた事に感謝します。<br />
最近は『<a href="http://kome-suki.net/archives/category/today">今日のシリーズ</a>』の更新しかしない時も多いので、RSSで読む方が正解かもしれませんね。<br />
<br />
それでもセンスは無いもののデザインを考えるのは好きなので、密かにリニュデザインを考えたりしているのであります。<br />
WordPress 3.0 リリースまでには固めておきたいなーと思いつつ、中々固まりません。<br />
やっぱりブログって、ある程度決まったデザインになるのは仕方ない事なんでしょうかね。<br />
ラフ → イラレ or フォトショの流れが主だと思います。<br />
押入れにあったスケッチブックを取り出してラフ書いてたら、結構スケッチブックって良いもんだと気付きました。<br />
<br />
CSS3も便利なものが増えていますし、次はCSS3使っていこうかなと考えています。<br />
IE？<br />
そんな旧時代の物は無視です。<br />
<br />
<br />
2009/11/19<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 />
2010/5/23<br />
<img src="http://kome-suki.net/wp-content/uploads/2010/05/feedlogger_3.png" alt="FeedLogger" title="FeedLogger" width="400" height="451" class="pict" /></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8276/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>【WordPress】管理画面でCSS3が使われていた</title>
		<link>http://kome-suki.net/archives/8248</link>
		<comments>http://kome-suki.net/archives/8248#comments</comments>
		<pubDate>Sat, 22 May 2010 16:50:26 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[全般]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[WEBブラウザ]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=8248</guid>
		<description><![CDATA[凄い今更なのかもしれませんが、WordPressの管理画面でCSS3が使われている事を知りました。
『border-radius』と言う、ボーダーを角丸にするプロパティだけ知りましたが、何気に他にも使われていたりするか [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_34.png" alt="WordPress" title="WordPress" width="150" height="150" class="entry_thumb" />凄い今更なのかもしれませんが、WordPressの管理画面でCSS3が使われている事を知りました。<br />
『border-radius』と言う、ボーダーを角丸にするプロパティだけ知りましたが、何気に他にも使われていたりするかもしれません。<br />
<br />
現在の最新版がベータを除き 2.9.2。<br />
もしかしたら 2.9 の時から使われていたのかもしれません。<br />
IEを無視するその姿勢、大好きです。ｗ<br />
<br />
現在主流となっている5つのブラウザで見てみました。<br />
以下に貼っている画像は、管理画面の左サイドのメニュー部分です。<br />
<br />
<table border="0" cellspacing="0" cellpadding="0"><tr><th>Firefox 3.5.9</th><th>Opera 10.53</th><th>Google Chrome 4.1</th></tr><tr><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_firefox_1.png" alt="WordPress - Firefox" title="WordPress - Firefox" width="149" height="368" class="pict" /></th><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_opera_1.png" alt="WordPress - Opera" title="WordPress - Opera" width="149" height="368" class="pict" /></th><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_chrome_1.png" alt="WordPress - Google Chrome" title="WordPress - Google Chrome" width="149" height="368" class="pict" /></th></tr><tr><th>Safari 4.0.5</th><th>Safari (iPhone)</th><th>Internet Explorer 6.0</th></tr><tr><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_safari_1.png" alt="WordPress - Safari" title="WordPress - Safari" width="149" height="368" class="pict" /></th><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_iphone_9.png" alt="WordPress - Safari (iPhone)" title="WordPress - Safari (iPhone)" width="138" height="337" class="pict" /></th><th valign="top"><img src="http://kome-suki.net/wp-content/uploads/2010/05/wp_ie_1.png" alt="WordPress - Internet Explorer" title="WordPress - Internet Explorer" width="145" height="364" class="pict" /></th></tr></table>
<br />
さすがだIE、ちゃんと最後でオチてくれる。<br />
iPhoneですら対応してるってのに、IE8になっても未対応なんて。<br />
完全にみんなと違う方向向いてるだろIE。<br />
<br />
ちなみに『Opera 9.**』もCSS3未対応です。<br />
現在は 10.53 の最新版が出ているので、Opera使いの方はバージョンアップした方が良いかもです。<br />
<br />
全世界のWEBデザイナーがIE6止めれば、シェアは10％切ると思うんですが。<br />
しかし、私の勤めるスイミングは未だにIE6なので、勝手にバージョンアップしておこうかしら。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/8248/feed</wfw:commentRss>
		<slash:comments>0</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】TwitterのRSSを表示させる方法</title>
		<link>http://kome-suki.net/archives/7755</link>
		<comments>http://kome-suki.net/archives/7755#comments</comments>
		<pubDate>Sun, 02 May 2010 18:31:17 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=7755</guid>
		<description><![CDATA[昨日作ったブログ用のTwitterアカウントのつぶやきを、トップページのみ表示させました。
RSSをそのまま表示させるのには難があります。

１．Twitterからのフィードは、全文表示しかない。
２．文の頭にアカウン [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://kome-suki.net/wp-content/uploads/2010/05/twitter_3.jpg" alt="Twitter" title="Twitter" width="150" height="150" class="entry_thumb" />昨日作ったブログ用のTwitterアカウントのつぶやきを、トップページのみ表示させました。<br />
RSSをそのまま表示させるのには難があります。<br />
<br />
１．Twitterからのフィードは、全文表示しかない。<br />
２．文の頭にアカウント名が入る。<br />
３．リンクはテキストのまま。（非リンク状態）<br />
４．日時表示が日本向きではない。<br />
<br />
たった1つのつぶやきに対し、上記の4つもの問題点があります。<br />
その問題を解決させて表示させる方法です。<br />
<br />
PHPでの基本的な表示方法は、例によって<a href="http://kome-suki.net/archives/5004">こちらの方法</a>を使用しています。<br />
<br />
<strong>１．Twitterからのフィードは、全文表示しかない。</strong><br />
RSSフィードからの情報は以下の通り。<br />
『2010/5/3 00:23:40　【2ch】この精神科医に良い病院を教えてあげてください。 <a href="http://bit.ly/cZuTm0" target="_blank">http://bit.ly/cZuTm0</a>』を例にしています。<br />
<pre><code>Array (
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[title] =&gt; kome__suki: 【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_red">[description]</span> =&gt; kome__suki: 【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="text_red">[pubdate]</span> =&gt; Sun, 02 May 2010 15:23:40 +0000
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[guid] =&gt; http://twitter.com/kome__suki/statuses/13250913673
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[link] =&gt; http://twitter.com/kome__suki/statuses/13250913673
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[summary] =&gt; kome__suki: 【2ch】この精神科医に良い病院を教えてあげてください。 http://bit.ly/cZuTm0
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;)</code></pre>
<br />
6つになっているにも関わらず、被っている点が多いです。<br />
今回は『description』と『pubdate』のみを使用します。<br />
<br />
結果的に表示させたい箇所に書き込むコードは以下。（リスト表示にした場合）<br />
<pre><code>&lt;ul&gt;
&lt;?php
&nbsp;&nbsp;$rss = fetch_rss('http://twitter.com/statuses/user_timeline/139088868.rss');
&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;
&nbsp;&nbsp;&lt;li&gt;&lt;?php
&nbsp;&nbsp;&nbsp;&nbsp;$text = substr($item['description'],12);
&nbsp;&nbsp;&nbsp;&nbsp;$text = ereg_replace("(https?|ftp)(://[[:alnum:]\+\$\;\?\.%,!#~*/:@&#038;=_-]+)", "&lt;a href=\"\\1\\2\" target=\"_blank\"&gt;\\1\\2&lt;/a&gt;", $text);
&nbsp;&nbsp;&nbsp;&nbsp;echo date("Y/n/j H:i", strtotime($item['pubdate'])+32400) . $text;
&nbsp;&nbsp;?&gt;&lt;/li&gt;
&lt;?php endforeach; ?&gt;
&lt;/ul&gt;</code></pre>
<br />
<br />
<strong>２．文の頭にアカウント名が入る。</strong><br />
『$text = substr($item['description'],12);』の部分です。<br />
substrで12文字目からの指定をし、アカウント名を表示させていません。<br />
アカウント名によっては、この『 12 』の数値が変わります。<br />
<br />
<br />
<strong>３．リンクはテキストのまま。（非リンク状態）</strong><br />
『$text = ereg_replace(&#8220;(https?|ftp)(://[[:alnum:]\+\$\;\?\.%,!#~*/:@&#038;=_-]+)&#8221;, &#8220;&lt;a href=\&#8221;\\1\\2\&#8221; target=\&#8221;_blank\&#8221;&gt;\\1\\2&lt;/a&gt;&#8221;, $text);』の部分です。<br />
テキスト内にURLが含まれると、テキストと同じリンクURLを貼る形になっています。<br />
<br />
<br />
<strong>４．日時表示が日本向きではない。</strong><br />
ただ単に表示させると『Sun, 02 May 2010 15:23:40 +0000』になってしまいます。<br />
これを日本表示向けにするのが『date(&#8220;Y/n/j H:i&#8221;, strtotime($item['pubdate'])+32400)』の部分です。<br />
日本はGMT+9時間なので、date表示する時に『+32400（+9:00）』にしています。<br />
strtotimeでタイムスタンプに変換した内容を、dateで任意の表示方法に変えています。<br />
最後に<strong>３</strong>の『$text』と一緒に表示（echo）させています。<br />
<br />
Y ＝ 4桁の年<br />
n ＝ 0無しの月（1～12）<br />
j ＝ 0無しの日（1～31）<br />
H ＝ 24時間制0付き（00～23）<br />
i ＝ 0付きの分（00～59）<br />
秒を表示させたい場合は<br />
s ＝ 0付きの秒（00～59）<br />
<br />
私は日時を赤で表示させていますが、その場合はこちら。<br />
<pre><code>echo "&lt;span style=color:#ff0000;&gt;" . date("Y/n/j H:i", strtotime($item['pubdate'])+32400) . "&lt;/span&gt;　" . $text;</code></pre>
通常は『&lt;span style=&#8221;color:#ff0000;&#8221;&gt;』と『 &#8221; （ダブルクォーテーション）』を使いますが、上手く表示しなかったので省いています。（結果オーライｗ）<br />
<br />
<br />
以下は参考になったサイト。<br />
<div class="entry_link"><a href="http://ml.php.gr.jp/pipermail/php-users/2004-February/020834.html" target="_blank">[PHP-users 20308]自動リンク</a></div>
<div class="entry_link">ｳｪﾌﾞｼｽﾃﾑ開発【Lucen@Wiki】<br />
<a href="http://eru-net.jp/web/lucenwiki?&amp;itemid=375&amp;utm_source=twitterfeed&amp;utm_medium=twitter" target="_blank">[PHP] RSSのpubDateを時間に変える方法</a></div>
<div class="entry_link">そふぃのphp入門<br />
<a href="http://nyx.pu1.net/practice/date/gmt.html" target="_blank">PHPスクリプト講座：GMTの有効利用</a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/7755/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】バージョンアップ時にしなければいけない事（個人的備忘録）</title>
		<link>http://kome-suki.net/archives/6539</link>
		<comments>http://kome-suki.net/archives/6539#comments</comments>
		<pubDate>Sun, 21 Feb 2010 15:33:38 +0000</pubDate>
		<dc:creator>くーさん</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[備忘録]]></category>

		<guid isPermaLink="false">http://kome-suki.net/?p=6539</guid>
		<description><![CDATA[WordPress2.9.1を無視して、やっとこさ2.9から2.9.2にしました。
バージョンアップ自体は自動で出来て簡単なんですが、コアの部分を色々いじっているのでその変更が面倒でした。
こんな時の為にノートにも書い [...]]]></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" />WordPress2.9.1を無視して、やっとこさ2.9から2.9.2にしました。<br />
バージョンアップ自体は自動で出来て簡単なんですが、コアの部分を色々いじっているのでその変更が面倒でした。<br />
こんな時の為にノートにも書いているんですが、やっぱり面倒なんですよね。<br />
<br />
@yoidoreoさんも作っているように、私も備忘録作ろうかしら。<br />
<div class="entry_link2">酔いどれオヤジのブログwp<br />
<a href="http://minatokobe.com/wp/wordpress/wordpress-ver_up.html" target="_blank">WordPress バージョンアップ後にする事</a></div>
<br />
今回は備忘録前に、ちょっとまとめてみました。<br />
プラグイン関係は今回は無しです。<br />
<br />
私はDreamweaverで編集しているんですが、元ファイルは『Shift-JIS』になっているので『UTF-8』で保存しなければいけません。<br />
<br />
<br />
サーバー上で自動アップロード後、ファイルをダウンロードします。<br />
<div class="entry_box">wp-admin/includes/<strong>media.php</strong><br />
wp-includes/<strong>comment-template.php</strong><br />
wp-includes/<strong>media.php</strong><br />
wp-includes/<strong>post-template.php</strong><br />
wp-includes/js/<strong>quicktags.dev.js</strong></div>
<br />
上記ファイルの上から設定していきます。<br />
<br />
<div style="padding:2px 5px 2px 10px; border-left:5px solid #333; background:#ccc; font-size:14px;">投稿時の画像挿入設定（ポップアップ表示にして画面上に残しておく方法）</div>
<a href="http://kome-suki.net/archives/5934">解説記事1</a>、<a href="http://kome-suki.net/archives/5949">解説記事2</a><br />
『wp-admin/includes/media.php』を開き、以下の2箇所を変更。<br />
<br />
<strong>media.php</strong>　170行目（2.9）<br />
<pre><code>exit;</code></pre>
　↓<br />
<pre><code><span class="text_red">#</span>exit;</code></pre>
<br />
<strong>media.php</strong>　366行目～（2.9）<br />
<pre><code>&lt;a href="{$image_upload_iframe_src}&amp;TB_iframe=true" id="add_image" class="thickbox" title='$image_title' onclick="return false;"&gt;&lt;img src='images/media-button-image.gif' alt='$image_title' /&gt;&lt;/a&gt;</code></pre>
　↓<br />
<pre><code>&lt;a href="{$image_upload_iframe_src}&#038;TB_iframe=true" id="add_image" class="thickbox" title='$image_title <span class="text_red">(Flash)</span>' onclick="return false;"&gt;&lt;img src='images/media-button-image<span class="text_red">_f</span>.gif' alt='$image_title <span class="text_red">(Flash)</span>' /&gt;&lt;/a&gt;
<span class="text_red">&lt;a href="javascript:w=window.open('{$image_upload_iframe_src}&#038;flash=0','','scrollbars=yes,Width=650,Height=720,top=0,left=0');w.focus();" id="add_image" title='$image_title (Popup)' onclick="return true;"&gt;&lt;img src='images/media-button-image_p.gif' alt='$image_title (Popup)' /&gt;&lt;/a&gt;</span></code></pre>
ちなみに表示画像も変更していますが、コア部（wp-admin/images/）にアップしてもバージョンアップ時に削除されないので、UPし直さなくて良いようです。<br />
<br />
<br />
<div style="padding:2px 5px 2px 10px; border-left:5px solid #333; background:#ccc; font-size:14px;">記事内のコメントで自分以外のターゲットを「_blank」にする</div>
<a href="http://kome-suki.net/archives/2233">解説記事</a><br />
『wp-includes/comment-template.php』を開き、以下の箇所を変更。<br />
<br />
<strong>comment-template.php</strong>　145行目～（2.9）<br />
<pre><code>if ( empty( $url ) || 'http://' == $url )
&nbsp;&nbsp;$return = $author;
else
&nbsp;&nbsp;$return = "&lt;a href='$url' rel='external nofollow' class='url'&gt;$author&lt;/a&gt;";
return apply_filters('get_comment_author_link', $return);</code></pre>
　↓<br />
<pre><code>if ( empty( $url ) || 'http://' == $url )
&nbsp;&nbsp;$return = $author;
else
&nbsp;&nbsp;if ( $url == "<span class="text_red">http://kome-suki.net/</span>")
&nbsp;&nbsp;&nbsp;&nbsp;$return = "&lt;a href='$url' rel='external nofollow' class='url'&gt;$author&lt;/a&gt;";
&nbsp;&nbsp;else
&nbsp;&nbsp;&nbsp;&nbsp;$return = "&lt;a href='$url' rel='external nofollow' class='url' target='_blank'&gt;$author&lt;/a&gt;";
return apply_filters('get_comment_author_link', $return);</code></pre>
『<span class="text_red">http://kome-suki.net/</span>』を任意で変更。<br />
<br />
<br />
<div style="padding:2px 5px 2px 10px; border-left:5px solid #333; background:#ccc; font-size:14px;">記事投稿時の画像挿入の際、CSSのクラスを予め決めておく</div>
自分で設定したCSSのクラスに予め設定しておく事が出来ます。（1つのみ）<br />
『wp-includes/media.php』を開き、以下の箇所を変更。<br />
<br />
<strong>media.php</strong>　226行目（2.9）<br />
<pre><code>$html = '&lt;img src="' . esc_attr($img_src) . '" alt="' . esc_attr($alt) . '" title="' . esc_attr($title).'" '.$hwstring.'class="'.$class.'" /&gt;';</code></pre>
　↓<br />
<pre><code>$html = '&lt;img src="' . esc_attr($img_src) . '" alt="' . esc_attr($alt) . '" title="' . esc_attr($title).'" '.$hwstring.'class="<span class="text_red">pict</span>" /&gt;';</code></pre>
『<span class="text_red">pict</span>』を任意で変更。<br />
<br />
<br />
<div style="padding:2px 5px 2px 10px; border-left:5px solid #333; background:#ccc; font-size:14px;">記事内の「続きを読む」のリンク設定</div>
「続きを読む」をクリックした際、サイトの頭から表示させる方法。<br />
『wp-includes/post-template.php』を開き、以下の箇所を変更。<br />
<br />
<strong>post-template.php</strong>　219行目（2.9）<br />
<pre><code>$output .= apply_filters( 'the_content_more_link', ' &lt;a href="' . get_permalink() . "<span class="text_red">#more-$id</span>\" class=\"more-link\"&gt;$more_link_text&lt;/a&gt;", $more_link_text );</code></pre>
　↓<br />
<pre><code>$output .= apply_filters( 'the_content_more_link', ' &lt;a href="' . get_permalink() . "\" class=\"more-link\"&gt;$more_link_text&lt;/a&gt;", $more_link_text );</code></pre>
上の『<span class="text_red">#more-$id</span>』を削除。<br />
<br />
<br />
<div style="padding:2px 5px 2px 10px; border-left:5px solid #333; background:#ccc; font-size:14px;">投稿時にリンクを貼った時のターゲット指定<br />
クイックタグを自分好みに作成する</div>
<a href="http://kome-suki.net/archives/1379">解説記事（リンクターゲット）</a>、<a href="http://kome-suki.net/archives/1888">解説記事（クイックタグ）</a><br />
『wp-includes/js/quicktags.dev.js』を開き、以下の箇所を変更。<br />
<br />
<strong>quicktags.dev.js</strong>　369行目（2.9）<br />
<pre><code>edButtons[i].tagStart = '&lt;a href="' + URL + '"&gt;';</code></pre>
　↓<br />
<pre><code>edButtons[i].tagStart = '&lt;a href="' + URL + '" <span class="text_red">target="_blank"</span>&gt;';</code></pre>
『<span class="text_red">target=&#8221;_blank&#8221;</span>』を追加。<br />
<br />
<strong>quicktags.dev.js</strong>　33行目～（2.9）<br />
クイックタグの追加は、自分でカスタマイズするのであれば<a href="http://kome-suki.net/archives/1888">コチラ</a>を参考に。<br />
プラグイン『<a href="http://wordpress.org/extend/plugins/addquicktag/" target="_blank">AddQuicktag</a>』もありますが、順番などは好きに出来ません。<br />
が、複数行設定が出来るので、タグ（コード）によって使い分けると良い感じだと思います。<br />
<br />
『quicktags.dev.js』は『quicktags.js』にリネームしてアップしなければ反映されません。</p>
]]></content:encoded>
			<wfw:commentRss>http://kome-suki.net/archives/6539/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

