それは昨日blogを書いていたときのこと、プレビューで見ているとなにか見かけないエラーが出ています。
Notice: Undefined index: host in /xxxxxxxx/wp-content/plugins/jetpack/class.jetpack-post-images.php on line 201
んん？jetpack？色々便利なプラグインjetpackを入れてありますが、他の記事にはでないのにこの記事だけなんで出るのかなー 「気のせいかな－」 と、そのまま記事を公開してしまいました。
しかし、公開してもやっぱり「気のせいじゃなくて」＜そりゃそうだ エラーがバッチリ出ちゃっている。。。まずい
ということであわてて調べて直しました。
＊原因究明にちょっと時間がかかりましたので、結論がいますぐ見たい方はこのページの一番下へGo!
原因はソースのイメージタグ
原因が分かったのですがそれは、、、
<img alt="" src="file:///C:/Users/mika/AppData/Local/Temp/enhtmlclip/Image(43).png" width="715" height="1150" />
こういうものでした。
file:///C:
って～！つまり
htmlを書き始めた頃にホームページビルダーなどでローカル環境のイメージを表示させてしまい、よしよし…とサーバにアップしたらなぜか表示されない
、という感じのコード、、があったためなのでしたorz
で、でもなんでこんなコードが？？？blogの下書はEvernoteでやってそれを秀丸に文字だけコピーしてそれをブラウザのエディタにペーストしているはず。。。
Evernoteでblogの下書きをしてWordPressに貼り付けるときの順序を確認
いつもEvernoteでblogの下書きをしています。画像をファイルに保存することなくクリップした画像をそのままペーストしておき、WordPressのメディアにそこからドロップすることで簡単に画像をアップできるからです。
そのための手順は
こんな感じでテキストを書いて、画像を貼り付けてblogの下書きをします。
書き終わったら
１．全文選択をしてコピー、秀丸に貼り付け
２．秀丸から全文コピー
３．そのコピーしたテキストをWordPressの投稿「テキスト」に貼り付け
をします。
順序のうち、ここで間違えてしまいました(>_<)
そもそも、なんでこういうややこしい貼り付け方をするようになったかということを思い出しました。最初はEvernoteで書いたものをコピーして直接WordPressの投稿画面で貼り付けていました。
それをするとなぜか全体的に一行ずつぐらいに
<div></div>
で囲まれてしまいます。WordPressで記事を書き始めてすぐのことだったので、何が何だか分からず周りの人に「WordPressってdivで囲まれちゃうんだね～」と言っても「そんなことはない」と否定されてしまいました。
原因はEvernoteに書いてあるコンテンツはリッチテキストっぽいものなのでそのまま貼り付けると属性を活かそうとしてそのようになってしまうこと、のようでした。でもそのころは原因が分からないので一旦、WordPressに貼り付けてdivで囲まれまくったテキストを秀丸に貼り付けて、マクロでdivを削除するというややこしいことをやっていました。
その後、Evernoteがリッチテキストっぽいことに気づいてからは一旦秀丸にコピーすればテキストだけになるということが分かったので１．２．３．の順序でやることにして問題はなくなっていました。
そういえば昨日なぜか貼り付けたデータがdivで囲まれてしまっていたため、秀丸マクロでdivを削除して事なきを得たことを思いだしました。そそそ、そうか、、、１．はしたのですが、２．を忘れて３．で秀丸からコピーしたものを貼り付けたつもりが１．でコピーしたものをそのまま貼り付けちゃっていたようです。
しかも、
Evernoteから直接貼り付けると div で囲まれちゃうだけでなく、ローカルのイメージもタグではき出されている！！！
という基本的な事実に全然気がついていませんでした(^_^;。
落ち着いてWordPressのテキストタブで表示されているソースを見れば、こんなかんじのローカルイメージを指しているっぽい怪しいタグ
<img alt="" src="file:///C:/Users/mika/AppData/Local/Temp/enhtmlclip/Image(43).png" width="715" height="1150" />
が二カ所あることがわかりました。これらを削除して、エラーは出なくなりました。
結論
WordPressで何かからコピペして投稿したときに
Notice: Undefined index: host in ………
が出たら、エディタ画面のテキストで表示して、ローカルを指しているっぽい怪しい <img がないかチェックして、見つけたら削除しよう～！
あと、個人的には手順が複雑で間違いが起こるのでも少し何とかならないかなと考えてみたいと思いました。
コメント