携帯 カスタマイズ vol.19-2

moblogを導入して携帯から画像のUPを可能にする （まとめ）

かなり手こずったmoblogちゃんですが、ようやく納得のいく形になりました。
このように試行錯誤しましたけれども、それも今となってはいい思いで…。
moblog.uva.ne.jpのsetting画面のtemplateで\（バックスラッシュ）が増殖してしまうのでひたすら悩んでMacじゃ無理なのかなぁ？とか色々考え、ひたすらググりまくったけれど結論は出ず。Hirataさんのところのコメントで同じような質問があったので毎日チェックしてたら、新しいエントリーに答えは出てました。

なるほど、だからいくらやっても駄目だったのか。
さんざん調べてたのでtemplateの修正は楽勝だと踏んでたら３時間かかりました…（泣）。

基本的なのは前のエントリーどうりですけど、%(imagecontent)s\n%(caption)sとするとクラス指定出来ない事に今更気付きました。うーん。

結論から言うとsettingのtemplateは、

<div class=\"photo\">%(imagecontent)s\n\n<font class=\"caption\">%(caption)s</font></div>

という感じにしました。 \nは<br>に変換されるみたいなので画像とテキストの間を開けたくなければ\nは一つでいいです。

本当はテキストの回り込みをやりたかったんですけれど、image templateにalign=\"left\"を付け加えるとCSSのfloatバグみたく背景画像がテキストにしか反映されなくなってしまって断念しました。まぁ、携帯の画像のサイズを240*320でやる事にしたので別に問題ではありませんです。
※タグに直接位置していなどをする事は将来サポートされなくなるようです。CSSで指定しましょう。

このままだと、now.phpの最新moblog画像も240*320で表示されてしまうのでCSSで指定します。
一つ下のサイズが120*160なんで、

.side .photo img {

  height:160px;

  width:120px;

  }

とStylesheetテンプレートに付け加えました。

それと、htmlのままだと投稿しただけではnow.htmlの画像は更新されずサイトが再構築されないと反映されないみたいです。ですが、php化しているならMTインクルードする部分をPHPインクルードするだけで投稿する度に更新されます。
他のやり方としては、

oscarblogの埋め込んだ moblog を自動更新する

が参考になると思います。

画像を表示させるのには、プラグインを使う方法もあるようです。

WKNS 2ndStageのサイドに最新のMOBLOG写真を表示
bird.dip.jpのCollect Plugin

また、カテゴリーのmoblogを消したい場合は、

::moto's blog::のモブログのカテゴリを非表示にしたい！
Joker BLOG Side Streetの特定のカテゴリーを表示しない

が分かりやすいと思います。

あと、多分動作確認する時にテスト投稿して、そのエントリーを消す場合にMT管理画面で消すと思いますが（Kung-Logはmoblogのエントリーを認識しない為）、MT管理画面で消すというのは、そのBlog上からエントリーを削除するだけであってファイルは消えません。FTP接続ツールを使ってarchiveフォルダの中の個々のhtml (php) ファイルと、アップした画像を手動で削除しないといけません。
面倒くさいです...。

それとテストする時に、moblog.uva.ne.jpで表示させたくない場合はsetting画面にあるPublic?のチェックをnoにすればサムネイル表示されなくなります。

今考えてるのは、moblogの画像が一覧で見れないので（別にBlogを作ってやる場合だと一覧させるのは簡単に出来る、テンプレートもある）、リスト化しているカテゴリー表示でmoblogを表示させた時だけサムネイル画像を表示させる方法を探してるんですが中々知恵が出てきません。

前述したCollectPluginを使って出来ないもんかなぁ？
ifで条件指定とかいう風にすれば出来るっぽい？
イメージ的には、

Category Archive表示 > もしcategory="Moblog"だった場合 > CollectPluginがそのエントリーの画像をサムネイルで表示

ちょっとワタクシだと無理だと思います（号泣）。

追記；
強引にやってみました。あんまり真似しない方がいいかも知れません。
カスタマイズ vol.33