Movable Type 備忘録

 レイアウトの変更の仕方

ここではMovableType MEMOで配布するテンプレートのレイアウトの変更の仕方について説明します。

レイアウトの変更の仕方

レイアウトを変更するには、各テンプレート内の<body>タグに指定しているクラス名称を変更することでカンタンにレイアウトを替えることができます。 たとえば、2カラム・フィックスド・本文左のテンプレートを3カラム・リキッド・本文左のテンプレートに変更したい場合には以下のようにします。

  1. 変更前
  2. <body class="layout-two-column-leftbody">
  3.  
  4. 変更後
  5. <body class="layout-three-column-liquid-leftbody">

赤い字の部分を青い字の部分のように変更することでカンタンにレイアウトを変更できます。 ただし、気をつけなければいけないことが1つあります。

上記例のように、2カラムから3カラムに変更した場合、2カラム・本文左のテンプレートでは、サイドバーに表示するウィジェットがすべて、右サイドバー(side-rightbox)の中に記述されています。 このまま3カラムに変更すると左サイドバー(side-leftbox)には何も表示されません。 ですので、カラム変更が伴うようなレイアウト変更の場合には手動にて変更後のレイアウトに合わせてテンプレートを修正してください。

レイアウトの種類については、こちらのレイアウトについてを参考にしてください。

 Trackback Pings(0)

No trackbacks found.

 Comments(0)

No comments found.

 Post a Comment

 

コメント用フィード