WordPress

このブログはWordPressで出来ているのですが、そんなWordPressなブログの投稿やコメント管理ができるAndroidアプリがリリースされました。その名も 『WordPress for Android 』 です。そのままですね。iPhone版はすでにリリースされていたので、Android版の登場は嬉しい限り。さっそく試してみました。

　

URLとUsername、Passwordを入力したところ、右のような表示が。なにやら設定が必要なようです。WordPressの管理画面で、[投稿]-[投稿設定]から設定ができます。

チェックをいれてから再びアプリでSaveをすると、今度はアクセスが出来ました。

ブログ名とUsernameが表示されていますね。

　

Commentsタブでコメントの管理が出来ます。コメントをロングタップするとメニューが表示され、承認や返信をすることが出来ます。まあ、僕のブログはだいたいスパムばっかりなんですけどね…。今回は珍しくまともなコメントをいただいていたので、承認したり。

　

Postsタブで投稿済みのエントリを確認できます。ちょっと修正したいときに便利ですね。左下の+ボタンを押せば、新規エントリを作成できます。

　

画像は1枚だけ添付できます。Addを押すとギャラリーの写真から選ぶことが出来ます。Categoriesは1回更新しないと読み込んでくれませんでした。

　

Publishにチェックを入れておいて、下書きに保存しておくこともできます。そのエントリをロングタップでメニューを表示させ、そこから再度下書きを修正したり、公開することができます。

　

『Upload Draft to Blog』から投稿に成功したところ。OK押したらErrorも表示されたけど、ちゃんと投稿されていました。ただ、やたら画像が大きかったです（たぶん元サイズだから？）。

コメントの承認は便利ですね。いただいたコメントはすぐに対応したいですし。新規投稿もモブログのように写真を1枚添付する形でなら使えますね。画像が複数枚挿入できれば、これだけでエントリ書けるんだけどなあ。難しいんですかね…。まあでも、WordPressを使っていてAndroidな人は入れておいて損はしないアプリだと思いました。

WordPress v1.0.0 Android用アプリケーション | ソーシャルネットワーク
http://jp.androlib.com/android.application.org-wordpress-android-wAmw.aspx

http://market.android.com/search?q=pname:org.wordpress.android

このブログ「まだげん」をリニューアルしました。「まだげん」1周年を記念して（と言っても正確には1年経ってないけど）、デザインを変更してみました。

テーマを『wp.Vicuna Ext.』に

WordPressにはたくさんのテーマが公開されているんですが（もう選びきれないほど）その中でカスタマイズしやすそうな『wp.Vicuna Ext.』にしました。

ma38su.org – wp.Vicuna Ext
http://ma38su.org/projects/vicuna-ext/

プラグインである『Vicuna Adaptor』を使えば『はてなブックマーク』や『はてなスター』の表示が簡単に行えるのも『wp.Vicuna Ext』を選んだ理由です。

ma38su.org – Vicuna Adaptor
http://ma38su.org/projects/vicuna-adaptor/

導入は簡単。

1. 『wp.Vicuna Ext』のzipファイルをダウンロード
2. 管理画面の『新しいテーマの追加』からアップロード
3. 『テーマ』から『wp.Vicuna Ext』を適用
4. 『Vicuna Adaptor』のzipファイルをダウンロード
5. 展開して /wp-content/plugins/ にアップロード
6. 管理画面の『プラグイン』から『Vicuna Adaptor』を適用
7. 『Vicuna Adaptor』からはてなブックマークやはてなスターの設定
8. 『ウィジェット』からサイドバーのカスタマイズ

サイドバーのカスタマイズがウィジェットで出来るのはとても楽ですね。『最近の投稿』や『カテゴリ』を追加してみました。あとは『テキスト』で、はてブされたエントリのブログパーツや『アブラブ』のブログパーツを貼りました。

はてなスターですが、そのままだとスターの画像の表示位置がずれてしまうので、以下を参考にさせていただき修正しました。

Vicunaではてなスターが落ちる件の対処法 – blog.yuco.net
http://blog.yuco.net/2009/01/vicuna_hatenastar_drop/

CSSをこんな感じにするそうです。『1-subSkin.css』に入れたけど良かったのかな。

.hatena-star-star {
vertical-align: middle;
margin-top:0 !important;
}
.hatena-star-comment-container a,
.hatena-star-star-container a{
background-image: none !important;
padding-left: 0px !important;
}

あとは、ロゴの設定。デフォルトだとテキストでブログ名が表示されているので、これをロゴ（画像）にしたかったので調べてみました。

Image Replacement
http://vicuna.jp/storage/document/customize/image-replacement/

リンク先の通りに設定すれば大丈夫です。一応メモしておくと、『3-context.css』を編集します。『div#header p.siteName a』の部分を以下のようにします。

