なないろブログ

長らくブログを書いていないのに、ここ１～２週間に何通か
”[なないろブログ] 新規ユーザー登録”って件名で
身に覚えのないユーザー名とメールアドレスの書かれたメールが届いていた。
勝手に人のブログのAuthor（投稿者）になってるんじゃない！と即行削除。
そんな風に侵入される恐れがあるから、と
Wordpressのアップグレードを強く勧めるメッセージがダッシュボードに出ていたけど、2.5から2.8へのバージョンアップは面倒くさそうだぁ、と思って先送り。
今度はロリポップから”「WordPress」の脆弱性に関する報告”という案内メールがきたので、ようやく今日、アップグレードしてみた。
　
バージョン 1.5.x～2.6.5 から 2.8.4 へのアップグレード（WordPress ME を除く） （手動アップグレード）
という説明ページの手順に沿って普通に。。。
いや、本当は、説明を丁寧に読むのがおっくうだったんで
バックアップだけしっかりとっといて、あとは
「ま、いっか。おかしくなったら戻そ！自分のブログだし。」と
思いきってやった。
　
前に自分が追加してた絵文字が使えなくなってたんで思い出して
wp-includesのimagesのsmiliesの中の画像の追加と
画像を関連付けてたwp-includesのfunctions.phpの書き換えだけ後からやった。
けど、他はあっさり問題なさそう。
　　　
いや、でも、こうして投稿中、行数が増えてくると挙動がおかしい。
入力しやすいように文字を上に上げて下に余白を作ってても
キーボードをたたけば画面がチラチラ、パタパタ、
入力中の文字が全く見えない！
完全なるブラインドタッチ。
Enterして手を止めると枠の1番下にカーソルが来てる。
なんだ、これ。
　
Wordpressの問題か、IE8の問題か、私のPCの問題か
ずっとブログ書いてないからわからな～い
どなたかご存じでしたらご教示くださいませ。

＜追記＞
●あ、Firefoxなら全然OKだわ。。。
●あれ、IE6やIE7もOKみたい。。。
●IE8が原因か？
●インターネットオプション→詳細設定→ブラウズ
「スムーズスクロールを使用する」のチェックを外す？
●あれ？ダメだわ。関係ないみたい。
けど、とにかくIE8が原因みたいだから
互換表示ボタンで回避はできるね。。。
●同じようなお悩みの方も
http://minnadepangya.at.webry.info/200905/article_4.html

WordPress2.5で画像をアップロードしようとすると、いきなりの不具合。
既にフォーラムに修正方法が出てたので、指示通りのものをダウンロードして上書きしました。
（ちなみにIEでなくFirefoxでアップロードする分にはエラーが出ません。）
　
http://ja.forums.wordpress.org/topic.php?id=45
　
修正するには
http://trac.wordpress.org/browser/branches/2.5/wp-admin/includes/media.php?rev=7573&format=raw　をダウンロードして
2.5 の　/wp-admin/includes/media.php　を上書き。
　
http://trac.wordpress.org/browser/branches/2.5/wp-includes/js/swfupload/handlers.js?rev=7573&format=raw　をダウンロードして
2.5 の　/wp-includes/js/swfupload/handlers.js　を上書き。
　
　
そして、4/5は平和公園にてお花見でした。
　

　

WordPress ME2.2　から　WordPress日本語版2.5にアップグレードしました。
色々と心配しましたが、結構、単純に上書きで大丈夫だったような気がします。
まだ今から色々と問題が出てくるのかもしれませんが。
（考えてみれば、バージョン2.5は3/30に出たばかりなので
　慎重に１つ前のバージョンとかにする方がよかったのかな。）
　　　
まず、デザインをデフォルトに戻して、プラグインを全部停止して
サーバー上のものを全部FTPでバックアップ。
管理画面からもエクスポートでバックアップ。（XML形式）
　
本家　日本語版2.5をダウンロード。
　
自分で入れたプラグインやテーマ、アップロードした画像なんかは残して、あとは全部上書き。
wp-config-sample.phpの中身は、以前のものを参考に自分のデータに書き換えて、ファイル名をwp-config.phpに変更してアップロード！
　
ここまで出来たら、今までのブックマークしてた管理画面にアクセス。
「WordPressをアップグレード」というメッセージが出てるのでクリック。
完了したら「続ける」というメッセージが出てるのでクリック。
　
新しい管理画面のデザインが随分違うのでビックリしますが、これでアップグレード完了。
　　
プラグインを有効化して、デザインを元のものに戻しました。
（おかしいところがないかちょこちょこ確認しながら。）
　
で、私の場合は、スマイリーアイコンの関連付けを設定するfunctions.phpをカスタマイズしてたのを忘れてたので
以前のファイルのバックアップから必要な部分をコピペするという作業をプラスしたりしました。
　
本家版にデフォルトでついていたプラグインとか
新しい管理画面の細かいところは見ていないので
あと、ファイル名とかカテゴリも確認してないので
またぼちぼち整えていこうと思います。。。

