2004年08月27日 (金)

iblogPatcher 用カスタマイズ済みテンプレート(CategoryPage.txt)

iblogPatcher を 1.3 にバージョンアップさせてからそのための解説をほとんど書いていませんでした。このため新規に導入をされる方、新たな blog を立ち上げる方、テンプレートの大幅な改造をする方などにはわかりにくい状況になっていました。

私の労力をあまり使わずに少しでも緩和しようと「僕は見ていた」で使用しているテンプレートセット、スタイルシート、ブログ定義ファイルの実例を同梱していますが、これはかなり iBlog オリジナルから離れたカスタマイズをしているので、ブログ定義ファイル以外は参考程度にしかなっていませんでした。

これを解消するために何回かに分けて iblogPatcher 用にカスタマイズされたテンプレート(デザインはオリジナルと同じ)を掲載していきます。最後にこれらのためのブログ定義ファイルも掲載します。このとおりにやればよいようになります。

今日はその第二回目。CategoryPage.txt です。

[追記 2004.08.28]テンプレートから環境依存を排除しました。
[追記 2004.08.29]<$LinkRev$> を <$LinkMade$> に改めました。


CategoryPage.txt はほとんど BlogPage.txt と同じです。
$DocumentRoot$ を囲む [ ] は全角にしてあります。半角に置き換えてください。また a タグの < と a の間にスペースを入れています。このスペースは取り除いてください。強調された黄色い部分が iblogPatcher に依存した部分です。各所の解説は BlogPage.txt と同じです。そちらをご覧下さい。
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP" xml:lang="ja-JP">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <meta name="keywords" content="<$MetaKeywords$>" />
    <meta name="description" content="<$BlogDescription$>" />
    <meta name="author" content="<$MetaAuthor$>" />
    <meta name="copyright" content="<$MetaCopyright$>" />
    <link rel="contents" href="<$BlogBaseURL$>archive.html" />
    <link rel="start" href="<$BlogBaseURL$>index.html" />
    <link rel="alternate" type="application/rss+xml" title="RSS 0.92" href="[$DocumentRoot$]/rss.xml" />
    <link rel="stylesheet" href="<$BlogBaseURL$>styles-site.css" type="text/css" />
    <link rev="made" href="mailto:<$LinkMade$>" />
    <script language="JavaScript1.2" src="<$BlogBaseURL$>CommonLib.js" type="text/javascript"></script>
    <$AuthenticationLink$>
    <title><$CategoryName$></title>
    <script type="text/javascript" src="unyo.js"></script>
    <script type="text/javascript">
      ShowString = '続きを表示&gt;&gt;';
      HideString = '&lt;&lt;続きを隠す';
    </script>
    <script type="text/javascript" src="http://www.haloscan.com/load.php?user=<$HaloScanID$>"> </script>
  </head>
  <body>
    <div id="banner">
      <h3><$CategoryImage$> <script language="JavaScript1.2" type="text/javascript">getBlogName();</script> &gt; <script language="JavaScript1.2" type="text/javascript">getCategoryName("<$CategoryUUID$>");</script></h3>
      <noscript>
        <em>このサイトでは JavaScript を利用しています。コンテンツを意図通りにご覧になるためには JavaScript が使用できるブラウザで JavaScript 機能を有効にしてご覧下さい。</em>
      </noscript>
    </div>
    <table border="0" cellpadding="1" cellspacing="0" summary="Navigation Bar - Main Contents">
      <tr>
        <!-- Main content -->
        <td valign="top" width="<$ContentAreaWidth$>%">
          <div id="container">
            <div class="blog">
              <ForEachEntry>
              <h2 class="date"><!-- BEGIN EntryPostDate --><$EntryPostDate$><!-- END EntryPostDate --></h2>
              <div class="blogbody">
                <h3 class="title">< a id="<$EntryUUID$>" name="<$EntryUUID$>"><$EntryTitle$></a></h3><br />
                <$EntryAbstractOrBody$><br />
                <ReadMoreLink>
                <script type="text/javascript">
                  WriteUnyo('<$EntryUUID$>');
                </script>
                <!-- WriteUnyo End -->
                </ReadMoreLink>
                <EntryTimestamp>Posted at <!-- BEGIN EntryTimestamp --><$EntryTimestamp$><!-- END EntryTimestamp -->&nbsp;</EntryTimestamp>
                < a href="<$BlogBaseURL$>index.html"><script language="JavaScript1.2" type="text/javascript">getBlogName();</script></a>&nbsp;
                <ReadMoreLink>< a href="<$EntryUUID$>/index.html"> Read More<span style="display: none">(<$EntryUUID$>)</span></a>&nbsp;</ReadMoreLink>
                <$EmailFeedback$>&nbsp;
                | < a href="http://www.haloscan.com/comments/<$HaloScanID$>/<$EntryUUID$>" title="Thread <$EntryUUID$>" onclick="HaloScan('<$EntryUUID$>'); return false;" onkeypress="HaloScan('<$EntryUUID$>'); return false;"><script type="text/javascript">postCount('<$EntryUUID$>');</script></a>
                <noscript>
                  < a href="http://www.haloscan.com/comments/<$HaloScanID$>/<$EntryUUID$>" title="Thread <$EntryUUID$>" target="Comment">Comments</a>
                </noscript>&nbsp;
                | < a href="http://www.haloscan.com/tb/<$HaloScanID$>/<$EntryUUID$>" title="Trackbacks for <$EntryUUID$>" onclick="HaloScanTB('<$EntryUUID$>'); return false;" onkeypress="HaloScanTB('<$EntryUUID$>'); return false;"><script type="text/javascript">postCountTB('<$EntryUUID$>');</script></a>
                <noscript>
                  < a href="http://www.haloscan.com/tb/<$HaloScanID$>/<$EntryUUID$>" title="Trackback for <$EntryUUID$>" target="Trackback">Trackbacks</a>
                </noscript>&nbsp;
              </div>
              </ForEachEntry>
            </div>
          </div>
        </td>
        <!-- Navigation bar -->
        <td valign="top" width="<$NavigationAreaWidth$>%">
          <div id="links">
            <div class="sidetitle">
              Quick Links
            </div>
            <div class="side">
              < a href="../index.html">Blog - <script language="JavaScript1.2" type="text/javascript">getBlogName();</script></a>
            </div>
            <$NavigationItems$>
            <div class="sidetitle">
              Statistics
            </div>
            <div class="side">
              Total entries in this blog: <script language="JavaScript1.2" type="text/javascript">getBlogEntriesCount();</script><br />
              Total entries in this category: <script language="JavaScript1.2" type="text/javascript">getCategoryEntriesCount("<$CategoryUUID$>");</script><br />
              Published On: <!-- BEGIN PublishDate --><$PublishDate$><!-- END PublishDate -->
            </div>
            <div class="powered">
              < a href="http://homepage.mac.com/yuji_okamura/iblog/DotMac/Tips/C1592201073/E1898506484/index.html" title="iblogPatcher-1.3.1">iblogPatcher</a><br />
              Powered by<br />
              < a href="http://www.lifli.com/Products/iBlog/main.htm">iBlog</a>
            </div>
          </div>
        </td>
      </tr>
    </table>
    <div class="footer">
      <hr noshade="noshade" size="1" />
      <div align="center">
        &#169; <script language="JavaScript1.2" type="text/javascript">getUsername();</script>
      </div>
    </div>
  </body>
</html>

Posted: 16:44    | Comment | Trackback


以下、類似エントリです。