div#header p.siteName a {
display: block;
width: 200px; /* 画像の幅 */
text-indent: -9999px; /* textを飛ばす */
outline: none; /* クリック時の枠線を消す */
background-image: url(images/hogehoge.gif);
background-repeat: no-repeat;
background-position: 0px 0px; /* point 位置調整 */
border-bottom: none;
padding-bottom: 10px; /* 画像の高さに合わせて調整 */
}

『point 位置調整』と『画像の高さに合わせて調整』と書かれた部分、『background-position』『padding-bottom』の値を調整していき、ロゴが現れるようにします。僕の場合は以下のようにしました。

background-position: -5px -25px; /* point 位置調整 */
border-bottom: none;
padding-bottom: 40px; /* 画像の高さに合わせて調整 */

これで『まだげん』のロゴを表示できました。このあたりはロゴのサイズによるでしょう。

このテーマ適用でずいぶんシンプルになりましたが、これまで使っていたテーマ『GabLog』は癖があったので（画像表示がなんか変、プレビューがあたらない、など）、このテーマは簡単かつスッキリでとても良いですね。あとは配色をちょっと変えたいです。あまりに白すぎる。

テーマ変更にはちょっと躊躇したというか、あまりテーマを変えたくなかったんですね、本当のところ。ブログのデザインって、そのブログの顔でありイメージであると思うんです。見た目で「あ、これは○○のブログだ」って覚えると思うので。始めてWordPressで構築したブログということもあっていろいろ試行錯誤した上で作ったブログでしたが、今まで使っていたテーマにちょっと不満があったのもあって思い切って変えてしまいました。変えるなら早いほうが良いですからね。早めに変えてこのイメージを定着させるほうが、不満を持ちながら続けて何年も経ってから変えるより良いでしょう。なので、これから当分変えることはないと思います。

『アバウトミー』から『ブログクラブ』に

プロフィールとして使っていた『アバウトミー』から『ブログクラブ』のプロフィールに変更しました。

トップページ：ブログクラブ
http://blogclub.jp/

『ブログクラブ』はアジャイルメディア・ネットワーク（AMN）が提供するサービスで、リリースされてすぐに登録しました。AMNのサービスだから、と言うものあるけれど、自分の使っているWebサービスやガジェットを登録できるのが面白いなと思ったからです。とくにガジェット。これまで自分が「このガジェットを使っています」とまとめる機会、そして公開する機会ってあまりなかったので。より『自分』をわかってもらうのに有用なサービスだと思います。

それと感銘を受けたのが、このサービスを担当されているカイさんのエントリ。

ブログクラブはじめました – カイ士伝
http://blogging.from.tv/wp/2009/09/02/2568

“買うまではテンション高いのに買ったら意外とブログに書かない”なんてまさに自分で、D40のことだって書かなくなってしまった。でもアクセスは結構あるんですよね。『D40　バルブ撮影』で検索されてこのブログに来ていただくことが多い。これを機に書いてみたいと思うし、他のD40（初心者）ユーザとのつながりが出来たら面白いと思います。VQ1005にしてもしかり。

“WordPressでブログをモバイル対応して以降、モバイルの影響力が着々と伸びているのは実感”というのも同感で、携帯電話からのアクセスがこのブログでも非常に多い。ケータイから検索して、「ケータイサイト」として表示されることの影響は大きいですね。「PCサイトを変換します」でも見るには見られるけれど、やっぱりケータイ用にスタイルを整えられたサイトのほうが断然見やすい。

先日、始めてお会いした方に「どんなブログを書かれているんですか？」と聞かれてちょっと困ってしまいました。僕のブログはなんにも特化してないし、これといったヒットしたエントリも書いてないので。そんなときモバイル版のブログクラブでプロフィールとブログ名だけでも見せることが出来れば、少しは「どんなブログか」の受け答えが出来ますね。

そういうことを含めて、『モバイル対応』の意義は大きいと思います。ブログクラブのモバイル版のプロフィールを見ていただいて、そこからモバイル版のブログを見ていただくのがスムーズに行けば、『つながり』が生まれやすいですよね。

このエントリ長すぎるので

僕は素晴らしいエントリは書けないけれどブログが大好きだし、ブログを初めて人生が変わったとさえ思っています。こんなこと書くと大袈裟だとか胡散臭いとかスピリチュアルだとか思われがちだけれど、ブログを始めて得られたことが本当に大きいのです。ブログばかり書いて暮らしていきたいくらい。だけれどそうもいかない。ブログ・ネットの先にいる人とのつながりを心の糧にして生きています。

なんだか1周年の挨拶みたいになってしまいましたが本当の1周年は今週末くらいかな。まあいいか。WordPressでこのブログを始めて本当によかったと思っています。これからもよろしくお願いします。

