TIBLOG: MovableType archives

September 18, 2005

[MovableType] 各アーカイブにメニューを表示する。

久々にMovableTypeをいじってみました。

今回はカテゴリアーカイブや月別アーカイブにメニューを表示してみよう！ということで。

今回参考にさせていただいたサイトはこちら。

■常にサイドメニューを表示　MovableTypeを攻略せよ！
■カテゴリーアーカイブにサイドメニューを　SEYA.ORG
■月別アーカイブにタイトル一覧追加　SEYA.ORG

で、色々やってみたんですが、どうにもうちのMTは自分でソースをいじり倒しちゃってるんで、うまくいかず・・・結局ほとんど自己流でやっつける羽目に。
久々に手をつけたから、自分でどこをどうカスタムしたんだか忘れてたんで、えらい時間かかっちゃいました（笑）

うちの場合かなーり更新頻度低いんで、月別アーカイブはそれほど縦長になってませんが、カテゴリアーカイブのほうは20件以上ログがあるところもあるんで、そのうち上記のサイトを参考に分割表示させたいとなぁ・・・と思いつつ、今日は断念。

そういえばMTのバージョンアップもしてないや。
今、ベータ版だと3.2まで行ってるのに・・・

posted by kanegon : 02:35 AM | comments (1)

November 14, 2004

[MovableType] 月めくりカレンダーの導入。

さて前回もちょっと触れた左側のメニューにあるカレンダーの月送り化の話。

きままにポロポロさんを参考に月めくりカレンダーを導入してみました。

■月めくりカレンダー　きままにポロポロ

FirefoxとIEでレイアウト確認してるんで、まぁ表示崩れ等はないかと。（Macは不明・・・）

ただ、うちの場合は上記サイトままの方式だと弊害（バックグラウンドカラーが本体とメニューで違う等）があるため、カレンダー用に別途スタイルシートを作る方式をとりました。

まずテンプレート > 新しいアーカイブ・テンプレートを作るからテンプレート名“Calendar”を下記のソースで作成。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1./ Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=<$MTPublishCharset$>" />

<title><$MTBlogName$></title>

<link rel="stylesheet" href="<$MTBlogURL$>styles-cal.css" type="text/css" />

<MTBlogIfCCLicense>

<$MTCCLicenseRDF$>

</MTBlogIfCCLicense>

</head>

<body>

<div id="calendar" align="center">

<table table width="170" summary="投稿されたエントリーへのリンク付き月間カレンダー">

<caption>

<MTArchivePrevious>

<a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.php">«</a>

</MTArchivePrevious>

<$MTArchiveDate format="%B %Y"$>

<MTArchiveNext>

<a href="<MTBlogURL>archives/calendar/<MTArchiveDate format="%Y/%m/index">.php">»</a>

</MTArchiveNext>

</caption>

<tr>

<th abbr="日曜日"><font color="#CC0000">su</font></th>

<th abbr="月曜日"><font color="#000033">mo</font></th>

<th abbr="火曜日"><font color="#000033">tu</font></th>

<th abbr="水曜日"><font color="#000033">we</font></th>

<th abbr="木曜日"><font color="#000033">th</font></th>

<th abbr="金曜日"><font color="#000033">fr</font></th>

<th abbr="土曜日"><font color="#0000CC">sa</font></th>

</tr>

<MTCalendar month="this">

<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>

<td <MTCalendarIfToday>style="border : 1px solid #000033;"</MTCalendarIfToday>>

<MTCalendarIfEntries><MTEntries lastn="1">

<a href="<$MTEntryLink archive_type="Daily"$>" title="[<$MTEntryTitle$>]" target="_top">

<$MTCalendarDay$></a>

</MTEntries></MTCalendarIfEntries>

<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>

<MTCalendarIfBlank> </MTCalendarIfBlank></td>

<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>

</MTCalendar>

</table>

</div>

</body>

</html>

次にテンプレート > 新しいインデックス・テンプレートを作るからテンプレート名“Clendar Stylesheet ”、ファイル名“styles-cal.css”でカレンダー用のスタイルシートを作成。


body {

	margin: 0px 0px 0px 0px;

		background-color: #DDDDDD;

		text-align: center;

        }

a {

	text-decoration: underline;

	}

a:link {

	color: #006699;

	}

a:visited {

	color: #006699;

	}

a:active {

	color: #CC0000;

	}

a:hover {

	color: #CC0000;

	}

