%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" id="sixapart-standard">
<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="generator" content="Movable Type Pro 5.12" />
<link rel="stylesheet" href="http://rappan.sakura.ne.jp/blog/styles-site.css" type="text/css" />
<title>
ページ構成アーカイブ: 道化師ラッパンのボヤキ [年がら年じゅう]
</title>
<script type="text/javascript" src="http://rappan.sakura.ne.jp/blog/mt.js"></script>
<script type="text/javascript" src="http://rappan.sakura.ne.jp/blog/menufolder.js" charset="utf-8"></script>
</head>
<body class="layout-three-column">
<div id="main-box">
<div id="box" class="clearfix">
<div id="head">
<div id="header">
<h1 id="blog-name"><a href="http://rappan.sakura.ne.jp/blog/" accesskey="1">道化師ラッパンのボヤキ</a></h1>
<p class="blog-description">年がら年じゅう、寝る間も惜しんで、趣味に没頭するマニアックな日々。
</p>
</div>
<div id="head-navi">
<UL id="under1">
<LI><A href="http://rappan.sakura.ne.jp/blog/" title="ブログのトップへ">ブログトップ</A>
<LI><a href="http://rappan.sakura.ne.jp/blog/allentry.php" title="記事一覧へ">記事一覧</A>
<LI><a href="http://rappan.sakura.ne.jp/blog/tagcloud.php" title="タグ一覧へ">タグクラウド</A>
</UL>
<UL id="under2">
<LI id="list"><A href="リンク先" title="#">このサイトについて</A>
<LI><A href="../" title="ホームに戻る">「年がら年じゅう」ホーム</A>
</UL>
</div>
</div>
<div id="head-calendar"><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='650' height='22' id='w_calendar300'><param name='allowScriptAccess' value='always' /><param name='movie' value='http://rappan.sakura.ne.jp/blog/w_calendar300.swf?xmlURL=http://rappan.sakura.ne.jp/blog/xml/&kc=4&fC=3b0077&eC=ff7f00&tC=dd0000&tp=0&mf=2&link=1&tg=1' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><param name='bgcolor' value='#cccccc' /><embed src='http://rappan.sakura.ne.jp/blog/w_calendar300.swf?xmlURL=http://rappan.sakura.ne.jp/blog/xml/&kc=4&fC=3b0077&eC=ff7f00&tC=dd0000&tp=0&mf=2&link=1&tg=1' quality='high' wmode='transparent' bgcolor='#cccccc' width='650' height='22' name='w_calendar300' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object></div>
<div id="links-left-box">
<dl id="links-left">
<dt class="sidetitle">
Categories
</dt>
<dd class="side" id="categories">
<ul class="tree">
<li class="tree"><div class="subcategories" id="subcategories28name">水槽</div>
<div id="subcategories28list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/arua2/" title="12">水槽全体</a> [6]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/abeni/" title="21">アベニーパファ</a> [39]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/otosin/" title="22">オトシン</a> [12]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/numaebi/" title="29">ヌマエビ</a> [5]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/mizukusa/" title="20">水草</a> [18]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/terra/" title="44">テラリウム</a> [5]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/aqua/etc/" title="35">その他</a> [1]
</li>
</ul></div>
</li>
<li class="tree"><div class="subcategories" id="subcategories40name">食虫植物</div>
<div id="subcategories40list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/dionaea/" title="41">ハエトリソウ</a> [46]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/sarra/" title="42">サラセニア</a> [4]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/utri/" title="43">ウトリキュラリア</a> [3]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/cephalotus/" title="50">セファロタス</a> [1]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/import/" title="52">輸入</a> [13]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/planter/" title="49">プランター台</a> [4]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/cp/transplant/" title="51">植え替え</a> [3]
</li>
</ul></div>
</li>
<li class="tree"><div class="subcategories" id="subcategories23name">日々の出来事</div>
<div id="subcategories23list"><ul class="tree">
<li class="tree"><div class="subcategories" id="subcategories24name">お出かけ</div>
<div id="subcategories24list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/odekake/nara/" title="55">奈良県</a> [1]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/diary/odekake/hyogo/" title="10">兵庫県</a> [5]
</li>
</ul></div>
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/diary2/" title="15">ただの日記</a> [6]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/nande/" title="26">ちょいとツッコミ</a> [3]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/pc/" title="13">パソコン</a> [2]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/auction/" title="8">オークション</a> [2]
</li>
<li class="tree"><div class="subcategories" id="subcategories25name">メモ</div>
<div id="subcategories25list"><ul class="tree">
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/diary/memo/clover/" title="19">クローバー</a> [1]
</li>
</ul></div>
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/diary/conveni/" title="53">コンビニ</a> [1]
</li>
</ul></div>
</li>
<li class="tree_end"><div class="subcategories" id="subcategories30name">ブログ</div>
<div id="subcategories30list"><ul class="tree">
<li class="tree"><div class="subcategories" id="subcategories31name">MT5</div>
<div id="subcategories31list"><ul class="tree">
<li class="tree"><div class="subcategories" id="subcategories32name">カスタマイズ</div>
<div id="subcategories32list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/php/" title="7">php化</a> [4]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/side/" title="9">サイドメニュー</a> [4]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/theme/" title="2">テーマ</a> [9]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/parts/" title="3">ブログパーツ</a> [1]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/" title="33">ページ構成</a> [9]
</li>
</ul></div>
</li>
<li class="tree_end"><div class="subcategories" id="subcategories34name">プラグイン</div>
<div id="subcategories34list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/plugin2/consti/" title="54">構成系</a> [4]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/plugin2/image/" title="4">画像系</a> [2]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/plugin2/edit/" title="6">編集系</a> [4]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/plugin2/entry/" title="11">記事系</a> [3]
</li>
</ul></div>
</li>
</ul></div>
</li>
<li class="tree"><div class="subcategories" id="subcategories36name">MT3.2</div>
<div id="subcategories36list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/" title="5">ページ構成</a> [13]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/plugin/" title="17">プラグイン</a> [3]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/css/" title="18">スタイルシート</a> [9]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/memomemo/" title="16">覚書</a> [2]
</li>
</ul></div>
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/tool/" title="14">ツール</a> [2]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/up/" title="1">バージョンアップ</a> [4]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/blog/iko/" title="37">移行</a> [3]
</li>
</ul></div>
</li>
</ul>
<script type="text/javascript">
<!--
FoldNavigation('subcategories28','initState',true);
FoldNavigation('subcategories40','initState',true);
FoldNavigation('subcategories23','initState',true);
FoldNavigation('subcategories24','initState',true);
FoldNavigation('subcategories25','initState',true);
FoldNavigation('subcategories30','initState',true);
FoldNavigation('subcategories31','initState',true);
FoldNavigation('subcategories32','initState',true);
FoldNavigation('subcategories34','initState',true);
FoldNavigation('subcategories36','initState',true);
//-->
</script>
</dd>
<dt class="sidetitle">
Recent Comments
</dt>
<dt class="sidetitle">
Recent Entries
</dt>
<dd class="side">
<ul>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/06/12-172434.php" title="e212">アーカイブインデックスで記事一覧[MT5]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/06/06-113741.php" title="e210">タグクラウドをいじる[MT5]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/06/16-170555.php" title="e108">フッターのせり上がりの修正[MT5]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/03/29-233546.php" title="e25">メインページのページ分割（その3）[MT5]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/03/28-170026.php" title="e24">メインページのページ分割（その2）[MT5]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/03/28-160022.php" title="e23">メインページのページ分割（その1）[MT5]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/03/24-113024.php" title="e22">同カテゴリ内の前後記事へのリンク[MT5]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/03/23-165238.php" title="e21">パンくずリストを付けてみた[MT5]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/02/25-135741.php" title="e7">ナビゲーションバーを入れてみた[MT5]</a></li>
</ul>
</dd>
<dt class="sidetitle">
Recent Trackbacks
</dt>
<dd class="side">
</dd>
</dl>
</div>
<div id="content">
<div class="blog">
<div class="content-nav">
<a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/parts/">« ブログパーツ</a> |
<a href="http://rappan.sakura.ne.jp/blog/">Main</a>
</div>
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/index.php#entry-000212"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/211"
dc:title="アーカイブインデックスで記事一覧[MT5]"
dc:identifier="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/index.php#entry-000212"
dc:subject="ページ構成"
dc:description=" MTにはアーカイブインデックスがあるんやけど、それを表示すると、うちの場合は..."
dc:creator="ラッパン"
dc:date="2012-06-12T17:24:34+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000212" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2012/06/12-172434.php">アーカイブインデックスで記事一覧[MT5]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img12.gif"></div>
<div class="entry-title">
<div class="space">
</div>
<p class="date">2012年6月12日</p>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
MTには<strong>アーカイブインデックス</strong>があるんやけど、それを表示すると、うちの場合は、<strong>カテゴリー一覧</strong>と<strong>月別一覧</strong>と<strong>ブログ記事一覧</strong>が表示されていた。</p>
<p>
これってなんかもうちょっとスッキリした形で見せる方法ってないん？と思って、<strong>全ブログ記事表示</strong>をちょっと調べました。</p>
<p>
<strong>カテゴリー一覧</strong>と<strong>ブログ記事一覧</strong>は一体化して、<strong>月別一覧</strong>はサイドバーにすでに表示されてるので、削除する方向で。</p>
<p>
かなり古い記事やけど、参考にさせてもらいました。</p>
<blockquote>
<p>
[参考にしたエントリー]</p>
<p>
<a href="http://weblibrary.s224.xrea.com/weblog/mt/custom/mt_4.html" target="_blank">WEBデザイン BLOG>>MTで自動的に階層式サイトマップを構築する</a></p>
</blockquote>
<p>
</p>
<h4>
試行錯誤しました </h4>
<p>
1）新しい<strong>テンプレートモジュール</strong>を作成し、下記を記述して適当な名前を付けて保存（うちの場合は「<strong>全記事</strong>」という名前にしました）。</p>
<pre>
<MTIfArchiveTypeEnabled archive_type="Category">
<h2 class="archive-title">記事一覧</h2>
<div class="entry">
<ul class="all">
<li><a href="<$MTBlogURL$>" title="<$MTBlogDescription$>">Home</a>
<MTTopLevelCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>]
<MTElse>
<li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a>
</MTElse>
</MTIfNonZero>
<ul>
<MTEntries>
<li>[<$mt:ArchiveDate format="%Y.%m.%d."$>] <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>
</li>
<li><a href="<$MTBlogURL$>tagcloud.php" title="タグクラウド">タグクラウド</a></li>
</ul>
</div>
</MTIfArchiveTypeEnabled></pre>
<p>
公開されているソースをちょっといじりました。<strong>記事に日付を表示</strong>したことと、記事が存在する<strong>カテゴリーには、その記事数</strong>が表示されるようにしたことの2点です。</p>
<p>
</p>
<p>
2）次に、<strong>インデックステンプレート</strong>で<strong>アーカイブインデックス</strong>のコピーを作ります（アーカイブインデックスをそのまま使ってもいいですが）。</p>
<p>
記述の中の赤字の部分をドッサリ削除して・・・</p>
<pre>
<div id="content">
<div class="blog">
<span style="color: #ff0000"><mt:IfArchiveTypeEnabled archive_type="Category">
<h2 class="date">カテゴリー一覧</h2>
（略）
</mt:ArchiveList>
</mt:IfArchiveTypeEnabled>
</span></div>
</div></pre>
<p>
青字の部分を追加します。</p>
<pre>
<div id="content">
<div class="blog">
<span style="color: #0000ff"><mt:include module="全記事" />
</span></div>
</div></pre>
<p>
</p>
<p>
3）用意されてる画像をいただいて（li.gifは横の寸法を縮めました）、サーバーにUPします。<strong>images</strong>フォルダにUPしました。</p>
<p>
<img alt="ul.gif" class="mt-image-center" height="10" src="http://rappan.sakura.ne.jp/blog/image/blog/ul.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="20" /><img alt="li.gif" class="mt-image-center" height="9" src="http://rappan.sakura.ne.jp/blog/image/blog/li.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="10" /></p>
<p>
</p>
<p>
4）そして、<strong>スタイルシート</strong>に以下の記述を。</p>
<pre>
.archive-title {
color: #36414d;
background: #ffefdf;
padding: 5px 10px 0 10px;
margin-bottom: 15px;
font-size: 83.3%;
height: 17px;
width: auto;
}
ul.all {
padding: 0px;
margin: 0px;
}
ul.all li {
margin: 0px;
padding-left: 18px;
list-style: none;
}
ul.all li ul {
margin: 0px;
padding: 0px;
background-position: -1px 15px;
background-image: url('images/ul.gif');
background-repeat: repeat-y
}
ul.all li li {
background-position: 8px 5px;
background-image: url('images/li.gif');
background-repeat: no-repeat;
}</pre>
<p>
</p>
<p>
5)んで仕上がった様子。</p>
<p>
<img alt="120612-01.gif" class="mt-image-center" height="273" src="http://rappan.sakura.ne.jp/blog/image/blog/120612-01.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="360" /></p>
<p>
なかなかええ感じに仕上がった。</p>
<p>
このままやと、記事が増えてくると、どんどん下に伸びるだけなので、またそうなったら<strong>他の手</strong>を考えてみようかと思います。</p>
<div class="entry-tags">
<h3 class="entry-tags-header">タグ:</h3>
<ul class="entry-tags-list">
<li class="entry-tag"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%82%A4%E3%83%B3%E3%83%87%E3%83%83%E3%82%AF%E3%82%B9&limit=20&IncludeBlogs=2" rel="tag">アーカイブインデックス</a></li>
<li class="entry-tag"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E8%A8%98%E4%BA%8B%E4%B8%80%E8%A6%A7&limit=20&IncludeBlogs=2" rel="tag">記事一覧</a></li>
</ul>
</div>
</div>
<p class="entry-footer">
<a href="http://rappan.sakura.ne.jp/blog/2012/06/12-172434.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/" title="">ページ構成</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2012/06/12-172434.php#comments" title="comments212">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2012/06/12-172434.php#trackbacks" title="trackbacks212">Trackbacks</a> [0]
</p>
</div>
</div>
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/side/index.php#entry-000210"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/209"
dc:title="タグクラウドをいじる[MT5]"
dc:identifier="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/side/index.php#entry-000210"
dc:subject="サイドメニュー"
dc:description=" 長いこと、いじろうと思っててほったらかしになってたタグクラウドをいじることに..."
dc:creator="ラッパン"
dc:date="2012-06-06T11:37:41+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000210" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2012/06/06-113741.php">タグクラウドをいじる[MT5]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img11.gif"></div>
<div class="entry-title">
<div class="space">
</div>
<p class="date">2012年6月 6日</p>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
長いこと、いじろうと思っててほったらかしになってた<strong>タグクラウド</strong>をいじることにしました。</p>
<p>
一応<a href="http://rappan.sakura.ne.jp/blog/2011/05/31-170043.php" target="_blank">2011年5月31日の記事</a>で、自分が描いてたタグクラウドが表示されていたので、それはそれでよかったんです。</p>
<p>
記事を書くたびにタグはきっちり付けていこうと思っていたので、その数はどんどん増えていくだろうと思っていました。実際増えていってます。</p>
<p>
そこで、<strong>トップページ</strong>には少数のタグだけ表示しておき、<strong>全部のタグ</strong>は<strong>別のページ</strong>に表示したいと前から思ってたわけです。で、ほったらかしになってたんですな。</p>
<p>
↓ これが現在の状態。「もっと見る」のリンクは貼られていません。</p>
<p>
<img alt="120606-01.gif" class="mt-image-center" height="400" src="http://rappan.sakura.ne.jp/blog/image/blog/120606-01.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="220" /></p>
<p>
</p>
<h4>
あら？削除されてる</h4>
<p>
それで、以前からちょくちょく参考にさせていただいてたブログがありまして、別ページにタグクラウドを表示するってことをされてました。<strong>bzbellさんのMovable Type 備忘録</strong>というブログだったんですが、削除されていて表示できませんでした。</p>
<p>
実は<strong>6/4</strong>に書いた「<a href="http://rappan.sakura.ne.jp/blog/2012/06/04-095930.php" target="_blank">関連記事を付けてみた</a>」で使用したプラグインが、このタグクラウドを別ページに表示させる方法でも使われていたのです。<strong>一石二鳥！</strong>っと思ってたのに。</p>
<p>
でまぁ、色々検索してみたんやけど・・・実際にページに施したって人は見つかったけど、とうとう詳しくはわかりませんでした。</p>
<p>
もう1つの問題はトップページのそのタグクラウド、<strong>8段階</strong>の<strong>40単語表示</strong>なんやけども、現在<strong>名前順</strong>に並んでいます。数ある中から抜粋して40個出してるのに、名前順て！と思うことです。<a href="http://www.movabletype.jp/documentation/appendices/tags/tags.html" target="_blank">リファレンス</a>にも 書いてますが、他のソート方法はあるけど、あまり良さそうじゃないな～って感じ。</p>
<p>
</p>
<h4>
結論</h4>
<ul>
<li>
別ページ表示の全タグは、最初何か凝ろうと思ってたけど、それはやめて、名前順にして普通に表示。</li>
<li>
トップページのタグクラウドは、なにか違った条件でソートするようにする。</li>
</ul>
<p>
・・・となりました。</p>
<p>
</p>
<h4>
別ページに全タグ表示</h4>
<p>
この方法が正しいかということは置いといて、うまく表示できたのでその方法を。</p>
<p>
1）インデックステンプレートでアーカイブインデックスにチェックを入れ、「<strong>テンプレートの複製</strong>」をする。<strong>コピー</strong>が出来上がる。</p>
<p>
2）コピーを開いて、下記のように書き換える。</p>
<ul>
<li>
タイトル： タグ一覧</li>
<li>
出力ファイル名： tagcloud.php</li>
<li>
種類： アーカイブインデックス </li>
</ul>
<p>
内容は、赤字部分をゴッソリ削除し、ウィジェット「タグクラウド」の青字部分を入れ替えて保存。</p>
<pre>
<div id="content">
<div class="blog">
<span style="color: #ff0000"><mt:IfArchiveTypeEnabled archive_type="Category">
…
</mt:IfArchiveTypeEnabled>
</span></div>
</div></pre>
<p style="text-align: center">
↓</p>
<pre>
<div id="content">
<div class="blog">
<span style="color: #0000ff"><ul id="tags">
<mt:tags limit="0" sort_by="name">
<li class="module-list-item taglevel<mt:tagRank max="8" />">
<a href="<mt:tagSearchLink />"><mt:tagName /></a>
</li>
</mt:tags>
</ul>
</span></div>
</div></pre>
<p>
</p>
<h4>
トップページのタグクラウド変更</h4>
<p>
最新記事に使われたタグを表示することにしました。</p>
<blockquote>
<p>
[参考サイト]</p>
<h5>
<a href="http://www.movabletype.jp/blog/mt41_tagcloud.html" target="_blank">最新10件の記事で使われているタグのうち5つのタグをタグクラウドで表示</a></h5>
</blockquote>
<p>
ウィジェットのタグクラウドで、赤字部分を青字部分に書き換え。変更は、<strong>20単語表示</strong>にしていることと、すでに記述されているスタイルシートでスタイルが反映されるようにしました。</p>
<pre>
<dd class="side">
<span style="color: #ff0000"><ul id="tags">
<mt:tags limit="40" sort_by="name">
<li class="module-list-item taglevel<mt:tagRank max="8" />">
<a href="<mt:tagSearchLink />"><mt:tagName /></a>
</li>
</mt:tags>
</ul>
</span></dd></pre>
<p style="text-align: center">
↓</p>
<pre>
<dd class="side">
<span style="color: #0000ff"><MTSetVar name="i" value="20">
<MTEntries lastn="30">
<MTEntryTags>
<$MTTagName setvar="tagname"$>
<MTUnless name="seen{$tagname}">
<MTIf name="i" gt="0">
<MTSetVar name="i" op="--">
<MTSetVar name="seen" key="$tagname" value="1">
<MTSetVarBlock name="push(tag_htmls)">
<li class="module-list-item taglevel<$mt:TagRank max="8"$>"><a href="<$mt:TagSearchLink$>"><$mt:TagName$></a></li>
</MTSetVarBlock>
</MTIf>
</MTUnless>
</MTEntryTags>
</MTEntries>
<ul id="tags">
<MTLoop name="tag_htmls">
<MTVar name="__value__">
</MTLoop>
</ul>
</span></dd></pre>
<p>
↓ 仕上がった感じ。</p>
<p>
<img alt="120606-02.gif" class="mt-image-center" height="301" src="http://rappan.sakura.ne.jp/blog/image/blog/120606-02.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="220" /></p>
<p>
</p>
<h4>
仕上げ</h4>
<p>
ちょっと文字が詰まってしまってるので、スタイルシートを変更して間隔を開けて、下のような背景を用意して、隙間を埋めました。赤字が変更部分。</p>
<pre>
ul#tags {
margin-top: 5px;
padding: 0.5em 0px;
line-height: <span style="color: #ff0000">1.3</span>;
<span style="color: #ff0000">background-image: url(<$mt:BlogURL$>image/tagback.gif);
</span>}
</pre>
<p>
↓ 使用背景。ゴチャゴチャ感が出ますね。</p>
<p>
<img alt="120606-03.gif" class="mt-image-center" height="76" src="http://rappan.sakura.ne.jp/blog/image/blog/120606-03.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="106" /></p>
<p>
↓ 仕上がった感じ</p>
<p>
<img alt="120606-04.gif" class="mt-image-center" height="341" src="http://rappan.sakura.ne.jp/blog/image/blog/120606-04.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="220" /></p>
<div class="entry-tags">
<h3 class="entry-tags-header">タグ:</h3>
<ul class="entry-tags-list">
<li class="entry-tag"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%BF%E3%82%B0%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89&limit=20&IncludeBlogs=2" rel="tag">タグクラウド</a></li>
<li class="entry-tag"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%BF%E3%82%B0%E5%85%A8%E8%A1%A8%E7%A4%BA&limit=20&IncludeBlogs=2" rel="tag">タグ全表示</a></li>
</ul>
</div>
</div>
<p class="entry-footer">
<a href="http://rappan.sakura.ne.jp/blog/2012/06/06-113741.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/side/" title="">サイドメニュー</a>, <a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/" title="">ページ構成</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2012/06/06-113741.php#comments" title="comments210">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2012/06/06-113741.php#trackbacks" title="trackbacks210">Trackbacks</a> [0]
</p>
</div>
</div>
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/index.php#entry-000108"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/108"
dc:title="フッターのせり上がりの修正[MT5]"
dc:identifier="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/index.php#entry-000108"
dc:subject="ページ構成"
dc:description=" ちょっと前から気付いていたことがある。 何かのタイミングで、フッターがせり..."
dc:creator="ラッパン"
dc:date="2011-06-16T17:05:55+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000108" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2011/06/16-170555.php">フッターのせり上がりの修正[MT5]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img08.gif"></div>
<div class="entry-title">
<div class="space">
</div>
<p class="date">2011年6月16日</p>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
ちょっと前から気付いていたことがある。</p>
<p>
何かのタイミングで、<strong>フッターがせり上がってしまう現象</strong>が起こるのである。<strong>main-box</strong>のブロックを追加したのが原因なのかもしれない。こんな感じ。↓</p>
<p>
<img alt="110616-03.jpg" class="mt-image-center" height="198" src="http://rappan.sakura.ne.jp/blog/image/blog/110616-03.jpg" style="text-align: center; margin: 0px auto 20px; display: block" width="360" /></p>
<p>
</p>
<p>
いつも参考にさせてもらってるサイトがある。今回もお世話になった。</p>
<blockquote>
<h5>
WEB工房きくちゃん</h5>
<p>
CSSテクニック>><a href="http://www.stylish-style.com/csstec/ultimate/fix-foot.html" target="_blank">フッターを画面の下に表示</a></p>
</blockquote>
<p>
</p>
<h4>
スタイルシートの修正</h4>
<p>
フッターをコンテナで囲み、id=footにして、早速、スタイルシートに以下を記述。青字が追加分。</p>
<pre>
<span style="color: #0000ff">html{
height: 100%;
}
</span>body {
font-size: 100%;
<span style="color: #0000ff">height: 100%;
</span>}
html>body {
font-size: 12pt;
}
#main-box {
margin-right: auto;
margin-left: auto;
border-left: 5px solid #ff9999;
border-right: 5px solid #ff9999;
height: 100%;
width: 872px;
text-align: center;
<span style="color: #0000ff">min-height: 100%;
</span>}
<span style="color: #0000ff">body > #main-box {
height: auto;
}</span>
/* フッタ */
<span style="color: #0000ff">#foot{
border-left: 1px solid #cc00cc;
border-right: 1px solid #cc00cc;
background: #ffcc99;
text-align: center;
bottom:0px;
height:42px;
}
</span>.layout-one-column #footer,
.layout-three-column #footer,
.layout-three-column-right #footer,
.layout-two-column-left #footer,
.layout-two-column-right #footer,
.layout-one-column-liquid #footer {
height: 42px;
color: #333333;
font-size: 12px;
line-height: 3.5;
}</pre>
<p>
一応直ったけど、他に方法あるんかもしれん・・・。<img alt="think" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/think.gif" title="think" width="16" /></p>
<div class="entry-tags">
<h3 class="entry-tags-header">タグ:</h3>
<ul class="entry-tags-list">
<li class="entry-tag"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%83%95%E3%83%83%E3%82%BF%E3%83%BC&limit=20&IncludeBlogs=2" rel="tag">フッター</a></li>
</ul>
</div>
</div>
<p class="entry-footer">
<a href="http://rappan.sakura.ne.jp/blog/2011/06/16-170555.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/" title="">ページ構成</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2011/06/16-170555.php#comments" title="comments108">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2011/06/16-170555.php#trackbacks" title="trackbacks108">Trackbacks</a> [0]
</p>
</div>
</div>
<div class="content-nav">
<div class="rappan">
<ul>
<li class="left"></li>
<li class="current_page">1</li><li><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/index_2.php" class="link_page">2</a></li><li><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/index_3.php" class="link_page">3</a></li>
<li class="right"></li>
<li><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/index_2.php" class="link_next">次へ</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="links-right-box">
<dl id="links-right">
<dt class="sidetitle">
Search this site
</dt>
<dd class="side">
<form method="get" action="http://rappan.sakura.ne.jp/mt/mt-search.cgi">
<fieldset>
<input type="hidden" name="IncludeBlogs" value="2" />
<input type="hidden" name="limit" value="20" />
<input id="search" tabindex="8" accesskey="t" name="search" size="20" value="" />
<input type="submit" tabindex="9" accesskey="s" value="Search" />
</fieldset>
</form>
</dd>
<dt class="sidetitle">
Monthly ページ構成
</dt>
<dd class="side">
<ul>
<li><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/2012/06/">ページ構成: 2012年6月</a> [2]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/2011/06/">ページ構成: 2011年6月</a> [1]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/2010/03/">ページ構成: 2010年3月</a> [5]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/2010/02/">ページ構成: 2010年2月</a> [1]</li>
</ul>
</dd>
<dt class="sidetitle">
Monthly Archives
</dt>
<dd class="side">
<ul>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/">2012年7月</a> [8]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/06/">2012年6月</a> [15]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/05/">2012年5月</a> [12]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/04/">2012年4月</a> [8]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/10/">2011年10月</a> [3]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/09/">2011年9月</a> [4]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/08/">2011年8月</a> [6]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/07/">2011年7月</a> [13]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/06/">2011年6月</a> [7]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/05/">2011年5月</a> [8]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/04/">2011年4月</a> [2]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/03/">2011年3月</a> [11]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/06/">2010年6月</a> [15]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/05/">2010年5月</a> [17]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/04/">2010年4月</a> [12]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/03/">2010年3月</a> [18]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/02/">2010年2月</a> [7]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2008/05/">2008年5月</a> [14]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2008/04/">2008年4月</a> [15]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2008/03/">2008年3月</a> [1]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/07/">2006年7月</a> [1]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/05/">2006年5月</a> [4]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/04/">2006年4月</a> [13]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/03/">2006年3月</a> [12]</li>
</ul>
</dd>
<dd class="syndicate">
<a href="http://rappan.sakura.ne.jp/blog/rss.xml">Syndicate this site (XML)</a>
</dd>
<dd class="powered">
<ul>
<li class="module-powered"><a href="http://www.movabletype.org/"><img src="http://rappan.sakura.ne.jp/mt/mt-static/images/bug-pbmt-white.png" alt="Powered by Movable Type 5.12" width="120" height="75" /></a></li>
<li><a href="http://www.koikikukan.com/"><img src="http://rappan.sakura.ne.jp/blog/images/koikikukan.gif" alt="小粋空間" width="128" height="22" /></a></li>
</ul>
</dd>
<dt class="sidetitle">
Counter
</dt>
<dd class="counter">
<script type="text/javascript">
<!--
ref = window.parent.document.referrer;
document.write("<img src='http://rappan.sakura.ne.jp/cgi_hicnt200/img/img01/waku1.gif' border='0'>");
document.write("<img src='http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?pid=blog&img=01&len=7");
document.write("&ref=" + document.referrer + "' border='0'><img src='http://rappan.sakura.ne.jp/cgi_hicnt200/img/img01/waku2.gif' border='0'>");
// -->
</script>
<noscript>
<img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img01/waku1.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?pid=blog&img=01&len=7" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img01/waku2.gif" border="0">
</noscript>
<br>
<img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/waku1.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/no.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/no.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/t.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?pid=blog&img=02&len=4&typ=tday" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/waku2.gif" border="0">
<br>
<img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/waku1.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/no.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/no.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/y.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?pid=blog&img=03&len=4&typ=yday" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/waku2.gif" border="0">
<br>
<div class="counter-ad">
<a href="http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?mode=login" target=_blank><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/gif/ana.gif" border="0"></a>
</div>
</dd>
<img src="http://m.from.tv/cgi_access/hana_page.cgi?id=blogm&type=main">
</dl>
</div>
</div>
<div id="foot">
<p id="footer">Copyright © 2006-2012 Rappan, All rights reserved.</p>
</div>
</div>
</body>
</html>
Zerion Mini Shell 1.0