脱出ゲームの攻略サイトをやっていたので、どうしても写真の数が多くなってしまいます。加えて、脱出ゲームアプリはだいたい縦方向でのプレイが多いので、縦長の画像が多かったんですね。だから、記事エリアに対して、画像を2列並ばせてやったら見やすいんじゃないかな? と思って、賢威6.0のときは実現をしておりました。

けれども、7.0ではクラス名が変わってしまっているので、なかなか実現ができなかった。フォーラムサポートでも同じ悩みに直面していた人がいたのだけど、clearfix で解決というのが個人的には気持ちが悪く、ソースコードを直してみました。

白猫プロジェクトのキャプチャを参考に、こうしたかった。

IMG_3594.PNG
IMG_3594.PNG

完成すれば、ショートコードなり、AddQuickTagを使って、本文への運用は簡単かと思います。CSSのソースコードはこの通りです。

記事本文へのソースコードはこうなっています。

賢威6.0のソースコードを一部変えたのだけど、もしoverflow以外で対応できるものがあれば教えてください。clear:both; ってのも使える使えないのルールがあるようですね。

もしこのように段組みを組まれたい方は、ご参考くださいませ。