2005年01月04日

MovableType改造2

 画像を入れたときのテキストの回り込み設定、続きの表示(Extended Entryへのリンク)の設定変更を行ったので、それを紹介します。

・テキストの回り込み表示

 画像の右側のスペースが無駄だなと思い、テキストが回り込み表示されるように設定。特に最近は文章が長めになってきているし。とは言っても、レイアウトが大きく崩れるのはあまりよろしくないので、うまく使い分けていきたいと思う。

参考サイト1:画像アップロード時に、img_Lというクラスをデフォルトでつけるように。スタイルシートの設定はお好みで。僕は"margin-bottom:4px;"というのも加えた。

参考サイト2:文字数が少ないとレイアウトが崩れるため、それを阻止。こっちのやり方よりもスマートだと思う。僕の場合"posted"に付け足し。

参考サイト3:モブログの設定。基本的に"image-template"のところに"class=img_L"を追加すればOK(リンク先は"image site-path"とあるが、間違いだろう…)。あと、"template"で"\n"(改行)を抜かすと画像の一番上から行が始まる。

※スタイルシートなんかいじりたくないという人は、こちらをそのまま使えば、モブログに関しては回り込みされます。

・続きの表示設定を変更

 "続きを読む≫"のリンクをクリックするとその下に続きが表示されるようにしてたんだけど、"≪続きを隠す"をクリックすると、そのエントリーに戻るのではなく、ページスクロールした分そのまま移動して元に戻ってしまう。その修正。

参考サイト

 ちなみにこのままだと"続きを読む≫"と同じ部分に"≪続きを隠す"というのが出るので、それは削除した("<$MTEntryMore$>"の上2行を削除)。文章の途中に"続きを隠す"という言葉があるのは美しくないし、せっかく読むと思ってくれたんだから、一瞬でそれを撤回できるような選択肢はいらないかと…。

Posted by take at 19:43 | TrackBack(0)
Comments
Post a comment









Remember personal info?