自分のブログはWordPress MEで書いているわけだけど
2日前、ダッシュボードに「WordPress Japan閉鎖のお知らせ」というのが出ていた。
http://wordpress.xwd.jp/japan/2008/03/26/close/
「本家の対応バージョンにて上書きするなりのご対応をお願いいたします。」
って、本当に上書きしていいのかなぁ。
mixiのWordPressのコミュにも早速、色々と書き込みがあった。
上書きするだけで大丈夫だったという人もいるけど、
入れてるものも使い方も違うだろうから自分のが大丈夫かわからない。
バックアップとって上書きしてみればいいんだろうけど
仕事でもないのに、面倒っちくて、腰が重い。。。
プラグインとか自分が変更したことも思い出しながらやらなきゃぁ。
もっと早く言ってほしいわ～。
でも、無料だから文句言えないか～。

WordPressを携帯から閲覧＆WordPressに携帯からコメントできるようになったので、
今回はWordPressに携帯から投稿できるようにしようと思った。
というか、携帯からに限らず、メール送信することで新規投稿できるように。

準備しておいた特定のメアドにメールを送り、
ブラウザ上で更新すれば記事を新規投稿できるというもの。

幾つか候補があって、どれがいいか迷ったけど
SOMY Mobile Gateというのを入れてみることにした。
※事前に、記事投稿の際の宛先になる専用のメールアドレスを準備しておくこと！！

SOMY Mobile Gate ベータv0.15

１．UTF-8かEUC-JPのどちらか自分に合った文字コードの方をダウンロード・解凍。

２．”mobile-gate”フォルダ内の”config.php”の以下の部分を変更。

●15行目あたり
/*　WP-Mail用送信先メールアドレス　*/
　　$EZMail_SendAddress = ‘dammy@hogehoge.jp’;

のところ、自分が準備していた投稿専用のメアドに変更。

●41行目あたり
/*　送信元メールアドレスの判断
　　’WP’：登録ユーザーのアドレス　’no’：誰でも投稿
　　’WP-MAIL’：下の”送信を許可するメールアドレス”の項目で指定したアドレス　　　　*/
　　$wpmail_permission = ‘no’;

のところ、’no’を’WP-MAIL’に変更。

●46行目あたり
/*　送信を許可するメールアドレス
　　※”送信元メールアドレスの判断”で’WP-MAIL’を指定したときのみ有効
　　複数指定の時には’,'で区切って指定　例 ‘aaa@aaa.com,bbb@bbb.com’　　　　*/
　　$wpmail_addless = ‘aaa@aaa.com,bbb@bbb.com’;

のところ、自分がメールで新規投稿する際に送信元となるPCや携帯のメアドに変更。

３．”mobile-gate”と”wp-photos”を
サーバーのWordPressをおいているフォルダにアップロード。
“wp-photos”のディレクトリのパーミッションを”707″に変更。
（画像が保存されない場合”777″）
“mobile-gate”ディレクトリ名を適当に自分の覚えやすい名前に変更。
（他人にアクセスされにくくするため）

４．WordPress管理画面の　設定　→　投稿設定　→　メールによる投稿のところで
投稿専用に用意してあるメールアドレスの
メールサーバー、ポート番号（大抵そのままでOK）、ログイン名、パスワードと
デフォルト投稿カテゴリーを入力し、設定を保存。

ここまでで設定は完了。

実際、記事を新規投稿する際の手順は以下のとおり。

５．Mobile GateをアップロードしたURLにアクセス。
ログインを選択して進み、WordPressと同じユーザー・パスワードを入力してログイン。
ログインに成功すると画面が変わり、ユーザー用のリンクが表示される。
次のページで携帯等にブックマーク登録すれば、
次回からはブックマークしたアドレスにアクセスするだけで自動的にログイン状態になる。

