Windows Live Writer で「タイトルについての警告」が！

Windows Live Writer で記事を書いて投稿したところこんなメッセージがでました。

こんな場合、どうするといいのでしょう。

ブログのタイトルを入力しないで、「投稿」や「下書きをブログに保存」を押したのでしょう。この場合は、「タイトルについての警告」で「いいえ」を押して、タイトルを入力してから、再度、「投稿」や「下書きをブログに保存」を押します。

「はい」を押すとこういうエラーになるブログサービスもあります。

しかし、WordPress では、ブログのタイトルが記載していなくても、投稿できてしまいました。しかし、タイトルがないブログは、混乱のもとです。

タイトルは必ず入力して投稿しましょう！

gooブログへ Windows Live Writer 2012から投稿

gooブログを使っています。Windows Live Writer 2012から投稿や編集をしたいのです。どういう風に設定するとできるのでしょう？

調べてみたところ、goo ブログも Windows Live Writer 2012の利用が可能でした。次のようにしてみてください。まずは、goo ブログへログインして設定を変更します。

1. gooブログにログインする
2. 左側のメニューから「設定」内の「外部サービス連携」を選択
   
3. 「XML-RPCを利用した各種サービス連携」で「サービス連携機能の使用」を「使用する」に切り替える。
4. 下に表示された「パスワード欄」に、任意のパスワードを入力して設定する。（goo ブログへログインする際のパスワードとは違うものを設定する）
   
   ※ここで入力したパスワードを Windows Live Writer のパスワードで使います。
5. 「変更を保存する」ボタンを押す
6. 「更新処理が完了しました」と表示されたら、完了

続いて、Windows Live Writer 2012の設定に入ります。なお、既にWindows Live Writer を使っていて、今回、goo ブログを追加登録する場合で紹介します。初めて Windows Live Writer を使う場合は、「5」から作業してください。

1. Windows Live Writer 2012を起動。
2. 「ファイル」タブを押して、表示されたメニューから「オプション」を選択。
   
3. 左側の欄から「アカウント」を選択。
4. 右側の「追加」ボタンを押す。
   
5. 「どのブログ サービスを利用しますか？」で、「他のサービス」を選択して、「次へ」ボタンを押す
   
6. 「ブログ アカウントの追加」で「ブログの Web アドレス」欄に自分の gooブログのURL、ユーザ名、パスワード（先の「XML-RPCを利用した各種サービス連携」で設定したパスワード）を入力。
   
7. 「ブログ種類の選択」で「使用するブログの種類」を「Movable Type API」に変更。「ブログのリモート投稿用の Web アドレス」欄に http://blog.goo.ne.jp/xmlrpc.php と入力。「次へ」ボタンを押す。
   
8. 「ブログ テーマのダウンロード」は、任意のボタンを押す
   
   「はい」を押すと、「プレビュー」した際に、Web 上のブログのイメージで表示できる。
   「いいえ」では、Web 上のイメージで表示できない。
9. 「ブログが構成されました」と表示されて「ブログのニックネーム」に自分のブログのタイトルが表示されたら「完了」ボタンを押す。
10. 開いているダイアログを「OK」ボタンを押して閉じる。

さて、このままで記事を書いて投稿すると、下記のように「サーバーの応答が無効です」というエラーが表示されます。

これは、Windows Live Writer のエンコードが goo ブログのものと違っているためです。次のようにして、変更します。

1. 「ホーム」タブで、「ブログのアカウント」が「goo ブログ」になっているのを確認
2. 「ブログ アカウント」タブを開き、「ブログのオプション」を押します。
    
   「ファイル」タブからは、「オプション」－「アカウント」で、編集したいブログを選択後、「編集」ボタンを押します。
3. 左の項目から「詳細設定」を選択。
4. 「文字セット」が「規定（euc-jp）」になっていることでしょう。これを「Unicode (UTF-8):utf-8」に変更します。
   
5. 「OK」ボタンを押す。
6. 「ホーム」タブに切り替えて、「投稿」を押します。

以上で、正しく投稿できるかどうか、確認します。

