キラキラです。

現在、ドミトリーのリフォーム中！

得意の”突貫工事”をしています。詳細な設計もなく、耐震構造も施していません。笑。

工事中はレイアウトが崩れたり、プラグインの順番が変わったりしてご迷惑をおかけしますが、新しい記事の投稿、コメントを書き込むには問題ないと思いますので、遠慮なくじゃんじゃんやってくださいね。

終わったら、またこちらでお知らせしまーす。 

---

リフォーム終了しました。

主な変更点は、
・プラグインを両サイドに配置
・全体的な表示サイズの変更

の2点です。

・・・が、不本意な施工をせざるを得ない状況だったため、少々ブサイクなリフォームになってしまいました。。。


詳細は以下の通りです。ここからは、少々、専門的な話になってしまうので、興味のある方のみご覧ください。


今利用しているテンプレートは、

タイトル:800px
左 160+15px	記事 450px	右 15+160px
フッター:800px

という構造になっています。数字は横幅で、単位はピクセルです。記事と左右プラグインとの間に、空白と、枠線を合わせてそれぞれ15pxあります。

160(左)＋15(枠線＆空白)＋450(記事)＋15(枠線＆空白)＋160(右)＝800(タイトル部分)

といった感じで、左のエリアには、プラグイン1～3、右のエリアにはプラグイン4～5が配置されるようにレイアウトされていました。

現在のドミトリーでは、プラグインが全て1に入れられていたため、右に配置するプラグインがなく、

タイトル:800px
左 160px	記事＋右　625px 　　　　　　　 記事　450px
フッター:800px

記事＋右のエリアを合わせたスペースの真ん中に記事があり、記事の左右にもったいないスペースがたくさんありました。

そこで、プラグインを両サイドに配置させて、もっとブログを使いやすくすることを目的にリフォームをすることにしました。


しかし、プラグインを左右に配置させると、記事の部分が追い出されてしまい、プラグインの下に記事が続くような形になってしまうという問題が発生しました。

原因を調査すると、「amazonのアフィリエイト」と、「ブログ全般へのご質問、ご意見など」の2つのプラグインの横幅が180pxありました。この2つがレイアウトを崩す要因となっていたのです。

構造上、このテンプレートだと、左プラグイン→右プラグイン→記事の順番に配置されます。
800px(全体)-(180(左)＋15(枠線＆空白)＋15(枠線＆空白)＋180(右))＝410px

タイトル:800px
左 180＋15px	残り 410px	右 15+180px
フッター:800px

となるので、左右プラグインを配置した残りのすきまに、記事が入らなくなってしまい、結果、下へ追いやられていました。

そこで、この問題となっている2つのプラグインのサイズを160pxへ変更することを考えました。しかし、この2つのプラグインは、独自にサイズを決めれるものではなく、変更できずに断念。


次に、少々不本意ながらも、記事の部分のサイズを、410pxに小さくすることを考えました。しかし、記事に貼ってある写真や、動画の横幅が400～450pxあり記事を小さくできませんでした。写真は一括で小さくできるけど、動画は1つずつ記事を手修正していかなければ小さくできないので、これも断念。


で、結果的に･･･。一番したくなかったのですが、全体の大きさ(タイトル部分)を800→840pxに変更しました。

タイトル:840px
左 180+15px	記事 450px	右 15+180px
フッター:840px

これでぴったりです。しかし、見ての通り、タイトル部分の画像の横幅が800pxしかないので、タイトル画像の左右に20pxずつの隙間ができてしまいました。

少々ブサイクなレイアウトとなってしまいましたが、少しは使いやすくなったでしょうか？プラグインは適当に配置しているので、自由に変えてください。
また、レイアウト変更に関する意見、要望等ありましたら、コメントよろしく。