iTunes Store(Japan)  HMVジャパン  Just MyShop(ジャストシステム)  アフィリエイト リンクシェア ブログ 携帯対応 成果報酬 広告 テンプレート ブログパーツ

月別アーカイブとか

delicious はてな この記事をクリップ! | 2004年04月20日16:18 | 編集

このエントリーで私は、月別週別のアーカイブファイルを削除して「ダイエット成功!」とか喜んでました。 が、月別位は復活させようと、丁度本日私は自宅におり、しかもマックさんの前であれこれと作業しているものですから、その合間に月別アーカイブを復活させました。

一発で30分位掛かる作業の合間にやってましたので、効率の良い作業だったと思いますけど、そもそも削除していたという時点で非効率なのでありますが...。

さて、先ず削除してしまったテンプレさんを復活させなければなのですけど、「Templeteの編集」にて新規にこさえます。 「アーカイブに関連したテンプレート」の部分に新しく「Month-Based Archives」とでも名前を付けて、とりあえずMaster Archive Indexの内容をごっそりコピペ。

その後

BLOGの設定 > アーカイブの設定

で「新しく追加...」ボタンをクリックして、2つあるプルダウンメニューからそれぞれMonthうんたらを選択しときます。 そして保存。 再構築は後で一気に行いますです。

テンプレに戻って、Master Archive Indexでは主要なタグは

<MTArchiveList>
<$MTEntryDate format="%b %d, %Y"$> // 最後に半角スペースを1つ
<a href="<$MTArchiveLink$>">
<$MTArchiveTitle$>
</a>
<br />
</MTArchiveList>

これだけでありますが、この部分を

<MTArchivePrevious archive_type="Monthly">
<a href="<$MTArchiveLink archive_type="Monthly"$>">
&laquo; Previous - <$MTArchiveDate format="%B %Y"$>
</a>
</MTArchivePrevious>
 // 
<MTArchiveNext archive_type="Monthly">
<a href="<$MTArchiveLink archive_type="Monthly"$>">
<$MTArchiveDate format="%B %Y"$> - Next &raquo;</a>
</MTArchiveNext>
<br />



<MTArchiveList">
<MTEntries>
<$MTEntryDate format="%b %d, %Y"$>

<a href="<MTEntryLink>" title="Category -
<MTEntryCategories><$MTCategoryLabel$></MTEntryCategories>
">
<MTEntryTitle>
</a>
<br />
</MTEntries>

こんな風にしたです。 前半は前の月と次の月へのリンクで、後半が月別のアーカイブ部分。

ここで再構築を行いました。 そすると次はトップページから月別ページへのリンクを張りたくなりますです。 プルダウンメニューにすれば無闇に場所を取らないだろうという事で、いかにも普通なプルダウンメニューを付けたんですけども、Cherish Styleさんに新規ウインドウで開くか否かのオプション機能が紹介されておりましたので、それを取り付けてみました。

<script type="text/javascript">
function jumpull(jumpURL) {
var url = jumpURL.options[jumpURL.selectedIndex].value;
if(url != "") {
if (true == document.monthly.targ.checked) {
window.open(url,'archives');
} else {
location.href = url;
};
};
};
</script>



<form name="monthly" id="monthly" action=".">
<select onchange="jumpull(this)">
<option value="">Monthly Archives ...</option>
<MTArchiveList archive_type="Monthly">
<option value="<$MTArchiveLink$>"><$MTArchiveTitle$></option>
</MTArchiveList>
</select>
<br />
<input type="checkbox" name="targ" />open with new window</form>

こんな感じ。 前半がJavaScriptで、後半がHTMLのフォームタグ。 そしてここから新規ウインドウ云々を外した...というか元々作ったのは月別アーカイブの各ページで使ってます。

となると今度はカレンダーが欲しくなる、という事で、結局元に戻っている訳ではありますが。 ともあれ、テンプレートはMovableTypeのサイトにありますので、これを流用。 但し

<tr>
<th abbr="Sunday" align="center"><span class="calendar_sun">Sun</span></th>
<th abbr="Monday" align="center"><span class="calendar">Mon</span></th>
<th abbr="Tuesday" align="center"><span class="calendar">Tue</span></th>
<th abbr="Wednesday" align="center"><span class="calendar">Wed</span></th>
<th abbr="Thursday" align="center"><span class="calendar">Thu</span></th>
<th abbr="Friday" align="center"><span class="calendar">Fri</span></th>
<th abbr="Saturday" align="center"><span class="calendar_sat">Sat</span></th>
</tr>
~~~snip~~~

こんな感じでCSSファイルの方に日曜日用「calendar_sun」と土曜日用「calendar_sat」を追加し、日曜日は赤く(革命色)、土曜日は青くしましたです。 以前はfontタグで色を変更していたのですけれども、そのままだと芸が無いですし、「あまり薦められないタグです」とか言われて減点されるのも癪だから(笑)、スタイルシートで対処した次第。

そんなこんなです。 あ、それと最近ムカつく位スパムが来るので、せめてもと思ってメールアドレスを非公開にしてフォームでよろしくです、とさせていただきましたです。




Search

Archives

Contact

■Administrator
padmacolors@gmail.com

■Akane Miyashita
akane.padma@gmail.com
イラスト、デザインのお仕事を承ります!

フィードメーター - padma colors / 

スカウター : padma colors / 

(C) 1997-2008 padma colors All Rights Reserved. Powered by Movable Type. RSS feed