米が好き

Twitterでリンクを貼られた場合、その数を表示させてくれるWEBサービスです。
今では設置しているブログも多くなっています。

以前にも記事を書いたんですが、今まではJavaScriptで表示させていました。
しかしJavaScriptで書くと、ブログの表示速度が遅くなる事に今更ながら気付きました。

直接JavaScriptを書く場合だと、1記事1記事Topsyの数を読み込むようでブログが完全に表示されるまで時間が掛かります。
それをプラグインに変えたら、ブログを一旦全部読み込んでからTopsyを読んでいるようです。
サイドが表示されなくてイライラしていたのが、これでちょっとは緩和されました。

後の問題として、プラグインだと <div class=”entry”>～～～</div>の中に勝手に入ってしまうんですが、それ以外の場所にも以下のコードで表示させる事が出来るようです。

大きい画像の場合。

<?php topsy_retweet_big(); ?>

今現在私が置いている場所は<div class=”entry”>の外なので、これでちょっとは自分好みになりました。

コメント部で自分（Author）のバックカラーとテキストカラーのみを変更出来るプラグインです。
名前の通り凄くシンプルですけど、以外と使える奴なのかもしれません。

以下のページからダウンロードして、解凍して、アップロードするだけです。

管理画面で使用するを選択した後、左サイドメニューの設定の所に『SAH Settings』が表示されているのでクリック。
すると、以下の画面が表示されます。


上がバックカラー、下がテキストカラーです。
16進数（例：#b6bdf6、#ffffff、#ccc、#fff）で入力して『変更を保存』をクリックすればOK。
自分のコメントではなく、厳密にはその記事を書いた人のコメントになります。

WordPressなどのTipsを書く時、よくコードを記事内に表示させたりするんですけど、そのコードを簡単・綺麗に表示させるプラグインがありました。

行番号も表示されるし1行毎のハイライトも出来る優れもの。
優れものなんですけど、いまいち私的に合わないので使うのを止めました。

『＆lt;』や『＆gt;』を使わずとも『＜』や『＞』をそのまま表示してくれる点は楽なんですが、これではコード内にタグが使えません。
行毎のハイライトだけでなく、行の中の1部分だけ色を変えたりが出来ない。
これが決定的な私的に合わない点。
コードが綺麗に色つき等で表示される点や、行番号が表示される点は良いんですが。

あと、コピペした時に行番号もコピーされるのは嫌な点。
クリップボードにコピーする機能も付いてはいるんですが、只何となく。

これに似てて、コード内にタグが使えるプラグインないですかね。

昨日書いた記事の続きです。
やっぱりブログコメントとTwitterコメント表示を分けたかったので、色々PHPの中を調べていたのですが分からん。
でも最後に気づいた。
管理画面で簡単に出来たんだ！
おいおい。ｗ

WordPressの管理画面の『設定 > BackType Connect』をクリックし、以下の箇所を変更するだけです。

変更前　『Mixed』


変更後　『Separate』


これでブログ上で書かれたコメントは上部、Twitterなどで拾ったコメントはその下に分かれて表示されるようになります。
残念ながら完全にブロック分けする事は出来ませんでしたが、まぁ、これでOKとします。

phpMyAdminを見ると、拾ってきたコメントはデータベースに入っていませんでした。
以前紹介したバックアップ取るプラグイン『Advanced Export』を試したら、ちゃんと全てバックアップが取れていました。
SQLでは全て取れないので、WordPress上でバックアップ取った方が良いですね。
そーいや今年入ってから全然バックアップ取ってないや。

以前から他のサイト等で気になっていたプラグインを入れてみました。
WordPressのコメント欄にTwitterなどで書かれた内容を表示してくれるプラグインです。
その記事にリンクを貼られていると自動で表示されます。
ちゃんと短縮URLも認識されます。

私的に難点を言えば、実際ブログ上で書かれたコメントと混合してしまう点。
深く追求はしていないので分かりませんが、別々に出来るんでしょうか。
サイドバーに置いている『最新のコメント』にも反映されるようです。
Twitterが盛んになり、ブログコメントよりTwitterなどでコメントされるような事が多い昨今、結構良いプラグインではないでしょうかね。
ブログ上でのコメントが少ない方にはお勧めではないでしょうか。

設置の方法はもの凄く簡単です。

以上で、1・2分待っていると、URLが貼られた記事にコメントがずらーっと表示されます。
Twitterのアイコンも表示されるし、この間の『第3回？　竹蔵祭り ” iPadを語る会 ”　【準備編】』なんかを見てみると、何かにぎやかになった感じがします。

本当にコメントとして扱われるようで、管理画面上でも普通にコメントとしてカウントされたりしています。
以前から表示させていた『Topsy』（過去記事）とカウント数が違ったりしてますが、正否の方は『Topsy』の方が正確なのかな？
ちょっと面白いので、しばらく入れておく事にします。

