tkzk_Blog

今回は、このブログで使っているプラグインや見た目に関わる部分を紹介します。

tkzk Blogトップ画面

上記がブログのトップ画面です、1024px × 768pxでMozilla Firefox3が推奨ブラウザです。
※InternetExplorer8にも対応していますが、それ以下のVerでは画像の様には表示されません。
パッと見た時に「この人は初音ミクが好きなんだな」と言うのが伝わるようにしてるつもりですｗ
この画面ではブログのテーマによる機能があってheader部分のフレームの最大化とfooter部分のスタートメニューなんかがあります。
フレームの最大化とはブログのタイトルが書いてある右端に[□]ボタンがあるのでクリックすると

フレーム最大化

画面サイズに合わせて本文枠の横幅が広がります。最近は大きなモニターを使っている人も多いから見易くなるかもね。
もう一つ下段にあるWindowsのスタートメニューに似てるのは、ちょっと便利。

ブログメニュー

この画面は管理者でログインしているから若干、ゲストとは違うんだけど(右側部分)
左側のメニューはクリックする事で『カテゴリ』『タグクラウド』『過去の記事』にアクセス出来ます。
管理者としてはログインやブログを書くメニューに直ぐにアクセス出来て便利♪一石二鳥だね～。
ちょっとした遊び心でテーマを変更するメニューもあります、『Vocaloid(初音ミク)』が苦手な人は
『Light』なんかが見易いかもしれない。…でも、このブログを見てくれる人はデフォルト推奨ですｗ

ブログテーマ変更

さて、トップ画面には二つのプラグインが表示されているのでそちらも紹介していきます。
一つ目は画面の上部に▼があると思うんですけど、それをクリックするとヒートマップを見れます。(管理者のみ)

ヒートマップ画面

このブログを見に来てくれた人が、クリックした場所が分かるといったものです。
プラグインは『heatmap Plugin 2.0.2』を使っています。ページのどの部分が興味を引くのか分かるので今後の参考にもなります。
画像は10月8日のリニューアル時点ですが、スタートメニューを押してくれた人が多かったみたいです。
※青→赤に色が変わっていく事でクリック回数が多い
もう一つのプラグインは『wp-tmkm-amazon』です、
Amazonの初音ミクソフトウェアにリンクしています、トップ画面の右側です。

Amazonリンク

最近になってAmazonのアフィリエイトプログラムに変更があって、Access Key IDやSecret Access Keyを設定しないと機能しなくなりまして、それに対応した最新バージョンを使っています。
それらは海外のAmazonサイト(amazon.com)の方で取得出来ます。
このブログを見て『初音ミク』で音楽をやってみたい!と言う人が現れたら良いな～。

今度は右側、サイドメニューの方で使っているプラグインを紹介します。
『Wp-dTree』が折りたためるメニュー作成に便利です。

折りたたみメニュー

続いてTwitterのつぶやきを表示するのと、ブログを書いた時に通知するプラグイン。
『TwitterTool』でWebから簡単にPOST出来ます。

TwitterTool

よく読まれている記事を表示するプラグイン。
『popular-posts-plugin』はせっかく訪れてくれた人に価値がありそうな情報を提供出来そう。

人気の記事

WordPressで記事を書いていると、タグも増え続けるのですが綺麗に見せる3Dタグクラウドプラグイン。
『wp-cumulus』を使っています、オフィシャルの方は日本語に対応していないので改造したtagcloud.swfと差し替えています。
※配布します:日本語対応版tagcloud.zipを解凍してwp-cumulusフォルダに上書きして下さい。)

3Dタグクラウド

ここにWordPressのプラグインを検索して辿り着く人のほとんどが『litebox/litebox2』の代わりを探しているようです。
『slimbox-plugin』をお勧めします。動作が軽く不具合は見当たりません。
※litebox-pluginの方は他のプラグインとの相性が悪いようです。

slimbox-pluginによるライトボックス表示

以上が、見た目に関係するテーマとプラグインの紹介ですね～。
気になったのがあったら是非使ってみて下さい!