６．ログインした画面で「メール作成：EZMail」を選択し、進む。
投稿するカテゴリーをプルダウンから選択し、
投稿時間を設定する場合には”する”を選び、決定して次の画面に進む。
（投稿時間を設定しない場合はメールを送信した時間になる）

次に、設定した項目を確認し、”メールを作成する”を選択。
件名が記事の題名になるので、”ここに題名”という部分を変更。
メール本文の最初の部分に投稿の設定があるので、
その後の”ここに本文”という箇所を変更して記事の本文を記入。
写真や動画がある場合はメールに添付する。（複数件OK）
すべての記入が終わったらメールを送信。

７．メール送信した後、再び５と同じログインした画面で、「メール投稿分を更新」を選択。
（「ブログ更新：WP-Mail」を選択でもいいみたい。）
先ほど送ったメールの内容が表示されれば、WordPressへの投稿は完了！

※５．や６．の作業のかわりに、記事投稿用メアド宛てに普通にメールを送って
７．の更新作業をおこなっても同じく新規投稿できる。

これも、説明どおりで特に問題なし。WordPress2.2。

携帯で使えることがわかって安心したけど
自分で実際にはあまり使わないので、そのうちはずすかもしれない…

自分は、携帯でWEBを利用することはほとんどないのだけど
最近は、携帯で見られる？使える？っていうのがすごく大事みたい。
なので、今後の参考に、このWordPressにも
携帯で閲覧＆携帯からコメントのプラグインを入れてみることにした。

Mobile Eye+　というもの。

↑のサイトから　早速、最新版の　MobileEye+ v1.2.2　をダウンロード。
バージョン別解説ページ　Mobile Eye+ Version1.2 にあるように
プラグインフォルダにmobile_eyeのフォルダをまるごとアップ。
同梱のmobile-comments-post.phpは、
WordPressをおいてあるフォルダにアップ。

WordPressの管理画面のプラグインのところから有効化。
同じく管理画面の各種設定にできているMobile Eye＋のメニューをクリック。
色んな設定を選択していって変更を保存。
その際、mobile_eyeのフォルダ内のsettings.phpのパーミッションを
606にしておくこと！

選択して設定できる項目は以下のとおり。

テーマ：defaultかlike1.1のどちらか。

省パケ機能：使用するかどうか。
※全角英数字カナを半角にしたり、改行コード・連続する空白などを消したりして見栄えが変わらない程度に容量を削減し、パケット数を減らす。デメリットとしてはページソースが読みにくくなる。

ブログのパーマリンク：使用するかどうか。

外部リンクのゲートウェイ：使用するかどうか

本文中の画像：表示するかどうか
※サムネイル(縮小)画像を使っていない場合、[表示しない]を推奨。
＜img /＞タグをリンクにし携帯ブラウザの容量オーバーを防ぐことができる。

画像へのリンク：ALTかファイル名か
※本文中の画像を表示しない、と設定した場合にのみ有効。
画像表示の代わりにファイル名を表示させるかALTのテキストを表示させるか選択できる。

スマイリー画像：表示するかどうか
※本文中の画像を表示しない、と設定した場合にのみ有効。
[表示する]にしておくと、スマイリー画像をリンクに変換しない。

説明どおりで何ら問題なし。WordPress2.2。

自分のためにメモメモ。
色んな作業の途中で　↓　のようなエラーが出て慌てることがあった。

Warning: Cannot modify header information – headers already sent by (output started at ●●●.php:11)
in ■■■.php on line 31

ヘッダー情報を変更できません。ヘッダー情報は以下で既に送信済み。（●●●.phpの11行目で送信済み）
■■■.phpの31行目でエラーになっています。

難しげに思えたけど、実際は
私のように、該当箇所に余計な空白が入ってるだけ、ってケースが１番多いみたい。

WordPressに絵文字を挿入できるプラグインを探してた。

最初はMore Smiliesを考えてたんだけど
ochanoco blogさんの
スマイリー復活　　という記事を読んで、
どうやらWordPress2.2ではうまくいかないらしいので
wp-grins　を入れてみることにした。

最新版プラグインのダウンロードは　↓　から。
alexking.org

このページの随分下がったところに
WP-Grins
Latest release: Version 1.5, 2007-03-20.　というのがある。

ダウンロードしたフォルダをそのまま（Readme以外）
プラグインフォルダにアップ、有効化するだけでOK。

古いバージョンのは、コメント欄でも使うために
ひと手間かかってたらしいんだけど、
最新版ではそのままでOKだった。

※「ビジュアルエディターを使用する」のチェックをはずしておくか
コードの方で入れること！