WLWで投稿後ココログの「HTML編集」を開くと 【2014年11月24日版】

2014年11月11日に WLWで投稿後ココログの「HTML編集」を開くと【IE11編】 で、Windows Live Writer で投稿後、IE11でココログの「HTML編集」に入った妙なスペースを「F12開発者ツール」で削除する方法を紹介しました。

そうしたところ、何かあったのでしょう。2014年11月11日に紹介した方法でも、削除できないのに気がつきました。

しかし、ちょっとやり方を変えてみたところ、削除することができました。次のように作業してみてください。

1. Windows Live Writer で記事を書き、ココログへ投稿。
2. 投稿後、IE11でココログの管理ページへログインし、投稿した記事を編集するページを開く
3. 「HTMLの編集」タブを開くと空白タグ [  ] がたくさん入っている。
   
4. F12キーを押して、「F12開発者ツール」を起動
5. 左側のメニューの「エミュレーション」を選択して、「ドキュメント モード」を「8」に変更
   
6. 自動的に、「記事の作成」タブに戻るので、再度「HTMLの編集」タブを開く
7. 無駄な空白タグ [  ]が消えました。
   
8. 「F12開発者ツール」を表示させたまま、編集作業をして、「保存」します。
9. 反映されたのを確認したら、「F12開発者ツール」を×ボタンで閉じます。

WLWで投稿後ココログの「HTML編集」を開くと【IE11編】

2009年2月に、Windows Live Writer で投稿後、Firefox でココログの「HTML編集」を開くと、妙なスペースがたくさん入ることを紹介しました。

WLWで投稿後ココログの「HTML編集」を開くと・・・

あの時は、回避方法としてブラウザにFirefoxではなく、Internet Explorer を使うようお勧めしました。

さて、IE10 以降、この現象が Internet Explorer でも起こるようになりました。それでも、IE10では、「互換表示」を使うことで回避できました。

ところが、IE11になりまして、互換表示を使っても現象を回避できなくなりました。「一つずつ手動で、空白タグ [  ] を消す？」とも考えたのですが、何とも面倒です。

そこで、F12開発者ツールを使えば、現象を回避できることがわかりましたのでご紹介します。

1. Windows Live Writer で記事を書き、ココログへ投稿。
2. 投稿後、IE11でココログの管理ページへログインし、投稿した記事を編集するページを開く
   
3. 「HTML編集」タブを開く
   
   [  ] タグがいたるところで見えます。
4. 再び「記事の作成」タブに戻る
   
   記事の段落が妙に開いてしまいます。
5. F12キーを押して、「F12開発者ツール」を起動
   IEの下部に収まっている場合は、右側にある「ピン留めを外す」を押します。
6. 左側のメニューより「エミュレーション」を選択。
   
7. 「ドキュメント モード」を「Edge」から「９」に変更。
   
8. 「ドキュメント モード」が「９」になったのを確認したら、右上の「×」ボタンで、「F12開発者ツール」を閉じます。
   
9. 妙な空白行が無くなります。
   
10. 「HTMLの編集」タブを開いても、[  ] タグは見当たりません。
    

以降は、「ドキュメント モード」が「９」のままで保持されますので、「F12開発者ツール」を立ち上げて、閉じれば完了です。

Firefoxでも、この現象が発生します。IE9以前は発生しなかったのは、IE9以前が何か不適切な部分があったのでしょう。Windows Live Writer は、その不適切な対応のまま作られたのだと思われます。

IE10以降は、適切になったわけですが、Windows Live Writer は対応できないので、このような現象が起きるのだと考えます。

Windows Essentials は、2014年になった今でも、バージョンが2012で止まっています。果たして、今後はどうなるか？すごく便利に使っているので、対応してくれるといいのですけど。

2014年11月24日 追記：
ここで紹介した方法でも、[  ] タグが削除できなくなりました。何かの更新プログラムで変わったのでしょうか？少しやり方が変わりました。
WLWで投稿後ココログの「HTML編集」を開くと 【2014年11月24日版】 でどうぞ。