2日前からトップページのみにTwitter（@kome__suki）のつぶやきを表示させるようにしていました。
これはいつものRSSフィードを読み込んで表示させる方法を使用していたんですが、Twitterだけは上手く読み込んでくれません。
文字コードが何故か ASCII になってバケたり、30分経っても読み込まなかったりとメチャメチャです。
ブログ用のアカウント取ったってのに、そのブログにちゃんと表示してくれなくては意味がありません。
こちらのサイトも利用して試させてもらいましたが、やっぱりダメでした。
なので、TwitterのRSSだけはプラグインに頼った方が懸命です。

サイドバーにある @kuu_san のつぶやきは『Twitter Tools』というプラグインを使用しています。
多数のアカウント設定は出来ないので、別の『Tweetable』と言うプラグインを使用しました。

これは凄いです。
何が凄いって、Twitterでつぶやいた内容が瞬時に反映されます。
TweetDeck でつぶやき、すぐにブログをリロードしたら反映されていました。
この速さには驚きです。
RSSと言うより Twitterの公式サイトに登録するので、アプリと同じ感覚なんでしょうね。
管理画面上からつぶやいたりフォロワーのTLなんかも見れますが、私は表示させたいだけだったのでこの辺はノータッチです。

バージョンが上がって少々違いますが、登録などの仕方は以下のサイトを参考に。

私がハマった点は『コールバックURL』を入力しなかった為、ドえらい手間が掛かりました。
上記ページ1枚目のスクリーンショットの所に『コールバックURL』が表示されているので、ちゃんと登録画面でコピペしましょう。
設定し直すと、すんなり登録できました。

後は表示させたい場所に以下のコードを加えればOK。

<?php tweetable_latest_tweets(10); ?>

『 10 』の数字は、表示させたい件数です。
他にもフォロワー数を表示させたり出来るみたいです。
詳しくはプラグインページの『Other Notes』に書かれています。（英語）


使えたとなると、後は私の大好きなカスタマイズのお時間です。
いじくるファイルは『tweetable.php』と『main_css.css』の2つです。
CSSファイルは2つあって、『admin_css.css』は管理画面上のCSSなので、これは触らない方が良いと思います。
管理画面なんて自分しか見ませんもんね。

以下のつぶやきを元にしてみます。

プラグインをそのまま使うと、以下のように表示されます。

まずは日付を日本語表記にします。

tweetable.php　60行目　（Version: 1.1.8）

$date = date('F j, Y g:i', strtotime($latest['tweets'][$counter]['created_at']));

　↓

$date = date('Y/n/d H:i', strtotime($latest['tweets'][$counter]['created_at'])+32400);

日付を西暦表示にし、GMT+9時間で日本時間に変更しています。

私は日時を前に持ってきたかったので、以下のように変更しています。

tweetable.php　61～63行目　（Version: 1.1.8）

echo '<span class="twitter_status">';
echo '<span class="status-text">'.make_clickable($latest['tweets'][$counter]['text']).'</span>';
echo '<span class="twitter_meta">'.$date.'</span>';

　↓

echo '<span class="twitter_status">';
echo '<span class="twitter_meta">'.$date.'</span>';
echo '<span class="status-text">'.make_clickable($latest['tweets'][$counter]['text']).'</span>';

只単に62行目と63行目を入れ替えただけです。
170行目からも同じ記載がありますが、こちらは変更しなくても上手くいきました。
不安な人は、どちらも変更してた方が吉かもしれません。

ソースを見ると分かりますが、コードは以下のように出力されます。
（分かりやすいように改行しています）

<li class="tweetable_item">
  <span class="twitter_status">
  <span class="twitter_meta">2010/5/05 03:00</span>
  <span class="status-text">【アニメ】けいおん！！がオリコン1・2位独占。 そして中の人を初めて見た。 <a href="http://bit.ly/ba5ZFj" rel="nofollow">http://bit.ly/ba5ZFj</a></span>
  </span>
</li>

日付を囲っている『twitter_meta』には『display:block;』が入っているので、SPANであっても改行されてしまいます。
この辺は好みで『main_css.css』ファイルをいじってください。

私はバックに画像を入れているので全てコメントアウトして、テーマ内のCSSファイルに書き込んでいます。
その方が画像を使用した場合、絶対指定しなくて済むので楽です。


なるべくプラグインに頼らずにやろうと思いましたが、最初にも書いた通り TwitterのRSSだけはプラグインに頼った方が懸命です。

WordPressにはインポート、エクスポートの機能が付いていますが、エクスポートがいかんせんダメ過ぎます。
記事数が多くなり、データが大きくなると全てエクスポートしてくれません。
インポート機能は充実してるんですけどねぇ。

IDEA*IDEAで書かれていた対処法も結局は無駄な足掻きでした。
そこでプラグインの登場です。
月単位で指定してエクスポート出来るので、毎月のバックアップにも適しています。

上記リンク先からダウンロードして、解凍した後『ra-export.php』のみを『wp-content/plugins/』にコピー（移動）してサーバーにアップします。
管理画面上でプラグインを使用するにすればOK。
この辺はいつもと一緒です。

