プラグインでフリーエリアを使った場合によくでる現象。
HTMLタグがわかれば修正はなんとかなるんでしょうが、そうでない場合にわりかし手間なくできる方法を模索。
フリーエリアの入力時に、なんかの拍子で、brタグに「clear」属性を加えちゃったり、imgタグにalignを指定したりして、起きている模様。それを解消するためにブックマークレットを作ってみた。
準備段階として、以下のリンクを「お気に入り」に追加。安全じゃないかも、とか言われるかもしれませんが、そのまま続行(危なくないです)。
brのclearとimgのalign属性を削除
準備が終わったら、livedoorブログの管理ページにて、以下の操作を行う。
管理ページにログイン。
上のメニューから「カスタマイズ/管理」を選択。
写真や動画を入れてあるフリーエリアのプラグインそれぞれについて、以下の操作を行う。
1. 左のメニューから「プラグインのカスタマイズ」をクリック
2. フリーエリアプラグインの右にある「編集するボタンをクリック」
3. さきほど登録したブックマーク「brのclearとimgのalign属性を削除」を「お気に入り」から実行
4. テキストエリア内の文字が置換されたことを確認のうえ、「この内容で設定する」ボタン
1~4の作業をフリーエリアプラグイン、すべてに対して行います。以上。どうでしょうか?
IE7やForefoxでは正常に表示されていても、IE6だと、サイドバーが記事の右下、左下に落ちているブログがあるのですが、IE6からIE7にスイッチしてしまうと、気づかないもの。
それでもIE6を使っている人はおそらく50%以上いそうなので、ぜひ、これでやってみてください。
ちなみに。
テキストエリアで以下の置換を行っています。
・「br clear=”all”」を「br」に
・「align=left」を「」に
・「align=right」を「」に
後者は画像を張り込む際に、回りこみの属性を追加しているために挿入されているようです。
サイドバーでこれを使うと、レイアウトがくずれる原因になるので、この指定はやめたほうがいいと思います(HTMLがわかっている人にはよいのでしょうが。回避方法は以下で)。
テンプレートによってはまた違ってくるかもしれませんが、とりあえず、友達用。
Read more…
タグ:
blog