いろいろ改造

このブログは MovableType というブログシステムを使って作成しています。
ですので、PC環境において、さらに言うと、Windows かつ Firefox での閲覧時に、もっとも私が意図するデザイン、およびレイアウトで見ることができます。

携帯では非常に見づらく、画像のサイズによっては表示できないものも多々あります。
誠に勝手な理由で申し訳ございません。

そんな勝手な理由の中、またぞろ PCでの閲覧でしか確認できない細かいところを改造しております。
IE ですら、意図したとおりに表示されない箇所があるようです。
バグやセキュリティホールがまだまだ心配な IE より、この機会に Firefox への乗り換えをオススメします。


Highslide JS

「最近のエントリー」部

まず、左カラムの「最近のエントリー」部をご覧下さい。
最近のエントリー(記事)と、それについたコメントがツリー状に表示されています。

コメントのツリー表示は少し前から擬似的にやっていました。
たとえば画像の例でいうと、「ジュンイチ 01/15」とか「よしこ 01/12」というのが、「2007.01.06 バターロール」という記事についたコメントです。
(正確には、コメントを書いてくれた人の名前と日付ですが)

その名前の左に表示されている連結線を、以前はすべて L字で表示していました。
L字の画像を固定で置くようにしていたのです。

それを、ご覧のようにツリーの途中部分は 横T字でつなげることができました。
小粋空間さんのブログ記事「JavaScript 不要なサイドメニューのツリー化」
このあたりの記事を参考にさせていただきました。


Highslide JS

「アーカイブ」部

つづいて、「アーカイブ」部をご覧下さい。
カレンダーと、過去の掲載年、および月が表示されています。

カレンダーの上部に「< 2007年01月」と表示されていますが、< をクリックすると、一つ前の月を表示することができます。

同様に、「< 2006年11月 >」のときに > をクリックすると、次月を表示します。

カレンダー下の年の右にある▲(または▼)をクリックすると、ツリー表示が開閉します。
この辺の改造も、小粋空間さんのブログ記事「JavaScript 不要なサイドメニューのツリー化」
この近辺の記事を参考にさせていただきました。

すでにお気づきかと思いますが、画像をクリックしたときの、拡大画像の表示の仕方も変えてみました。
以前までは別ページが開いてそこに画像が表示されていましたが、今回から同じページ内でズームインするようになりました。
さらに、拡大した画像をドラッグすると、好きな位置に移動することができます。

この辺の技術は Web2.0 というか、近頃ハヤリの Ajax 的なものを感じるわけですが。
これまた小粋空間さんのブログ記事「Highslide JS でサムネイル画像を拡大表示する」を参考にさせていただきました。
もちろん私の独力ではありません。

そんなわけで、改造の仕方はリンク先を参照していただくとして。
Movabletype だとこんなふうに自分の好きなようにブログをカスタマイズできますよというご紹介でした。

[MovableType備忘録]カテゴリの前後の記事

前の記事: エントリーの部分的な折りたたみ
次の記事: タグ挿入ボタンを追加

コメントを投稿

※公開されません。管理者のみに通知されます。

トラックバック

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

※トラックバック時の注意