ブログの記事を書くときに何を使っていますか？
gooブログの編集画面は、確かに簡単なのですが、アレを使って書いていると、投稿の際にサーバー不安定などにより、記事が消失してしまうことがありますね。
投稿ボタンを押す前に、全文選択＆コピーしておけば回避できるのですが、それでも気軽に使えるというメリットに気をとられて、投稿ボタンぽちっ→「緊急メンテナンス中」という悲惨な事態になったことのある人は、決して少なくはないと思います。
そもそも、gooブログの編集画面、正直使いやすいとは言い難いです。
画像貼り付けボタンは、必ずリンクタグも一緒に生成されて、ボーダー（リンクさせる枠）もくっついてきます。リンク先URLを入れなくても、リンクされていることを表すカーソル形状になるのは、なんだか鬱陶しいです。
せっかくたくさんのHTMLタグが使えるはずなのに、この編集画面では用意されているタグが極端に少ないのも、使い勝手が良いとはいえない要因の一つです。
プレビュー画面も、自分が使っているデザインとは似ても似つかないものなので、投稿した時のイメージを掴むことが出来ないですね。
そんなわけで、抜群に使いやすいブログ作成用エディタとして、ブログはじめますたのはじめま略さんが新型エディタはじめますた（なんとFirefoxに対応ですってよ、奥さま！）なんていう素晴らしいものを提供されているわけですが、ブラウザ上で動作するこのエディタは、インストール不要という気軽さと、gooブログ編集画面では全然足りない各種HTMLタグが豊富で、普通に記事を書く分には申し分ありません。
用意されているタグで、足りないものがあるとすれば、せいぜいテーブルタグ作成機能くらいでしょうか。まぁ、テーブルタグはブログ上において使われることは少ないようなので、フリーで公開しているブログエディタとしては、十分すぎるソフトと言えましょう。
それでも、プレビュー機能がちょっと物足りないのは、否めません。
gooブログはテンプレートの種類が多いし、カスタムタイプを使っている人のものまで、はじめま略さんが合わせて機能に盛り込むのは、ちょっと難しいかもしれません。
また、「はじめま略製エディタでは、やっぱりタグが足りないんだよー」というタグいじりマニアの方もいらっしゃることでしょう。
それならいっそのこと、タグ挿入型HTMLエディタを使ってしまいましょう。
Vector等のオンラインソフト検索サイトから、HTMLエディタを探します。こんなにあります。
僕が使っているのは、ez-HTMLというもの。書いたテキストを保存しなくても、内蔵されたブラウザで結果をプレビューできるのがスグレモノ。
まずは、普通のテキストエディタに、以下の表内に書かれた文字列をコピペして、拡張子htmlの任意の名前で保存してください。
CSSファイルのアドレスは、ブラウザの「表示」メニューから、「ソース」を選び、その中から「css」で検索をすると、「link rel="stylesheet" type="text/css" href="/skin/templates/**/************.css"/」というような文字列が見つかるはずなので、「/skin/templates/**/************.css」の部分に「http://blog.goo.ne.jp」を付け足せばOKです。
また、自分が使っているデザインにあわせて、「body style="margin:20px 180px 10px 200px"」の部分のうち、180px（右側の余白）、200px（左側の余白）を変えると、それなりに自分のブログのデザインに近づけることが出来るでしょう。
ここまで出来たら、後はそのファイルを「読み取り専用」にし、HTMLエディタで開いて記事を書くだけです。ブログに投稿する部分は、<!-- ■ここから本文■■■■■■■■ -->と<!-- ■ここまでをコピー■■■■■■ -->の間に書きます。書き終わったら、プレビューしてみましょう。
今書いているこの記事は、こんな風にプレビューされます。
クリックで拡大します。
この段階では、実際に投稿される画面と、ちょっと違いがあります。
そう、文章に改行がありません。
普通のHTMLエディタでは、BRタグが無ければ、改行があるとはみなしてくれないからです。
だったら記事を書くときにBRタグを入れながら書けば良いじゃないか、ということになるのですが、実はこの方法はオススメしません。
「慣れ」の問題でもあるのですが、通常テキストを書くときには、自分が改行を入れたい時にEnterキーを押してしまうものです。ところが多くのHTMLエディタでは、Ctrl＋EnterキーでBRタグ挿入になります。MSワードを使っている時にはない動作をしなければ、HTMLエディタのプレビュー画面に改行が反映されないのです。
それならば慣れてしまえばいいか、と言うとそういうわけでもありません。
gooブログでは、Enterキーによるエディタ上での改行と、BRタグによる改行が、共に反映されてしまいます。自分では1回の改行のつもりでも、2行分改行されてしまうのです。 それを避けるために、Enterキーによる改行は行わず、BRタグだけの改行でテキスト編集をし、記事を完成させて投稿したとすると、後でえらい苦労をすることがあります。
記事の再編集を絶対に行わない人（トラックバックPingを編集画面で2回以上送るのもダメ）は良いのですが、後で記事の加筆訂正をしようとすると、再び改行のない記事になってしまうのです。
ハテ、どうしたものか。
他のHTMLエディタは分かりませんが、ez-HTMLの場合は、「改行をBRタグに変換」という機能があります。この状態で作成中の記事をプレビューすると、ブログに投稿した状態に近い表示がされます。
クリックで拡大します。
プレビューされた記事の推敲をして、問題が無ければ、ctrl＋zキーで「改行をBRタグに変換」する前の状態に戻し、<!-- ■ここから本文■■■■■■■■ -->と<!-- ■ここまでをコピー■■■■■■ -->の間の文章を、ブログの編集画面にコピペしましょう。
題名とカテゴリを選択して投稿すれば、出来上がりです。
手続きが複雑に思われるかもしれませんが、長文を書いても消失することもなく、複雑なタグも簡単に入力できるというメリットもあります。
RakuCopy ブックマークレット等のリンクタグ作成ツールと組み合わせれば、鬼に金棒、山田太郎にキャッチャーミットです。
関連記事：
π氏の雑記（PCのジャンキー）：■Blogを書くとき使うソフトってありますか?（改）
むだづかいにっき♂：Bookmarkletはやっぱり使える！
むだづかいにっき♂：blogの記事を書く時に便利なツール 2-1
gooブログの編集画面は、確かに簡単なのですが、アレを使って書いていると、投稿の際にサーバー不安定などにより、記事が消失してしまうことがありますね。
投稿ボタンを押す前に、全文選択＆コピーしておけば回避できるのですが、それでも気軽に使えるというメリットに気をとられて、投稿ボタンぽちっ→「緊急メンテナンス中」という悲惨な事態になったことのある人は、決して少なくはないと思います。
そもそも、gooブログの編集画面、正直使いやすいとは言い難いです。
画像貼り付けボタンは、必ずリンクタグも一緒に生成されて、ボーダー（リンクさせる枠）もくっついてきます。リンク先URLを入れなくても、リンクされていることを表すカーソル形状になるのは、なんだか鬱陶しいです。
せっかくたくさんのHTMLタグが使えるはずなのに、この編集画面では用意されているタグが極端に少ないのも、使い勝手が良いとはいえない要因の一つです。
プレビュー画面も、自分が使っているデザインとは似ても似つかないものなので、投稿した時のイメージを掴むことが出来ないですね。
そんなわけで、抜群に使いやすいブログ作成用エディタとして、ブログはじめますたのはじめま略さんが新型エディタはじめますた（なんとFirefoxに対応ですってよ、奥さま！）なんていう素晴らしいものを提供されているわけですが、ブラウザ上で動作するこのエディタは、インストール不要という気軽さと、gooブログ編集画面では全然足りない各種HTMLタグが豊富で、普通に記事を書く分には申し分ありません。
用意されているタグで、足りないものがあるとすれば、せいぜいテーブルタグ作成機能くらいでしょうか。まぁ、テーブルタグはブログ上において使われることは少ないようなので、フリーで公開しているブログエディタとしては、十分すぎるソフトと言えましょう。
それでも、プレビュー機能がちょっと物足りないのは、否めません。
gooブログはテンプレートの種類が多いし、カスタムタイプを使っている人のものまで、はじめま略さんが合わせて機能に盛り込むのは、ちょっと難しいかもしれません。
また、「はじめま略製エディタでは、やっぱりタグが足りないんだよー」というタグいじりマニアの方もいらっしゃることでしょう。
それならいっそのこと、タグ挿入型HTMLエディタを使ってしまいましょう。
Vector等のオンラインソフト検索サイトから、HTMLエディタを探します。こんなにあります。
僕が使っているのは、ez-HTMLというもの。書いたテキストを保存しなくても、内蔵されたブラウザで結果をプレビューできるのがスグレモノ。
まずは、普通のテキストエディタに、以下の表内に書かれた文字列をコピペして、拡張子htmlの任意の名前で保存してください。
<html><head> <LINK href= "ここに自分のブログのCSSファイルの アドレスをフルパスで入れます" type=text/css rel=stylesheet> </head> <body style="margin:20px 180px 10px 200px"> <DIV class=Posi><SPAN class=etBody> <!-- ■ここから本文■■■■■■■■ --> <!-- ■ここまでをコピー■■■■■■ --> </SPAN></DIV> </body></html> |
CSSファイルのアドレスは、ブラウザの「表示」メニューから、「ソース」を選び、その中から「css」で検索をすると、「link rel="stylesheet" type="text/css" href="/skin/templates/**/************.css"/」というような文字列が見つかるはずなので、「/skin/templates/**/************.css」の部分に「http://blog.goo.ne.jp」を付け足せばOKです。
また、自分が使っているデザインにあわせて、「body style="margin:20px 180px 10px 200px"」の部分のうち、180px（右側の余白）、200px（左側の余白）を変えると、それなりに自分のブログのデザインに近づけることが出来るでしょう。
ここまで出来たら、後はそのファイルを「読み取り専用」にし、HTMLエディタで開いて記事を書くだけです。ブログに投稿する部分は、<!-- ■ここから本文■■■■■■■■ -->と<!-- ■ここまでをコピー■■■■■■ -->の間に書きます。書き終わったら、プレビューしてみましょう。
今書いているこの記事は、こんな風にプレビューされます。
クリックで拡大します。
この段階では、実際に投稿される画面と、ちょっと違いがあります。
そう、文章に改行がありません。
普通のHTMLエディタでは、BRタグが無ければ、改行があるとはみなしてくれないからです。
だったら記事を書くときにBRタグを入れながら書けば良いじゃないか、ということになるのですが、実はこの方法はオススメしません。
「慣れ」の問題でもあるのですが、通常テキストを書くときには、自分が改行を入れたい時にEnterキーを押してしまうものです。ところが多くのHTMLエディタでは、Ctrl＋EnterキーでBRタグ挿入になります。MSワードを使っている時にはない動作をしなければ、HTMLエディタのプレビュー画面に改行が反映されないのです。
それならば慣れてしまえばいいか、と言うとそういうわけでもありません。
gooブログでは、Enterキーによるエディタ上での改行と、BRタグによる改行が、共に反映されてしまいます。自分では1回の改行のつもりでも、2行分改行されてしまうのです。 それを避けるために、Enterキーによる改行は行わず、BRタグだけの改行でテキスト編集をし、記事を完成させて投稿したとすると、後でえらい苦労をすることがあります。
記事の再編集を絶対に行わない人（トラックバックPingを編集画面で2回以上送るのもダメ）は良いのですが、後で記事の加筆訂正をしようとすると、再び改行のない記事になってしまうのです。
ハテ、どうしたものか。
他のHTMLエディタは分かりませんが、ez-HTMLの場合は、「改行をBRタグに変換」という機能があります。この状態で作成中の記事をプレビューすると、ブログに投稿した状態に近い表示がされます。
クリックで拡大します。
プレビューされた記事の推敲をして、問題が無ければ、ctrl＋zキーで「改行をBRタグに変換」する前の状態に戻し、<!-- ■ここから本文■■■■■■■■ -->と<!-- ■ここまでをコピー■■■■■■ -->の間の文章を、ブログの編集画面にコピペしましょう。
題名とカテゴリを選択して投稿すれば、出来上がりです。
手続きが複雑に思われるかもしれませんが、長文を書いても消失することもなく、複雑なタグも簡単に入力できるというメリットもあります。
RakuCopy ブックマークレット等のリンクタグ作成ツールと組み合わせれば、鬼に金棒、山田太郎にキャッチャーミットです。
関連記事：
π氏の雑記（PCのジャンキー）：■Blogを書くとき使うソフトってありますか?（改）
むだづかいにっき♂：Bookmarkletはやっぱり使える！
むだづかいにっき♂：blogの記事を書く時に便利なツール 2-1