about

sogo  
fukidasi

  social

Count per Day

  • 1060現在の記事:
  • 434今日の閲覧数:
  • 2現在オンライン中の人数:

WordPress IE9での連続改行の問題を解決 !?



Wordpressは連続改行という日本人特有の行為を拒絶する体質です。

皆さんもお悩みのところと思いますが、私も以前から悩まされており、いろいろと対策を講じてきました。
その甲斐もあってか、最近まではなんとか不自由なく連続改行を使っていたのですが、前回の記事にも書いたとおり、新しく登場するInternet Explorer 9(以降IE9)に対応させるテスト中に新たな問題に遭遇してしまったのです。(詳しくは前回の記事をご参照ください)

今まで私は、Wordpressで連続改行をさせるためにプラグインをあえて使わずに、「全角スペース→shift+enterキー」で反映させておりました。


しかし・・・・・・!


IE9では、これが裏目となってしまい逆に全く改行による空白が出来なくなってしまうのです(私の場合)

IE8まではなんとかなってたのでショックですが、そのうちIE9側のほうでアップデートかなにかで改善されるかなぁと半ば期待を込めつつも諦めモードだったのですが、やはりどうにか解決させないと夜も眠れない状態だったのでいろいろ試して、なんとか解決に結びついたので今回も記事に取り上げてみました。


今回の検証をする上での私の環境


● WordPressバージョン 3.0.5(現時点の最新は3.1.1ですが怖くてアップデートできません)

● IE9→ Windows 7 , vista でそれぞれ確認

● IE8→ Windows 7 , vista, XP でそれぞれ確認

● Firefox4.0→ Windows 7 , vista, XP でそれぞれ確認


今回講じた対策


1. 「全角スペース→shift+enterキー」をあえて使用しない

2. 改行プラグイン brBrbr(バージョン 2.0)を導入、有効化

3. エディタ拡張プラグイン TinyMCE Advanced(バージョン 3.2.7)を導入、有効化

* 上記3つを同時に行うことで解決しました。

4. まとめ


「全角スペース→shift+enterキー」をあえて使用しない


今までは、使うプラグインによってはpタグによる改行となってしまい、ソースがめちゃめちゃになったりと嫌な思いをしましたので、あえて「全角スペース→shift+enterキー」だけに頼ってきましたが、原点に戻りキーボードキーによる改行を辞めてみました。ただ、これでは当然、連続改行は反映されない状態です。


改行プラグイン brBrbr(バージョン 2.0)を導入、有効化


brBrbr(バージョン 2.0)は作者サイトに行くとプラグイン名(ファイル名)がbrBrb300となっているのですが、実際に導入してみるとWordpressの管理画面上ではbrBrbr(バージョン 2.0)と表示されています。何故かはわかりませんが、どうせなら「わけわからなくなるから同じ名前にしておいて」と作者に懇願しておきたい気持ちです。

なぜ、このプラグインを選んだかというと、他の同類プラグインと違い、全体をPタグで囲むだけで本文中のpタグは入らなくなるらしいからです。

実際にプラグインを有効化し、記事を編集して’確認してみましたところ、pタグの嵐にはなりません。


しかし、これだけでは私の環境では連続改行が反映されませんでした・・・・・・・・・。

そこで、さらに・・・・・・

↑目次へ戻る


エディタ拡張プラグイン TinyMCE Advanced(バージョン3.2.7)を導入、有効化


このプラグインのみで連続改行が成功しているという記事をみつけたので、早速導入してみました。

実は、このプラグインを導入する時点で前出のbrBrbrを無効もしくは削除してからと思っていたのですが、それをすっかり忘れておりそのまま導入→有効化したら・・・・なんとFirefox上では、きちんと連続改行が反映されていたのです。

しかし、どうせIE9では駄目だろうと半分諦めモードで(本当は期待を込めてキャッシュをクリア)確認したらIE9でもきちんと反映されているではありませんか・・・・・この瞬間はうれしかったですね!

でも、たまたまIE9で成功しただけで、IE8では駄目なんじゃ・・・・と確認すると、反映されています。
もちろん、記事作成中にbrタグを入れる必要なく、Enterで好きなだけ連続改行OKです!
(W3C構文的に連続改行が適か不適かは自己判断願います)





↑目次へ戻る


まとめ


今回の検証では、予想に反してまさに偶然にうまくいったという感は否定できませんが、結果◎です。




その後、いろいろなブラウザ、OSで試してみて確証したのですが、これは上記3つの要素が全て満たされた場合のみうまく表示される事がわかりました。つまり、

● 「全角スペース→shift+enterキー」をあえて使用しない
● 改行プラグイン brBrbr(バージョン 2.0)を導入、有効化
● エディタ拡張プラグイン TinyMCE Advanced(バージョン 3.2.7)を導入、有効化する

この3つを全て同時に行うという事です。ここで注意が必要なのは、TinyMCE Advancedは有効化するだけで実際には使用しないことです。もちろん、使用もできるのですが、エディタを起動させると記事本文がpタグだらけになってしまうのです。

どうしてもエディタを利用して画像UPや色づけをする場合には、記事を全て作成した後にHTML編集に戻し、手動で改行していく二度手間にはなってしまいますが、なんとか連続改行はできますので仕方ないかなとも思います。


このまま少し使ってみて問題がないようであれば、過去の記事で用いてきた改行を手動で修正し、IE9に対応させていこうと思います。

もしかしたら、導入済みの他プラグインとのコンフリクト(競合)や、WPのバージョンも関係してくるのかとも思いますが、少なくとも私のWPで作った4サイトでは全て解決できたことをご報告しておきます。

連続改行プラグインbrBrbr(バージョン 2.0)DL
エディタ拡張プラグイン TinyMCE Advanced(バージョン3.2.7)DL




Pocket

  • ぬーーーーっ!
    あわせ技なんですねっ
    すごい!私じゃ絶対心折れてると思います!> <
    全部が全部さくっとうまくいかせてくれないWordpress&ブラウザ、つれないですよねf^_^;
    ちょっと私も試してみたいと思います!
    ありがとうございます!

  • なんとかうまくいったようですが、WPのバージョンやプラグインのバージョン次第で・・・というのが微妙です。
    本当は心が折れかけていたのですが、やはりこれから先IE9は無視できませんからね・・・

    そのうち、もっといいプラグインが出てくれるのではと期待を込めていますが、
    なんせ日本人が開発しない事にはいけませんからね、改行関係は。

Trackback URL


この記事を共有していただければ嬉しく思います。コメントもお待ちしておりますのでお気軽にどうぞ!
※ドメインを移行しましたら共有数が0にリセットされてしまいましたので、ご協力お願い致します。