サムネイル画像の配置

MovableTypeでブログをやっていこうかと思っています。公開&移行の前に満足いく体裁になるようにこれから奮闘します。
まず最初はサムネイル画像を本文回り込みで左に配置する。
ここを参考にしています。
MandraChips: エントリーの画像回り込み改造

lib/MT/App/CMS.pmを編集します。
1962行目

my $link = $thumb ? qq(<img src="$thumb" width="$thumb_width" height="$thumb_height" border="0" align="left" />)
: "View image"

1970行目

<a href="$url" target="_blank"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" align="left" /></a>

という具合に赤字部分を追加します。

cssファイルに下記スタイルを追加

.content img{
margin-right: 8px;
margin-bottom: 8px;
}

.content p.posted
clear: both;

コメント

  1. kaga より:

    スタイルシートに追加するのはどこに入れてもいいですが、自分でわかりやすいようにまとめたほうがいいかな?って思います。
    {}はもちろん必要ですよ。でもこのスタイルはすでにあるので追加という意味で書いてません。ちょっと説明不足だったかな…;;

  2. k-matsu より:

    自分で考えよと叱られそうですが;;;;;;
    ええと、スタイルシートに書き足す文ですが、#centerの下の方に入れたのですがいいのかな?
    それと
    .content p.posted{
    clear: both;
    }
    のように{}でくくらなくても良いのでしょうか?
    今週少し忙しく毎晩出かけなくてはいけないので、落ち着いて考える暇がありません(考えても解らないんですけどね;;;;;;)

  3. kaga より:

    MTの中には500個程のファイルがあるので把握するのは大変ですよね。少しづつカスタマイズしていく楽しみはありますけど。
    XPでも問題ないですか。ありがとうございます。でもあだまだこれからなんですよね、CSSいじるのは。

  4. matsu より:

    kagaさんありがとうございました。
    あの構文の在り処を探していたのですが
    そんなところにあったのですね・・・・・・
    早々に参考にさせて頂きました。
    おかげでうまくいった様です・・・・・m(_ _)m
    さっそくMTインストールされたようで、こちらでは問題なく見られます。
    (windowsXP IE6.0)

  5. kaga より:

    MovableType+何何…で検索するといろんなところを発見できて役立ちます。
    まだマックでしか検証してないのでwinではもしかしたらうまくいってないかもしれません。

タイトルとURLをコピーしました