MovableTypeを3カラム化、結構いいかも!


Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/users/1/2baihan/web/sugaparadise.com/wp-content/plugins/ultimate-google-analytics/ultimate_ga.php on line 524

VOXの3カラム形式がどうにも良いのでニバイハンも3カラム化してみました。一番左に記事を並べて、その横2列に関連情報をいっぱい置くタイプのものです。

ブログパーツなんかを増やすと困っていたのですが、これで表示できる情報量は結構多くなりました。とりあえずアーカイブ系も3カラムにしてみましたが、こちらはこれからの評判などを見て2カラムに戻すかもしれません。

MT3.3からは1カラム、2カラムの左右両タイプ、3カラムと色々なタイプに対応したCSSがデフォルトで入っていますので比較的簡単に導入できました。

手順はこんな感じ。

1、メインインデックスのテンプレートでカラム形式を変更。

まずは「two-colmun」を「three-colmun」に変更する。こうしないとサイドバーが2本にならず、縦に並んでしまいます。次に、3つ目のカラムである「ganmma」の追加する。もともとサイドバーになっている「beta」を使うと良いかも。

2、CSSでレイアウト調整

元々CSSに記述されている3カラムは左右にサイドバーが置かれるタイプになっています。まずは一番左のalhpaを記事を見せる適正な広さに広げてあげる。次に各サイドバーである「bata」「ganmma」のサイズを調整していきました。

3、アーカイブ系にテンプレートに反映

ここまでくればほぼ完了。あとはお好みでエントリーアーカイブなどの各アーカイブテンプレートに反映していってください。

MTのCSSの構造がよくわからんって人は以下のサイトを参考に。MTは3.2あたりからCSSの構造が変わって、レイアウトのカスタマイズがしやすくなりましたね。(それでも久々にやったら、半日かかってしまった…。)

▼MovableType幼稚園: MT3.2を3カラムにする

http://syoboi.com/movabletype/000025.html

あとはIEで確認してないので崩れていないかが心配なくらいですw

Pocket
LINEで送る
[`evernote` not found]

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です