やらなきゃなー、と思っていたことをようやく手をつけました。ブログのエントリ毎に、その内容に関連したエントリを表示させたかったのです。「PVが上がる！」とか「滞在時間が長くなる！」とかよく言われていますよね。まあこんなところに長居したところで何もいいことは無いかもしれませんが…。少しでも訪れてくれた方の助けになればと思います。

こちらのエントリを参考にさせていただきました。

Similar Postsで「関連するエントリー」を表示（WordPressプラグイン） / DESIGN Oil BLOG
http://www.design-oil.com/blog/2009/01/13/776

プラグイン

まずは、なにはともあれプラグインを入れます。

All Things Seen and Unseen » Similar Posts
http://rmarsh.com/plugins/similar-posts/

All Things Seen and Unseen » Post-Plugin Library
http://rmarsh.com/plugins/post-plugin-library/

1. 解凍したフォルダごとpluginsフォルダへアップロード
2. Post-Plugin Libraryを有効化
3. 次に、Similar Postsを有効化
4. 表示させたい場所（このブログでは「single.php」にいれました）に

<?php similar_posts(); ?>

を挿入

設定

次に、関連エントリを表示させる為の設定をします。

・Manage the Index タブ
Handle extended characters?
Treat as Chinese, Korean, or Japanese?

マルチバイトに関する設定とのことで、日本語のブログなので、上記2つを『YES』にします。

・General タブ
Match the current post’s category?
Match the current post’s tags?

カテゴリーやタグの枠を超えて、関連エントリーを表示させるために『No』にします。デフォルトで『NO』になっていたので、そのまま。

・Other タブ
Relative importance of:

エントリ本文、タイトル、タグそれぞれの重み付けがパーセントで指定できます。デフォルトだと「90：10：0」になっていました。そのままではうまく動かなかったので、「70：20：10」にしてみました。

・Output Settings タブ
Output template

関連エントリーを出力する際のテンプレートの設定。参考にさせていただいたエントリに習って、以下に。

<li><a href=”{url}” title=”『{title}』もご一緒にどうぞ!”>{title}</a> <a href=”http://b.hatena.ne.jp/entry/{url}” target=”_blank” title=”『{title}』のはてなブックマークを見る”><img src=”http://b.hatena.ne.jp/entry/image/{url}” /></a></li>

これでタイトルの横に「はてなブックマーク数（*users）」も表示できます。

あとは「single.php」のコードを挿入した場所の前に「こちらもどうぞ！」などと書いてみました。直接書いちゃったけれど、本当はもっとちゃんと書いたほうがキレイかもしれません。画像にするとか。まあ見た目の問題ですけどね。

表示例

うまく設定できるとこんな感じになります。

これで関連エントリも読んでもらえるといいなあ。

WordPressを2.7にアップデートしました。やらねばと思っていて後回しにしていたのを、えいやっとやったらすんなり終わりました。何事も後回しはいけませんね。これまた今年の抱負にしておこう。やるならいましかねえ。

もちろん参考にしたのはカイさんのエントリ。いつもいつもとても参考になります。さすがWordPressエヴァンジェリストです。

管理画面一新の「WordPress 2.7」アップデート – カイ士伝
http://blogging.from.tv/wp/2008/12/17/891

あと、プラグインもいくつか入れました。初めてのアップデートだったので、バックアップもちゃんとしないとなということで、上記エントリを読んでこのプラグインを。

Il Filosofo » WordPress Database Backup
http://www.ilfilosofo.com/blog/wp-db-backup/

また、FlickrとAmazonのプラグインも入れています。

WordPessのAmazonプラグインとFlickrプラグイン導入 – カイ士伝
http://blogging.from.tv/wp/2008/11/16/555

フィードのやつもいれたよ。

フィード登録数がわかるWordPressプラグイン「FeedLogger」入れた – カイ士伝
http://blogging.from.tv/wp/2009/01/06/1522

こんな僕にでもできるのだから、WordPressってすごい。たぶん。これからもよりよいWordPressライフを送りたいです。

携帯からモブログ出来るように、Ktai Entry (メール投稿プラグイン)を導入しました。

Ktai Entry は、携帯電話・PHS 等から WordPress に投稿できるメール投稿用プラグインです。いわゆる「モブログ」ができます。

WordPress Plugins/JSeries Ktai Entry (メール投稿プラグイン)
http://wppluginsj.sourceforge.jp/ktai_entry/

テスト投稿も成功。これでいつでもどこでもモブログ出来る！

先日のモバイル対応に引き続き、無料携帯アクセス解析の「うごくひと」を導入しました。『あとは「うごくひと」ですな』という天の声が聞こえたからです。参考にしたのはもちろんこちら。ありがとうございます。