More Smiliesのように
自作のアイコンや、よその素材なんかを自由に使えないのが残念。

…と思ったら、アイコン、変えられるんだ！！
自分のブログに表示されてる絵文字を右クリックしてプロパティを見たら
wp-includes/images/smilies/icon_smile.gifってなってる。
このプラグインって
もともとWordPressに同梱されてたアイコンを読みに行ってただけなのね。

wp-includes/images/smiliesの中に好きなアイコンを入れればいいんだわ～。
よさそうなアイコンがあったら増やそうっと。
とりあえずお天気アイコン　

やってみたら、アイコンとコードの関連付けをしてあげなきゃいけないんで
↑　のフォルダにアイコン入れただけじゃダメでした。
どこで関連付けやってるか探しまくったけど、wp-includes/funcitons.phpでした。

‘:smile:’ => ‘icon_smile.gif’,
みたいなリストがずら～っと並んでるから同じ形式で
‘:hare:’ => ‘hare.gif’,
とか追加していくだけ。

可愛くて使える小さいアイコンないかなぁ？

Amazonにつづいて、Google Adsenseの方もプラグインを入れてみた。
WordPress2.2については情報が少ないので
古いバージョンのプラグイン、2.2でも使えるかなぁ？って
おそるおそる入れてみてばかり。

参考にしたページは以下の２つ。↓
●新WordPress にGoogle AdSenseを表示させる方法
（記事としてはかなり前のものだけど、説明が細かく丁寧。）

●Google AdSenseを追加しました
（わりと新しいバージョンのものなので
Optional_WordPress_2.0_Itemsフォルダにも言及。
でも、WP2.2だとやっぱり違う…）

いずれも、私とは
WordPressのバージョンもadsense-deluxeのバージョンも違うので、部分的に参考にさせてもらった。

まず、
Acme Technologies Zeitgeist　　AdSense-Deluxe WordPress Plugin
でAdsense-Deluxeプラグインをダウンロード。
私のはバージョン0.8。

今回は、ダウンロードしてきたフォルダをそのまま
プラグインフォルダにアップじゃダメらしい。
ダウンロードしてきたフォルダ内のadsense-deluxe.phpだけを
いつものプラグインフォルダにアップ。
一緒にダウンロードされたOptional_WordPress_2.0_Itemsフォルダを開くと、なかにadsense-deluxeというフォルダがあるので、
これは、wp-includes\js\tinymce\plugins　にアップ。

WordPressの管理画面で有効化した後、
「各種設定」のメニューの中に「AdsenseDeluxe」というメニューができているので、それをクリック。

New Adsense Blockのところで
Nameの欄には、自分なりに表示位置やサイズを区別できるような名前をつける。
（複数登録できるので、自分がデフォルトにしたいものは
make default欄にチェックを入れておく。）
AdSense Codeの欄には、Google Adsenseの管理画面で色やサイズを選んで、はきだされたコードをコピペ。
Description　は空欄のままでEdit Adsense Blockのボタンをクリック。

デフォルトにしたものについては<!-adsense->、
それ以外のものについては<!-adsense＃自分のつけた名前->として登録され、画面に表示されている。（実際はハイフンは２つ）

このリンクを貼りたい場所に
<!-adsense->とか<!-adsense#自分のつけた名前->のように書くだけで使える。（実際はハイフンは２つ）
参考サイト１には、入力でうまく表示されないことがあるので
コピペの方がいい、とある。

記事編集画面を見ると、もっと簡単に
ドロップダウンリストから選ぶだけでリンクを貼れるようになってた。
リストから、入れたいタイプの広告を選ぶと…

OKでした。

本当は、このドロップダウンのボタンって
新規投稿の時も表示されるものだよね。。。
参考サイト２の手順５に
「/wordpress/wp-includes/js/tinymce/配下にあるtiny_mce_gzip.phpを編集しなきゃいけない」とあるけど
WordPress2.2だと、どうやらまた違うみたい…

いつか時間があったら調べてみようっと。
実際は記事を投稿しながらリンクを入れるというより
毎回、記事の下に勝手に表示されるように
テンプレの方に入れとくつもりなので、あまり困らないし。

テンプレートの表示させたい位置に
<?php adsense_deluxe_ads(’Nameでつけた名前’); ?>
を入れておけば投稿するだけで、勝手に広告リンクが入る。

