Twitter icon  Tumblr icon  facebook icon  rss icon  feedly icon
naglly.com > MovableType  > MT4:Movable Type4.01インストール備忘録(詳細) #4

MT4:Movable Type4.01インストール備忘録(詳細) #4

参照
 MT4:Movable Type4.01インストール備忘録(詳細) #1
 MT4:Movable Type4.01インストール備忘録(詳細) #2
 MT4:Movable Type4.01インストール備忘録(詳細) #3

 少し間が空きましたが、Movable Type4.01インストール備忘録の続きです。前回は、Movable Type4.01を公開したところまで書きました。次はデザインの調整です。

 だらだら書いていると忘れそうなので、今日で完結と言うことで2つの記事に分けて一気に書きます。ちょっと長文です。

 まずは基本的なデザイン構成から。

 パカチョン的にデザイン設定を終わらせるには、ダッシュボードから、「デザイン→スタイル」を選び、規定のスタイルから好きなものを選択すれば一応は完了します。これは新しいMovable Typeの機能で、これはこれでとても便利なのですが、それではあまりにもそっけ無いので、別のところから新しいテンプレートを持ってきます。

 色々とネットを見てまわったのですが、僕は元々左右にサイドバーがある、3カラムのタイプが好きなので、いつも困ったときに参照させて頂いている、小粋空間様のサイトからテンプレートを頂きました。

参照先
 小粋空間: Movable Type テンプレート
(ページ自体がとてつもなく長いんで、気の短い方は、「template_4_0」と検索を掛けるとダウンロードすべきリンクに一発で飛びます。)

 このテンプレートは複数のバリエーションに対応しているのですが、僕はこの中の「3カラム(中央カラム固定・以下同様)」と言うスタイルを使っています。サイズ固定の3カラムスタイルです。

 上記のリンクから、テンプレートのファイルをダウンロードしたら、ファイルを解凍してデフォルトテンプレートに対応する元々のファイルと入れ替えます。ファイル名が同じものを探して上書きする感じです。ただし、このうち、「サイドバー」 と「サイドバー2」は、全く新規のテンプレートとして作成します。

 また、テンプレートのカスタマイズですが、「3カラム(中央カラム固定・以下同様)」と言うレイアウトは元々のデフォルト設定なので、特に触る必要無しです。別のレイアウト(2カラムや、リキッドタイプ)などに変える場合はbodyタグのclass属性を変更する必要があります。

 これで基本的なテンプレートが出来上がりました。次は、自分なりのカスタマイズをしていきます。まずは、右サイドバーと左サイドバーのサイズを広げるため、「スタイルシート(メイン)」を変更しました。なぜ変更するかというと、185pxと言うボックスサイズは、最近のブログパーツを埋めるにはちょいと小さいからです。

 スタイルシート(メイン)の下記の位置を変更します。

.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 185px;
}

 を下記に変更。

.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 210px;
    background-color: #eee;
}

 次は、細かいデザインやカスタマイズです。

 この記事のカテゴリは、MovableType です。
このエントリーをはてなブックマークに追加

関連する記事と広告

最新ブログ記事一覧

 2018年12月11日
ベランダから下ろした洗濯カゴに乗せられて、隣の敷地から救出されるネコ(動画)
隣の家の庭で動けなくなってしまった飼い猫を何とかして家に帰らせようと試みる飼い主ですが、隣に接し…
 2018年12月11日
Laptop Issues - 問題だらけのノートパソコン
Laptop Issues(ノートパソコン問題) 欄外の声1: Oh no. (おっと。) 欄外の声2: What? (どうしま…
 2018年12月10日
「なんで私の昼寝スポットは動き続けるの?」と不思議がるネコ(動画)
いつまでも動き続けるルームランナーの上で落ち着ける場所を見つけようとする、無茶な考えを持ったネコ…
 2018年12月09日
「双眼鏡越しに写真を撮ったら惑星っぽい」の画像をきっかけに類似の画像が集まる
「双眼鏡のレンズ越しに写真を撮影したら、惑星のようだった」と言うタイトルで投稿されたこの画像。確…
 2018年12月08日
枕の山の中からネコを探せ!(動画)
ベッドの上にたくさんのまくらが並べられていますが、この中にネコが潜んでいます。さて、どこにいるで…
 2018年12月08日
ロシアの子供たちは、ブランコを雪の中から掘り出して遊ぶ(動画)
ロシアの子供たちは、どんなに大雪が降っても公園にある遊具は本来の機能のまま遊びたいみたいで、雪を…
 2018年12月08日
Mercator Projection - 「メルカトル図法の真実」の間違った利用法
Mercator Projection(メルカトル図法) 男: Did you know Canada is actually a smallish island in…
 2018年12月07日
「今年も来たツリーの破壊者」「ワープする路面電車」他 51ネタ目
【小ネタまとめ】の記事は、日々の小ネタツイートの中から反応が良かったものをまとめて掲載します。これ…
 2018年12月06日
「だるまさんが転んだ」を遵守しつつ、飼い主を狩りに来るネコ(動画)
「だるまさんが転んだ」のルールに従い、撮影者が覗いた時はピクリとも動かず、見ていない隙に着実に迫…
 2018年12月06日
Middle Latitudes - 中緯度は最悪
xkcd: Middle Latitudeshttps://xkcd.com/2081/ Middle Latitudes(中緯度) 男: It would be nice …
 2018年12月05日
よっ、脱獄名人!部屋を仕切る柵を軽々と飛び越えるフレンチブルドッグ(動画)
フレンチブルドッグのピクルスさんは、飼い主がリビングルームへ入って来ないように仕切っている2~3フ…
 2018年12月04日
「昨日飛行機に乗ったら、雲が島の上だけにあった」の画像にトリビアが集まる
『昨日、飛行機に乗ったんだけど、雲が島の上にしかないことに気づいた。』と言うタイトルで投稿された…