一ヶ月くらいブログを書けませんでした。
その間に夜間学校を卒業したり、資格試験を受けてたんですけど少し落ち着いてきたよ。
心機一転でブログを若干、明るくして見易くしてみた。

どうも、tkzkです。
暑かった･･･日中は川越の方に出かけて菓子屋横町や蔵作りの建物が並ぶ名店通りを練り歩いてました。
目的は川越ベーカリー楽楽のパンを食べようでした。
他にもはちみつ専門店や陶器･磁器のお店に紅茶とケーキの美味しいお店や
黒豆茶を取り扱うお店等々を見つけては、食いまくりの道中でした＾＾；
本川越駅前には噂のホワイト餃子の店舗もあって、重たいお腹を抱えてお店に･･･入りませんでしたよｗ

さて、街を歩いていると写真を撮りたくなる性分なのでたくさん撮った写真をココで公開出来たら良いな！
そう思って、WordPressのプラグインNextGenGalleryが非常に便利そうだったので設定してみました。
参考にしたのはNextGen Galleryの使い方を1から説明してみる – hycko.blogです。
それを使って、今日撮った写真を表示してみます。

12345►

WordPress2.8 jaに自動アップデートするのは控えた方が良さそうです。
参考リンク→ 2.8への自動アップグレードを行う際の注意事項
WordPress日本語オフィシャルブログから、自動アップグレードを行う事でサーバーのファイルを削除してしまう不具合が報告されています。
WordPress2.8 jaには上記のブログよりファイルをダウンロードして手動でアップグレードして下さい。
自分の場合は該当しませんでしたけど危なかったかもしれません。

プラグイン周りを前回行ったので、今度はSEO部分に着手してみました。

1.Yahoo!ブログ検索に登録
2.Gooブログ検索に登録(次回掲載予定)

この二つを実現する為にPing送信の際のUserAgentを変更、Feed(rss1.0とrss2.0)とheader.phpのmetaタグの修正、.htaccess編集or作成を行いました。
Gooブログ検索に登録する方が、他の方の成功例を見ていて大変だと感じました。
なので、Yahoo!ブログ検索に登録する方から始めたのですが1→2と行う場合同じ部分のコードを編集する必要がありますので2→1とやった方が効率的かもしれません。

Yahoo!ブログ検索に登録されるポイントは二つでした。
(1)RSS1.0によるFeedの配信
(2)Ping の送り方
になります。順番に説明します。
(1)ですが、Yahoo!ブログのクローラー(Y!J-BSC/1.0)はRSS1.0でないと解釈出来ない様です。
ですので、クローラーにRSS1.0のFeedを読み込んでもらう必要があります。
header.phpの<link rel=”alternate”>を指定している部分の一番上に以下のコードを追加します。

<link rel=”alternate” type=”application/rss+xml” title=”RSS” href=”<?php bloginfo(‘rdf_url’); ?>” />

※Gooブログ検索に対応する際にこのコードはもう一度編集する必要があります。
こうする事で、RSS2.0よりRSS1.0が優先してクローラーに読み込まれます。
次に(2)でPingを送信する際に
http://api.my.yahoo.co.jp/RPC2
または
http://api.my.yahoo.co.jp/rss/ping?u=あなたのサイトのRSSファイルのアドレス

宛に送信する必要があると言うのがYahoo!ブログ検索に登録されるにはに書いてある情報です。
しかし、それでは登録されませんでした。

以下の様にする事でYahoo!ブログ検索にインデックスされました。
http://api.my.yahoo.co.jp/rss/ping?u=最新記事のURL
としてPingを送信します。

自動アップデート機能のおかげでWordPressのメンテナンスは凄く楽です。
そう言うわけで、WordPressを最新版(2.8 ja)にアップデートしました。
WordPress2.8 jaにした事により改善された部分で気になったのは以下です。(引用します)

