自動でテキストの回り込みをする


qr.gif←要するに、これがやりたかったのです。いちいちタグを書くのもめんどくさいので、自動でやってくれるように改造しました。基本はごみのやまさんの「画像にテキスト回り込み」の記事です。

ところでこの画像、このブログの携帯版サイトURLの仕込んであるQRコードです。携帯にバーコード読み取りがついている機種なら取り込めます。お試し下さいー。かしゃっと撮るの、面白いですよ。

ちなみに、MTの管理画面カスタムですので、この改造をしてもモブログしたときは回り込みませんー。ま、長い文章でなければ、回り込まなくてもたいした支障はないかな?回り込み対応させました。

上記改造をした後に、moblog設定画面の[image archive-path]と[image site-path]へ以下のように入力します。

[template]→%(imagecontent)s\n%(caption)s
[image template]→<img src=\"%(imageurl)s\" alt=\"moblog photo\" class=\"img_L\" />

これで、左上に画像、右にテキスト回り込みになります。
コピーペーストすると/(バックスラッシュ)が¥で表示されますが、同じ意味ですので問題ありません。

トラックバックURL

このエントリーのトラックバックURL:

トラックバック

MovableType改造2 from blue jam
・テキストの回り込み表示  画像の右側のスペースが無駄だなと思い、テキストが回り込み表示されるように設定。特に最近は文章が長めになってきているし。とは言っても、... [続きを読む]

Tracked on 2005年01月04日 19:43

モブログ テキスト回り込みpart2 from mocha
以前モブログテキスト回り込みに関してこのエントリーを投稿し、他の方にも参考にして... [続きを読む]

Tracked on 2005年05月06日 13:09
コメント

はじめまして。ryoといいます。
こちらのサイトの情報を参考にMoblogの設定ができました!
ありがとうございました。

が、ごみのやまさんのサイトの情報どおりテキストの回りこみ設定してみたのですが、ダメみたいです・・・

基本は、ということは少しカスタマイズされた、ということですよね。もう少し頑張ってみます(´д⊂

Posted by ryo at 2004年07月30日 03:18

ryoさんこんにちは。ご参考にしていただけたそうで、とても嬉しいです。
私も他の方が苦労しているのを参考にがんばったので、どこかでひっそり誰かの役に立てたらと思って、覚え書きをしていました。(と、ごみのやまさんに無駄なトラバを三発も撃っていることに今気づく初心者……恥)

私は、あのままの改造だとエントリーの枠から写真がはみ出してしまうので、MainIndexのテンプレートに
<br style="clear: both;" />
というタグを足しています。
場所は</MTCatEntries>の真上です。(CatEntriesプラグインを使って改造してなければ</MTEntry>の真上です)

これでfloat等のclass="img_L"スタイル設定が解除され、無事きれいにエントリー内へ収まりました。
どの辺りで苦労されているのかわからないのですが、ご参考まで~。
ご検討をお祈りしています!

ryoさんのブログ、テンプレートかわいいなあ…。

Posted by ryoko at 2004年07月30日 17:38
コメントしてください




保存しますか?