MovableTypeテンプレートのdecoweb > 編集方法 > カラム変更したい

カラム変更したい

ブログテンプレートのMovableTypeテンプレートは全体が3カラム表示で設定されてるけど、2カラム、1カラムへの変更ができるよ!

Step1

『管理画面』を開き、『ブログの一覧』からテンプレートを変更したいブログをクリック。

カラム変更-MovableTypeイメージ図

『環境設定』の『テンプレート』をクリック。

カラム変更-MovableTypeイメージ図

Step2

変更したいテンプレート名をクリック。
(※ここではメインページを変更してみます)

カラム変更-MovableTypeイメージ図

『テンプレートの内容』のHTML文章部分を変更するよ。

カラム変更-MovableTypeイメージ図

HTML文章を下に少しスクロールすると、『<body class="layout-three-column">』がでてくるのでそのbodyのclass名を変更すればテンプレートの表示がかわるよ。

カラム変更-MovableTypeイメージ図

  • class名だけでカラムが切り替えできるので簡単!
    3カラム----------------<body class="layout-three-column">
    2カラム(メニュー右)------<body class="layout-two-column-right">
    2カラム(メニュー左)------<body class="layout-two-column-left">
    1カラム----------------<body class="layout-one-column">

変更したら『保存と再構築』をクリック。

カラム変更-MovableTypeイメージ図

Step3

『サイトを確認』をクリックして変更されてるか確認しよう!

カラム変更-MovableTypeイメージ図

3カラムのレイアウトが・・・

カラム変更-MovableTypeイメージ図

2カラム(メニュー右)に切り替えられたよ。

カラム変更-MovableTypeイメージ図

無事にカラムの切り替えできたかな?ページによってカラムを変えたりしてみてね。