インストールしたプラグインは『ツール ＞ Advanced Export』から使用できます。
設定画面は凄くシンプルで迷う事は無いと思います。


『Restrict Date』を空でエクスポートを行うと、記事など全てエクスポートされるようです。
試しに『12月/2009～12月/2009』で行って見た所、『wordpress.2009-12-01.2010-01-01.xml』と言う名のファイルをエクスポートしてくれました。

定期的にバックアップするのも、良いプラグインですね。

HPサイトやブログをやっている人ならカウンターは非常に気になる所ですよね。
それと同じく、RSSで購読している人数ってのも気になる所です。

ふと気になったので何かないかなーと探して見た所、非常に良さげなプラグインを発見しました。

上記リンク先にプラグイン本体と導入方法が細かく書かれているので、ここで改めて書く事がありません。
設置したばっかりは何も計測されません。
少々時間が必要なようです。


一晩明けて見た所、しっかり計測されていました。


2・3人だと思ってましたから、正直9人居た事にビックリ。ｗ

今まで面倒だなぁと思いつつも入れてなかったプラグインの『WPtouch』。
しかし、「え、これだけ？」ってな具合に簡単に導入する事が出来ます。

1．プラグインを配布しているサイトでダウンロード。
2．解凍。
3．サーバーにアップ。
4．管理画面のプラグインページで『使用する』をクリック。
以上。

なんつー簡単さ。
『WPtouch』の設定ページもありますが、全部英語。
しかし、何も触らなくても全く問題なく作動します。
『Google AdSense』の設定とかあるみたいですけど、iPhoneに広告出るのは自分が嫌いなんで何も表示させないようにします。
以下はSafariで見たスクリーンショット。

標準だと、PCのまんま表示されます。


『WPtouch』を入れると、以下のような表示になります。


ページ下にWEB表示とMobile表示をON・OFF出来るボタンがあります。
WEB表示した時にも、サイト下部にちゃんとあります。

1記事表示した場合、『関連する記事』や『コメント欄』もしっかり表示されています。
『関連する記事』は『Simple Tags』等を使用してるのが前提となるようです。
他のプラグインもしっかり認識してるのも良いですよね。
Twitterへつぶやけるリンクが付いてるのも素晴らしい。


更には、タグやカテゴリー表示が出来たりと、何から何まで備わっており落ち度が見つかりません。
強いて要望を言うのであれば・・・。

■スタイルシートが読み込まれない
記事内に『style』で書いたコードは問題ありませんが、別ファイルのCSSを読み込んでくれません。
『WP CSS』とか使わないとダメなんでしょうか。
この辺は、追々調べてみたいと思います。
<pre>～～～</pre>の中に書いたコードとかが改行されずに表示されてしまうんですよね。

■拡大・縮小が出来ない
通称『くぱぁ』で拡大したり出来ないようです。
別に拡大しなくても見れるんですけどって、それなら問題ありませんね。ｗ

■タグが全て表示されない
先にも書いたとおり、タグとカテゴリーで検索出来るようですが、全て表示されません。
現在タグが300以上あるんですけど、『WPtouch』で表示されるのは50個。
投稿数の多い順に50個選んでいるような感じです。（ハッキリ分かっていません）
管理画面上にも数値を入力する所が無かったので、50と言う絶対値で設定されているのかもしれません。
PHP内を探せば何か見つかるかもしれませんね。
しかし、頭文字の『ひらがな』『カタカナ』『漢字』『数字』『英語』と順に並んでるのは偉いと思いました。

とまぁ、最近はiPhone所持者も増えてきている事だし、WordPressを使っている人は是非とも入れておいて損は無いプラグインだと思います。

7月7日に『FeedList』のバージョンアップ版が出ました。
これはRSSを取得して、WordPress上に表示させるプラグインです。
詳しくは以下の記事を参照。

しかし、安易にバージョンアップする無かれ。
以下は安易にしてしまった私の失敗（？）談。

まず、2つも3つも使ってる場合、2つ目3つ目が消えます。
通常の『feedlist.php』に加え『feedlist2.php』なんて物を作成してると、そのファイルはサーバー上で消えます。
正規の使い方ではないから仕方ないかなぁとも思います。
諦めて、最初から作り直すしかありません。

しかし！
次の事がイマイチ納得できない。

『FeedList』はPHP内のファイルに直接RSSを引っ張ってくるURL等を記入します。
WordPress上の自動アップデートを使用すると、この設定が元に戻ります。
こんなパターンは初めてだったので、結構慌てました。

ローカルのファイルとは別に、サーバー上から新しいファイルをダウンロードし、新しいファイルに上書きしてからまたアップ。
無事解決したから良いものの、結構面倒です『FeedList』。

別にアップデートしなくても使えるから、いいっちゃーいいんですけど、いつまでも管理画面上のプラグインの所に数字が出てるのは個人的に鬱陶しいです。

使えるプラグインなのは確かなのですが。
もうバージョンアップしなくて良いよ、FeedList。