二〇〇四年 五月 二十八日(金)
Moblog・・・ その2
[Blog記録]
携帯からメールでエントリーできるようになったMoblog
スタイルはとりあえず3カラムのときにもお世話になったHINAGATAさんのところからいただくことに。
これはまあ特に問題なくクリア・・・したと思っていた。
次に、Now.htmlを作成する。
moblog template samples [dh's memoranda]
<MTEntries lastn="3">
<div class="photobody">
<div class="phototitle">
<$MTEntryTitle$>
</div>
<a href="<$MTEntryLink$>">
<$MTEntryBody$>
<div class="photodate">
<MTDatej><$MTDatejYear kanji="1"$>年
<$MTDatejMonth kanji="2"$>月
<$MTDatejDay kanji="2"$>日(<$MTDatejYoubi$>)
<$MTDatejSyuku$>
</div>
</div>
</MTEntries>
これで最新エントリを拾って、これを本体のブログの柱に表示させるようにする。
<$MTInclude file="../x/mob/now.html" $>
メインのお頭的日常の右の柱に写真を表示させることに成功
さらに、写真の大きさを120×160のサイズにそろえ、題名や日付もスタイルシートで設定する。
.sidebar .photo img {
background-color: #ffffff;
border: 1px solid #999;
padding:5px;
position: relative;
width: 150px;
height: 200px;
margin: 1em 0.5em 1em 0.2em;
}.sidebar .phototitle {
font-size: 1.2em;
font-weight: bold;
text-align: left;
padding: 0.5em 0em 0em 0em;
font-family: verdana, Arial, Helvetica, sans-serif;
border-top: 1px dotted #000000;
}.sidebar .photodate {
font-size: 0.9em;
text-align: right;
padding: 0em 2em 0.5em 0em;
}
さて、テストを兼ねて写真をいくつか投稿して、お頭的日常の柱に写真が載った♪
さらにこれをクリックするとMoblogに飛んで・・・あれ??
なんでだろうか・・・写真が何枚か投稿してあるはずなのに、最新一枚しか表示されない
スタイルシートやテンプレートを確認するけど、特に問題がないはず
まだ全然いじっていないはずなのに・・・わからない
後でつらつら考えるに、携帯から投稿した場合、スタイルシートで写真の表示サイズを設定している
んで、普通に画像をアップロードするときには、表示用にサムネイル画像を作るようになっている
どうもHINAGATAさんのテンプレは、写真本体とサムネイルの画像が両方必要で、
携帯から投稿するとそのサムネイルが作られないのが原因じゃないのかな~と
結局HINAGATAさんのテンプレートを使うことは諦めて、HTRATAさんの他のテンプレートを採用
こちらは問題なく写真が表示されるが、原寸なのででかい・・・(^^;
まあスタイルシートで設定して、大きさ指定すればいいけどね
あ~メインの設置よりもずっと面倒だったわ(~_~;)
追記:2005.11
これは後に、トップページのサムネイルは写真を縮小して表示するように設定しなおしました。あと、ALLPHOTOのページも。このときには思いつかなかったんだねー。