二〇〇四年 六月 二十九日（火）
カスタマイズのオニ・・・その3
[Blog記録]
長い文を書くと、１ページが長くなって表示が見づらい
そこで、投稿するときに、主文と追記に分けて書くと
｢続きを読む｣という表示で後半を隠すことができるんだけど、
今度はその代わりに全文を読むときにいちいち個別のページに飛んでしまって読みにくい
そんなときに、クリックすると隠されている文がシュッと(笑)出てくるスクリプト
シュルッとね(笑)読みやすくなった
以前のカスタマイズでカテゴリーごとや月間のアーガイブが最近の何件かだけの表示になったから、それも見やすくなった
ただ、どこらあたりで追記に切り替えるべきなのか・・・
思わせぶりに｢続きを読む｣にして、後の分が大した事ないならクリックするだけ損ではない？
まあブックレピューなんかには向いているね、この方法
二〇〇四年 六月 二十八日（月）
カスタマイズのオニ・・・その2
[Blog記録]
やっほーい
意味もなく日本語表示の日付にしてみた
さらに意味もなく六曜なんぞも表示される！ブラボー
以前の職場のせいか、結構こういうのが表示されるとうれしくなってしまう
二〇〇四年 五月 三十一日（月）
忙しいときほど
[Blog記録]
年設置した読書日記は全然書けなくなってしまった・・・
結局そんなにいくつものものを管理するのは無理と判断
それと、最近ブログなるものが流行っているようで
まあ要するに新しい物好きってこと（笑）
どんなものになるかは見てのお楽しみですが、とりあえず設置してみた
二〇〇四年 五月 二十八日（金）
Moblog・・・ その3
[Blog記録]
最後にもう一つ大きな山があった
MovableTypeの大きな面倒臭さの一つに「リビルド」がある
いろんな設定を変更したときに、必ず「りびるど」をしておかないと、表示に反映しない
さらに、面倒なことにMoblogを投稿しても、メインの柱に出ている写真が更新されるには
メインのページ自体が変更があったり、リビルドがかからないとダメなのだ
しかし、これを解決してくれる人がいる！
そう、この問題を解決してくれる人の多さがMovableTypeの一番のメリットだ(笑)
>Tarragon/Estragon: SSIでMoblog表示を更新させる
これで最新の表示をそのつど見に行ってくれるようになった
素晴らしい！ブラボー！
さらに↑のページに載っていた
blogDROID: エントリーのタイトル前にカテゴリ別画像を表示する
これもちょーしこいて設定する
ここら辺りから、ちょーしこいてカスタマイズのオニになっていったような気がする・・・(-_-;)
Moblog・・・ その2
[Blog記録]
携帯からメールでエントリーできるようになったMoblog
スタイルはとりあえず３カラムのときにもお世話になった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" $>
メインのお頭的日常の右の柱に写真を表示させることに成功
さらに、写真の大きさを１２０×１６０のサイズにそろえ、題名や日付もスタイルシートで設定する。
.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
これは後に、トップページのサムネイルは写真を縮小して表示するように設定しなおしました。あと、ＡＬＬＰＨＯＴＯのページも。このときには思いつかなかったんだねー。
Moblog・・・ その1
[Blog記録]
blogという言葉もWeblogという言葉もよくわからないのにもう一つ出てきたMoblog
これはMobile＋Weblog＝Moblogということらしい
要するにモバイル端末から投稿するWeblogを指すらしい
私の場合はカメラ付き携帯を愛用していて、今までも結構日記に貼り付けていた
今回も同じように使おうと思ったんだけど、どうも写真ファイルをアップするのが面倒
今まで使っていた日記CGIのほうが簡単だった・・・
で、直接携帯から投稿する方法があるようなので、その設定もしてみた
ここはなんでも、Weblog神のサイトらしい（笑）
こちらに載っているサービスを使うと、携帯メールでWeblogに直接写真を投稿できる
でも、やはり日常使っているものにそのままポストするのは危険らしいので（よーわからんが）
もう一つWeblogを作って、Moblog専用とする
スタイルシートの深い森 その2
[Blog記録]
なんとかスタイルシートの設定もする
そのときお世話になったのが
Mariのいろえんぴつ
HP用のカラーの組み合わせがたくさん出ているサイト
私、本当に色センスとかないのよね～
こういうサイトさんがあるととても助かる
今回はなんとなくみどりの組み合わせを採用することにした
ついでに、背景に画像を入れて、スタイルシートの設定で動かないようにした
今は縦じまだからわかりにくいんだけど、後ろの壁紙は動いていない
本当はこういうのって写真とかで設定すると生きるんだろうな～と思いつつも
なんとなく無駄に設定（笑）
お遊びと実験なんだから、いいでしょ
スタイルシートの深い森 その1
[Blog記録]
３カラムという形式が成功したお頭的日常
しかし、その次には「スタイルシート」という更なる試練が待ち受けていた
そもそもスタイルシートとはなんぞや？
詳しくは↓
とほほのスタイルシート入門（基礎知識）
要するに、HPの見栄えを良くするために作るレイアウトのルールブックのようなものらしい
これがまた、デフォルトではかっちょわるいんだよ・・・
色もないし、フォントもダサいと思う
まあ私のセンスがどうかっていうとアレですが(笑)
それを自分好みに作り変えていけばいいんだけど、その設定が膨大にあるのよね、これが
そのルールがナニを設定しているのかがわからない
そんなときに見つけたサイトがここ
TRIGGERS / blognews: スタイルシートガイド
これをみれば、なにがナニを指定しているかがわかる優れもの
それを見ながらせっせと色や大きさを設定する・・・けど、膨大な量なんだよね（涙）
カスタマイズのオニ・・・その1
[Blog記録]
なんだかだんだんと燃えてきたカスタマイズ
そうだった、私こういうとこ思いっきりオタクなので、いじらずにはいられない～
ってことで、色々探してはごそごそなおし・・・を繰り返す
オタクの血が騒ぐ～～～っ(-。-)y-゜゜゜
Sugar Tit: Category Archives をタイトルで一覧表示
これで月間表示やカテゴリーごとのページが巨大ファイルにならずにすむ
それでもあかんほどに増えてきたたら、プラグインで対応すべし
と思っていたけど、それよりももしかしたらこっちがいいかも
bird.dip.jp: Category Archive のカスタマイズ
追記：今はこの記事は参考にならない。バージョンが違うからタグが変かも。2005.11
二〇〇四年 五月 二十七日（木）
Blog 事始 その2
[Blog記録]
設置したのはいいけど、とっても殺風景・・・
デフォルトのスタイルシートがそもそも殺風景なのだ
どうしたらいいのかわからないけど、とりあえず最初にBlogを作ろうと思ってあれこれ探したときに
ARTIFACT ―人工事実―
このページで勉強したので、さらにまた色々探す
あちこちみるとどうもメインの記事の両脇にリンクや写真を飾ることができるらしいとわかる
しかし、デフォルトデザインでは２つのパートにしか分かれていない
これを３つに分けるためには全体的にテンプレートを書き直す必要があるようだ
しかーし！なぜかリンク切れを起こしていて、その説明があるところにたどり着かない
なんとかたどり着いたのがココ
iNTERNET magazine -はじめてのCSSでblog自分流デザイン 2xUP新作テンプレートダウンロードページ-
HINAGATAさんという方が作ったテンプレートが公開されている
すばらしい、ありがとう
なんとか３カラム化は成功した
追記：2005.11
HINAGATAさんは今はここです。