今までにウィジェットを使ってイライラした経験があるなら、このリリースはそんなあなたに救いの手をさしのべてくれるでしょう。ウィジェットのインターフェースを完全に設計し直し (これは2.7に間に合わなかった点です)、ウィジェットをすばやく編集したり、同じウィジェットを複数追加したり、使っていないウィジェットの設定を保存しておくことができるようにしました。また、開発者のみなさんは、ウィジェット作成のためのよりクリーンで堅牢な API を使えるようになりました。

ブログの設定やプラグイン･ウィジェット周りを整理してみました。

1.header.phpのtitle要素を変更

<title><?php wp_title('');
if(!wp_title('', false))bloginfo('name');
?></title>

元々のtitleはbloginfo(‘name’)とwp_titleが『>>』で区切られていたのですが、これはちょっと不味かった＞＜
このブログのトップページのタイトルが『tkzk_Blog >> tkzk Blog』になってたりする始末。
･･･これで幾つかのブログランキングサイトに登録しちまったからな。後の祭り(´ー`)
このコードに変えた事でトップページはブログタイトルに、個別エントリーは記事のタイトルに、ページはページタイトルにちゃんと表示が直りました!

2.プラグインを幾つか導入･ウィジェットの追加

導入したプラグインは

･FeedLogger
･NextGEN Gallery
･Twitter updater
･WP-Cumulus(日本語対応)
･WP-dTree
･WP-Scriptaculous
･WP-PageNavi(日本語化ファイル導入)
･WP-Slimbox2
･WP Super Cache

と、見た目は今までとあまり変わって無いかもしれないけど内部が変わってます。
特にlitebox2プラグインがIE6だとjavascriptエラーで、ページ読み込みに失敗していた為にライトボック的な画像表示は諦めていました。
その代替えでWP-slimbox2に出会って、こっちの方が使い勝手が良いし、エラーも起きないので良かったです。(Flickrの画像もライトボックス表示したところにFlickrのページリンクも貼られます。)

それと、WordPressのキャッシュを貯めて高速表示を実現するプラグインWP Super Cacheも導入できたのは良かった。
前回導入を試みた時はパーミッションの関係がどうしてもクリア出来なかったので断念してたのですが、一度WordPressからアップロードして、どのディレクトリにファイルが配置されるのかを覚えて削除し、FTPでアップロードし直すと言う感じで何とかしました。
所有者をapacheにしなかったので、パーミッション操作が可能になり設置出来ました。
※所有者apacheでパーミッション644のファイルとか出来ちゃうと、俺のスキルじゃ編集しようが無いです･･･
肝心のWP Super Cacheは細かい設定が出来て、ON/HARF-ON/OFFのスイッチでキャッシュの取得具合を決めて、管理者が閲覧する場合はキャッシュしない設定や、モバイル対応などもありサーバー負荷は減るような気がします。(それが気になるほど、このブログにはアクセス無いけどね!)

FeedLoggerはRSSリーダーに登録されている状況をダッシュボードに表示するプラグイン。
導入して初めて分かったんだけれど、このブログを登録して下さっている人が居たって事だ。ありがとうね（´･∀･`）

NextGEN Galleryはアルバムを作れたり、画像管理プラグインみたい。
以前はFlickrに写真をアップロードして、ページにペタペタ貼り付けようと思ってたけれどこっちの方が便利そう。その内(とか言いつつ既に半年経ってますが)フォトページ作るYO

WP-dTreeとWP-Scriptaculousはセットで使える感じかな。カテゴリやアーカイブをツリー表示にして、ツリー展開のエフェクトを設定出来ます。

WP-CumulusはタググラウンドのFlashによる3D表示プラグイン。一目で惚れたｗ

Twitter updaterはブログを作成･更新時にTwitterにメッセージを流すプラグインだね。
前回まで、手打ちでTweetしていたから自動化。

･NextGEN Gallery
･WP-Cumulus(日本語対応)
･WP-dTree
･WP-Scriptaculous
の四つはウィジェットの方で追加した。ウィジェットの管理画面も、現在使用中と停止中の二つに分かれて選びやすくなった。
順不同だけど、全部紹介したかな。