#calendar {

  	line-height: 140%;

	color: #666666;

	font-family: "Century Gothic", Verdana, Arial, sans-serif;

	font-size: x-small;

  	padding: 2px;

	text-align: center;

	margin-bottom: 20px;

	}

#calendar table {

	padding: 2px;

	border-collapse: collapse;

	border: 0px;

	width: 100%;

	}

#calendar caption {

	color: #000033;

	font-family: "Century Gothic", Verdana, Arial, sans-serif;

	font-size: x-small;

	border-bottom: 1px solid #000033;

	text-align: center;

	font-weight: bold;

	text-transform: uppercase;

	padding: 4px;

	letter-spacing: .3em;

	}

#calendar th {

	text-align: center;

	font-weight: normal;

	}

#calendar td {

	text-align: center;

	}

最後に下記のソースをカレンダーを表示させたい箇所に埋め込んで完成です。


<div align="center">

<iframe name="cal-iframe" src="<MTBlogURL>archives/calendar/<MTDate format="%Y/%m/index">.php" 

width="170" height="160" scrolling="NO" frameborder="0" marginwidth="0" marginheight="0">

</iframe>

</div>

まぁ、このままでは流用できない部分も多々あるとは思いますが、一応参考までにということで。当然、色やサイズなんかは任意で変更しないと使い物にならないかと。
特にスタイルシートなんかは公式サイトにある標準デザインのGettysburgを元に焼き直しまくってるんで無駄が多いと思いますし・・・

posted by kanegon : 01:50 AM | comments (2)

November 13, 2004

[MovableType] カレンダーに本日表示をつける。

久々にMovable Typeを少し変更。

小粋空間さんを参考にカレンダーの本日の日付に枠を表示させるようにしてみました。

■カレンダーの本日表示変更　小粋空間

こんなに簡単にできるんなら、もっと早くやっとけばよかった・・・（笑）

あと、カレンダーを月送りできるようにしたいんですが、ちょいと停滞中。
（個人的にiframeが苦手＆css調整しなきゃならんので）

posted by kanegon : 06:32 PM | comments (0)

October 20, 2004

[MovableType] Movable Type 3.1

MT3.1日本語版の配布が始まったようです。

■Movable Type 3.1日本語版の提供を開始　Six Apart Japan

今回のバージョンではソフトバンクBBと提携して法人向けパッケージも用意されているようで。

■「Movable Type 3.1 日本語版」がリリース。法人向けはソフトバンクBBが提供　Yahoo!Japanニュース

うちはとりあえず当分バージョンアップしない方向。
まだ3.01も使いきれていないような気がするので･･･

posted by kanegon : 05:22 PM | comments (0)

August 29, 2004

[MovableType] MTメモ2

引き続きMTの調整を続けております。
エントリーの編集画面に、前回追加したblockquote以外のボタンを追加してみました。

結果、↓のように16個もボタンが並ぶことに･･･（笑）

今回、参考にさせていただいたサイトは風のまにまに号さんです。
コチラで紹介されているのはVer.2.X用なのですが、blockquoteボタン作った時のことも参考にVer.3.0にやっとこさ移植完了です。

ちなみにボタンはオリジナルで作成したものを使用しています。

posted by kanegon : 04:51 AM | comments (0)

August 28, 2004

[MovableType] MTメモ

先日もちょっと触れましたが、このブログはMovableTypeというブログ・アプリケーションを使用しています。
ブログの中では一番流通しているアプリケーションらしく、デザイン、レイアウトの自由度も高く作られており、googleなどで検索すると関連サイトはいくらでも出てきます。

ここ数日、ちょこちょことレイアウトをいじってますが、その際参考にしたサイトやTIPSを自分用メモの意味も含めてご紹介しておきます。

MTインストール手順他：Milano::Monologさん

タイトルに画像＆文字を表示：野宿は楽し＠ココログさん

リンクを別ウィンドウに：ごみのやまさん

コメント投稿者のメルアドを非表示に：日々のノートさん

blockquoteボタンの作成：PC Blog @ Noel Cafeさん
　※これは見てる方にはあんまりわかりませんけど、私的には大変便利。

この中でも特にMilano::MonologさんはMTの総本山的なサイトなので、これからMT構築を考えてる方は必見。

あとメニューやなんかはとりあえず自分でCSS＆テンプレートと睨めっこしていじってますんで、もし環境でレイアウト崩れてるような方がいたら御一報くれるとありがたいです、はい。

posted by kanegon : 07:07 PM | comments (0)

TIBLOG

THE IMPULSE BUYER blog