2019年04月16日
Blogger の編集で pタグが消えてしまうので対策を考えてみた
Blogger のエディタは 作成 と HTML の2種類の方法で編集できるようになっていて、通常は 作成 の方でワープロ的に記事を書いていって、調整したいときに HTML でコードを編集するという使い方になると思います。
作成 で[Enter]キーで改行すると、初期設定では <br />タグが挿入され、オプションで「Enter キーを押して改行」を選ぶと <div>タグが挿入されます。
日本のブログサービスでも、改行は <br />タグか <div>タグのどちらかが挿入されるようになっています。
でも本来のHTMLタグの使い方としては、文章の一括り(段落)を <p> </p>タグで挟んで、その中で改行したいときに <br />タグで改行するものです。
<p> </p>タグで挟んだ文章と、次の<p> </p>タグで挟んだ文章との間は、自動的に1行分のスペースが開くので、<br />タグを2つ並べて空白行を入れることもありませんし、そういう使い方はよくないそうです。
(この記事も、上の「作成 で・・・」と「でも本来の・・・」の上の空白行は、<p>タグによるものです)
そこで、Blogger でも HTML の編集モードで <p>タグに変えていくのですが、出来栄えを確認しようと 作成 の編集モードに切り替えると、せっかく入れた <p>タグがすべて消えてしまうのです。
出来栄えの確認はプレビューでやって、作成 モードに切り替えないで[公開]ボタンをクリックしてしまえば <p>タグが消えることはないですが、うっかり 作成 モードに切り替えてしまうとやり直しというのは、つらいところです。
Blogger の <p>タグ消え対策に Open LIve Writer を使う
何年か前に Open LIve Writer の前身の Windows LIve Writer を使ったことがあって、[Enter]キーを押すと <p>タグが挿入されてしまい、行間が空きまくりになるのを思い出しました。
[Shift]+[Enter]で <br />タグの改行になるのですが、当時は <p>タグを使うものだということを知らなかったので、面倒くさくなって使うのをやめてしまいました。
この機能が Blogger の <p>タグ消え対策に、ピッタリのような気がします。
試しに Open LIve Writer を使ってみると、改行のし方は Windows LIve Writer と同じでした。
段落の途中で改行したいときは[Shift]+[Enter]で改行、段落の終わりは[Enter]で改行という使い方をすればいいことになります。
Blogger にも対応しています。
Open LIve Writer は、オフラインで記事を書いて、完成したらそのままクリック1つで投稿できるというものなので、編集途中でブラウザの操作を間違って書きかけの記事が消失ということもないですし、投降した記事は自分のパソコンにも残るので、記事のバックアップにもなります。
<p>タグ消え対策以外にも利点はあるので、おすすめかなと思います。
Open LIve Writer のインストールは、↓ こちらの記事を参考にしてみてください。
Open Live Writer のダウンロード→インストール→日本語化の手順
私も使い始めたばかりですが、1点残念なところは、ソース(HTML)の編集モードが改行されていなくて、見にくいところです。
HTMLを編集したいときは、該当か所だけでも自分で改行して見やすくしてから、編集することになりそうです。
今のバージョンが 0.6.2.0(まだ Ver.1 未満)なので、今後のアップデートに期待でしょうか。
この記事へのトラックバックURL
https://fanblogs.jp/tb/8729888
※言及リンクのないトラックバックは受信されません。