私は、個別（single.php）、アーカイブ（archive.php）、トップ（index.php）のテンプレで各記事の１番下に入れてみた。
ただ、アーカイブやトップのページを見ると、全ての記事に広告が表示されてはいない。
１ページ中、上から３つまで。Googleで３つまでって決まってるらしい。

※追記：WordPress管理画面のユーザーのプロフィールのところで
「投稿時にビジュアルエディタを使用する」のチェックを入れて使った時だけ、編集画面に広告リンクのドロップダウンリストが表示される。

※追記２：各記事の下にGoogle広告が入るのが嫌になってきたんで、上記３つのテンプレから広告をはずしました。（2007/10/15）

WordPressには
アフィリエイトリンクを簡単に貼れる便利なプラグインがある、
と聞いた気がしたので、探して入れてみることにした。
まずはAmazon。

参考ページPart1はこちら。↓
WordPress2.1用「WP-Amazon Version 2.0 Beta 1.1」を使ってみた

wp-amazonプラグインを
manalang WP-Amazon 1.x(Pre WordPress 2.1)　でダウンロード。
（私が使ってるのはWordPress2.2なんだけど。）

ダウンロードしたフォルダごとプラグインフォルダにアップ。
（README.txt、license.txt、latest-version.txtなんかは除いて）

WordPressの管理画面の各種設定の中に
「Amazon」というメニューができているので、そこに入り、
Default CountryでJapanを選択、
Associate IDの欄に自分のAmazonのIDを入力。
Update Optionsのボタンをクリックして情報を更新。

そうすると、今度から
新規投稿の画面や、記事編集の画面の上右端に「A」のマークが出るようになり、そのボタンをクリックするとAmazonの検索ボックスが出てくる。
書籍名やキーワードを入れて検索、
検索結果として出てきた候補のうち、使いたいものを
そのまま本文入力欄にドラッグしてくるだけで本文中に表示できる…とのこと。

参考ページPart1には、
SleipnirとIE6ではドラッグできなかったけど、FirefoxではOKだった、とある。
確かに、私の場合も、IE７の記事編集画面ではNGでFirefoxの方ではOKだった。

さらに、私の場合、記事編集画面では大丈夫だけど
新規投稿の画面では、どのブラウザでも「A」ボタンが見えない、という別の問題があった。
エラーを表示させてみると
新規投稿の画面を開く時、wp-admin/post-new.phpでエラーが発生しているみたい。

気になったんで、もう少し調べてみたら、ありがたいページにHIT。
数少ないWordPress2.2情報。

参考ページPart2はこちら↓
WordPress2.2でWP-Amazon 2.0 Beta1.1 を動かす

「WordPressのバージョンを2.2以上にしてしまうと、
動かなくなるのがWP-Amazonプラグイン。」と書いてある。
改修されたコードをダウンロードできるサイトも紹介してある。

http://www.gnifty.net/code/wp-amazon/

ここでダウンロードしてきたwp-amazon.phpとjsフォルダを
サーバーのプラグインフォルダ内wp-amazonのフォルダにアップ。

そうすると確かに、新規投稿画面でエラーがでなくなり、
「A」のアイコンも表示されるようになった。
やはりIEではドラッグできないけど、FirefoxでならOKになった。

さて、広告サイズがMかLか選べるようになってるけど、
Lっていきなり大きすぎませんかね？？？
こんなの使うのかな？

ドラッグで本文中に入れられるという操作はラクだけど
普通にAmazonでリンクコードとってきて
本文に貼った方が見栄え良くて、わかりやすい気もする。
タイトルや値段も出るし。
めったに使わないなら、そっちの方がいいのかなぁ？？？

※　管理画面　ユーザー　→　プロフィール　で、
「投稿時にビジュアルエディタを使用する」にチェックを入れて使うこと！

※　Amazonの広告サイズをMかLか選ぶ時に出てくる
ポップアップウィンドウの閉じるボタンがきちんと表示されず、
IEでは×になっているのが目立ってて気になった。
（Firefoxの方はClose Previewの文字だけで、見た目キレイ。）
どうせIEではドラッグしても、
きちんとアフィリエイトリンク貼れないんだし、
放っておいて構わないんだろうけど
差し替えたwp-amazon,jsの143行目の
src=”/wp-content/plugins/wp-amazon/images/close.gif” mce_src=”/wp-content/plugins/wp-amazon/images/close.gif”　を
src=”../../wp-content/plugins/wp-amazon/images/close.gif” mce_src=”../../wp-content/plugins/wp-amazon/images/close.gif”　に変えれば表示されるようになった。