6.36 リストの一部を折りたたむ ★

P.565

「最近のブログ記事」の一部を折りたたむ

「最近のブログ記事」ウィジェットテンプレート(サンプルテンプレート)

<mt:if tag="blogEntryCount">
<dt class="sidetitle">最近のブログ記事一覧</dt>
<dd class="side">
  <mt:entries lastn="10">
    <mt:entriesHeader>
  <ul>
    </mt:entriesHeader>
    <mt:if name="__counter__" eq="6">
  </ul>
  <div class="list_more" id="LinkEntry">
    <a href="javascript:void(0)" onclick="showHide('Entry','<mt:blogURL />',this);return false;" onkeypress="showHide('Entry','<mt:blogURL />',this);return false;">すべて見る ≫</a>
  </div>
</dd>
<dd class="side" id="TextEntry" style="display:none;margin-top:-20px;">
  <div class="list_more"><a href="javascript:void(0)" onclick="showHide('Entry',0,this);return false;" onkeypress="showHide('Entry',0,this);return false;">≪ 隠す</a></div>
  <ul>
    </mt:if>
     <li><a href="<mt:entryPermalink />" title="e<mt:entryID />"><mt:entryTitle /></a></li>
    <mt:entriesFooter>
  </ul>
    </mt:entriesFooter>
</mt:entries>
</dd>
</mt:if>

★「最近のブログ記事」ウィジェットテンプレート(デフォルトテンプレート)

元のテンプレートに009~018を追加しています。処理の流れはサンプルテンプレートと同じです。

001:<mt:If tag="BlogEntryCount">
002:  <mt:Entries lastn="10">
003:    <mt:EntriesHeader>
004:<div class="widget-recent-entries widget-archives widget">
005:  <h3 class="widget-header">最近のブログ記事</h3>
006:  <div class="widget-content">
007:    <ul class="widget-list">
008:    </mt:EntriesHeader>
009:  <mt:if name="__counter__" eq="6">
010:    </ul>
011:    <div class="list_more" id="LinkEntry">
012:      <a href="javascript:void(0)" onclick="showHide('Entry','<mt:blogURL />',this);return false;" onkeypress="showHide('Entry','<mt:blogURL />',this);return false;">すべて見る ≫</a>
013:    </div>
014:  </div>
015:  <div class="widget-content" id="TextEntry" style="display:none;margin-top:-15px;">
016:    <div class="list_more"><a href="javascript:void(0)" onclick="showHide('Entry',0,this);return false;" onkeypress="showHide('Entry',0,this);return false;">≪ 隠す</a></div>
017:    <ul class="widget-list">
018:  </mt:if>
019:      <li class="widget-list-item"><a href="<$mt:EntryPermalink$>"><$mt:EntryTitle$></a></li>
020:    <mt:EntriesFooter>
021:    </ul>
022:  </div>
023:</div>
024:    </mt:EntriesFooter>
025:  </mt:Entries>
026:</mt:If>

P.566

「月別アーカイブ一覧」の一部を折りたたむ

「月別アーカイブ」ウィジェットテンプレート(サンプルテンプレート)

<mt:ifArchiveTypeEnabled archive_type="Monthly">
<dt class="sidetitle">月別アーカイブ一覧</dt>
<dd class="side">
  <mt:archiveList archive_type="Monthly">
    <mt:archiveListHeader>
  <ul>
    </mt:archiveListHeader>
    <mt:if name="__counter__" eq="4">
  </ul>
  <div class="list_more" id="LinkMonthly">
    <a href="javascript:void(0)" onclick="showHide('Monthly','<mt:blogURL />',this);return false;" onkeypress="showHide('Monthly','<mt:blogURL />',this);return false;">すべて見る ≫</a>
  </div>
</dd>
<dd class="side" id="TextMonthly" style="display:none;margin-top:-20px;">
  <div class="list_more"><a href="javascript:void(0)" onclick="showHide('Monthly',0,this);return false;" onkeypress="showHide('Monthly','<mt:blogURL />',this);return false;">≪ 隠す</a></div>
  <ul>
    </mt:if>
    <li><a href="<mt:archiveLink />"><mt:archiveTitle /></a> [<mt:archiveCount />]</li>
    <mt:archiveListFooter>
  </ul>
    </mt:archiveListFooter>
  </mt:archiveList>
</dd>
</mt:ifArchiveTypeEnabled>

★「月別アーカイブ」ウィジェットテンプレート(デフォルトテンプレート)

元のテンプレートに009~018を追加しています。処理の流れはサンプルテンプレートと同じです。

001:<mt:IfArchiveTypeEnabled archive_type="Monthly">
002:  <mt:ArchiveList archive_type="Monthly">
003:    <mt:ArchiveListHeader>
004:<div class="widget-archive-monthly widget-archive widget">
005:  <h3 class="widget-header"><$mt:ArchiveTypeLabel$> <a href="<$mt:Link template="archive_index"$>">アーカイブ</a></h3>
006:  <div class="widget-content">
007:    <ul class="widget-list">
008:    </mt:ArchiveListHeader>
009:    <mt:if name="__counter__" eq="4">
010:    </ul>
011:    <div class="list_more" id="LinkMonthly">
012:      <a href="javascript:void(0)" onclick="showHide('Monthly','<mt:blogURL />',this);return false;" onkeypress="showHide('Monthly','<mt:blogURL />',this);return false;">すべて見る ≫</a>
013:    </div>
014:  </div>
015:  <div class="widget-content" id="TextMonthly" style="display:none;margin-top:-15px;">
016:    <div class="list_more"><a href="javascript:void(0)" onclick="showHide('Monthly',0,this);return false;" onkeypress="showHide('Monthly','<mt:blogURL />',this);return false;">≪ 隠す</a></div>
017:    <ul class="widget-list">
018:    </mt:if>
019:      <li class="widget-list-item"><a href="<$mt:ArchiveLink$>"><$mt:ArchiveTitle$> (<$mt:ArchiveCount$>)</a></li>
020:    <mt:ArchiveListFooter>
021:    </ul>
022:  </div>
023:</div>
024:    </mt:ArchiveListFooter>
025:  </mt:ArchiveList>
026:</mt:IfArchiveTypeEnabled>

ウェブページ

Powered by Movable Type 4.261

このアーカイブについて

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。