携帯サイトアクセス解析「うごくひと」導入 – カイ士伝
http://blogging.from.tv/wp/2008/08/15/341

さくっと設定完了。あとはアクセスを待つのみ。ってアクセスされるような有用な、もしくは、面白いエントリを書きたいものですね。

やろうやろうとずっと思っていた、このブログのモバイル対応をようやくしてみました。これで携帯からの閲覧もばっちりなので、もうどしどしモバイルでまだげんをお楽しみください。って誰も楽しまないとは思いますが。楽しいのは僕だけですが、いいんです。

参考にさせていただいたのはもちろんこの方、僕のブログの師であり（僕が勝手に言っているだけだけれど）、スーラー部水道橋支部長でも在らせられるカイさんのエントリです。

WordPressでモバイル対応 – カイ士伝
http://blogging.from.tv/wp/2008/05/06/176

Mobile Eye+ パッチ導入 – カイ士伝
http://blogging.from.tv/wp/2008/08/15/344

上記を参考にすれば迷うことなく設定は完了です。今まで無理くり携帯で表示されていたブログがすっきり見やすい形で表示されます。すごいね。WordPressは面白いね。

WordPressでブログをはじめたわけですが、エントリのタイトルについて気になっていた点がいくつかありました。

・はてブのタイトルが文字化け
カイさんのところで知って、そのリンク先を参考にさせていただきました。

header.phpのtitleの中を

<?php if (is_single()) { ?>
<?php wp_title(’ ‘); ?>
– <?php bloginfo(’name’); ?>
<?php } ?>

としました。

・キャッチフレーズの表示
今使っているテーマでは「キャッチフレーズ」がタイトルバーに表示されていたのですが、それは同じくtitle内が

<?php if(is_home()) { ?>
- <?php bloginfo(’description’); ?>
<?php } ?>

となっていたせいだったので、HT-03Aエヴァンジェリストにあこがれてをbody内のブログ名のとこに持ってきました。

あーすっきりした。

WordPressでブログをはじめたのですが、まずするべきことがいくつかあったのでメモ。

・パーマリンク
ダッシュボード＞設定＞パーマリンク設定のカスタム構造を選択して、

/%year%/%monthnum%/%day%/%post_id%/

に変更。後から変更するといろいろと大変です。SEO的なこともあるかもしれないけれどあまり考えていません。

・日付の表記
こちらを参考に、「メインインデックスのテンプレート (index.php)」の中のこれを、

<div class=”details”><?php the_time(’F j, Y’); ?> | <?php comments_popup_link(__(’Leave a comment’), __(’1 Comment’), __(’% Comments’));?> | <a href=”<?php the_permalink() ?>” rel=”bookmark”>Read More &raquo;</a></div>

こうしてみた。

<div class=”details”><?php the_time(”Y年 n月 j日 l”); ?> | <?php comments_popup_link(__(’0 コメント’), __(’1 コメント’), __(’% コメント’));?> | <a href=”<?php the_permalink() ?>” rel=”bookmark”>記事URI</a></div>

何をしたかったのかというと、エントリの投稿登校日時を日本語表記にしています。
<?php the_date(”Y年 n月 j日 l”); ?>を<?php the_time(”Y年 n月 j日 l”); ?>
にしました。すると、「2008年 9月 17日 水曜日」のように表示されます。

ついでにコメントも、コメントがない場合は「コメントをどうぞ」だったのを「0コメント」に
「Read More」を「記事URI」に変更しています。

・はてなブックマークボタン

はてなブックマークのボタンを各エントリに表示させたいですよね。

「WordPressではてなブックマーク数を表示したよ☆？」と「wordpressにはてなブックマークボタンとlivedoor クリップボタンを貼り付ける方法」を参考にしています。対応のコードを「index.php」とか「single.php」の表示させたい部分に入れればいいです。

が、僕はタイトルの横や日付の横に表示させたかったのですが、どうにもうまくいかない…。とりあえず表示だけはしてあります。

・はてなスターボタン

はてな スターも貰いたい、というわけで設置します。

「はてなスターをブログに設置するには」を参考にします。エントリ内にリンクされている、「WordPressに「はてなスター」を設置してみた」が参考になることと思います。

が、僕がアホの子だからか表示されない。再度調べて「wordpressに「はてなスター」を付ける」 の通りにしたところ、なんとか表示されるところまで持ってこれました。しかし表示場所がおかしい。

というわけでとりあえず設定するべき点をあげましたが、うまくいっていないのでは参考になりませんね。あ、でもリンク先はとても参考になるので、きっとうまくいくはずです。僕がダメなだけですのであしからず。

rootが見られない問題はindex.phpを元に戻したら解決。

変なとこいじったかな。スキルのなさを痛感。

またおっかなびっくりいじってみよう。