%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>
ページ構成: 2006年3月アーカイブ: 道化師ラッパンのボヤキ [年がら年じゅう]
</title>
<link rel="next" href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/2006/04/" title="ページ構成: 2006年4月" />
<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/2006/03/20-031400.php" title="e42">フッターを追加してコピーライトを[MT3.2]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/03/17-105732.php" title="e41">サイドバーを左へ 3：モジュール化[MT3.2]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/03/17-041615.php" title="e40">サイドバーを左へ 2：いよいよ左側へ[MT3.2]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/03/16-222539.php" title="e39">サイドバーを左へ 1：メインページの中身の把握[MT3.2]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/03/16-014931.php" title="e38">カテゴリーの横にエントリー数を表示[MT3.2]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/03/15-112947.php" title="e37">引用したのにインデントみたいになってる[MT3.2]</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/03/15-102830.php" title="e36">記事（の下）にカテゴリを表示する[MT3.2]</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/">Main</a>
| <a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/2006/04/">ページ構成: 2006年4月 »</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/mt32/page/2006/03/index.php#entry-000042"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/42"
dc:title="フッターを追加してコピーライトを[MT3.2]"
dc:identifier="http://rappan.sakura.ne.jp/blog/blog/mt32/page/2006/03/index.php#entry-000042"
dc:subject="ページ構成"
dc:description=" そうそう、忘れてた。コピーライト表示つけな。 またもやちょこっと検索を。 ..."
dc:creator="ラッパン"
dc:date="2006-03-20T03:14:00+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000042" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2006/03/20-031400.php">フッターを追加してコピーライトを[MT3.2]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img06.gif"></div>
<div class="entry-title">
<div class="space">
</div>
<p class="date">2006年3月20日</p>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
そうそう、忘れてた。コピーライト表示つけな。</p>
<p>
またもやちょこっと検索を。</p>
<blockquote>
<p>
[参考サイト]</p>
<p>
<a href="http://mynoah.net/archives/2005/12/28_0914.php">おじさんの備忘録>>MovableType3.2 フッタを追加する</a></p>
</blockquote>
<p>
</p>
<p>
ワシの場合は特に、コピーライトにリンクをつけたくないので・・・メインページのいっちゃん下の方に、下記を（青字部分）挿入。</p>
<pre>
<code></div>
<span style="color: #00f"><div id="footer">
Copyright &copy; 2006 Rappan, All rights reserved.
</div>
</span></div>
</div>
</body>
</html></code></pre>
<p>
</p>
<p>
そして、スタイルシートへ、（ワシの場合は<strong>layout-two-column-left</strong>）以下を追加。</p>
<pre>
<code>.layout-two-column-left #footer
{
padding:10px; /* 周りから文字までの上下左右の空白 */
border-top: 1px solid #000000; /* 枠線 */
color: #ffffff; /* 文字の色 */
background: #7fa2ea; /* 背景色 */
font-size: 11px; /* 文字の大きさ */
text-align: center; /* 文字の配置 */
}</code></pre>
<p>
</p>
<p>
おぉ！成功成功。</p>
<p>
なんか、プラグイン使ったり、自動で更新したりする方法もあるみたいやね・・・。まぁ、ページが増えてきたら考えるとしよかな。</p>
<p>
[blog]ロ゜)ハッ これ、各ページにつけやなあかんのやんな・・・。もっとはようにしとくんやったな・・・。</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/2006/03/20-031400.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/" title="">ページ構成</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2006/03/20-031400.php#comments" title="comments42">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2006/03/20-031400.php#trackbacks" title="trackbacks42">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/mt32/page/2006/03/index.php#entry-000041"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/41"
dc:title="サイドバーを左へ 3：モジュール化[MT3.2]"
dc:identifier="http://rappan.sakura.ne.jp/blog/blog/mt32/page/2006/03/index.php#entry-000041"
dc:subject="ページ構成"
dc:description=" 今まで、メインページを元に、サイドバーを左側へもっていったんやけど・・・。ま..."
dc:creator="ラッパン"
dc:date="2006-03-17T10:57:32+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000041" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2006/03/17-105732.php">サイドバーを左へ 3：モジュール化[MT3.2]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img04.gif"></div>
<div class="entry-title">
<div class="space">
</div>
<p class="date">2006年3月17日</p>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
今まで、メインページを元に、サイドバーを左側へもっていったんやけど・・・。まぁ、アーカイブページは別にして、エントリーアーカイブ，カテゴリーアーカイブ，日付アーカイブの３つのアーカイブが表示さるページにも、サイドバーは表示させたいわけですよ。</p>
<p>
しかも、サイドバーの作りはとりあえずは一緒でええと思ってるもんやから、できれば１つ変えれば（メインページをいじれば）、他のアーカイブページにも反映させたいと思い、どうしたもんかな～と思ってたんやけど・・・。以下のサイトを参考しました。</p>
<blockquote>
<p>
[参考サイト]</p>
<p>
MovableType幼稚園>>MovableTypeのテンプレート・ モジュールは便利</p>
</blockquote>
<p>
</p>
<p>
小躍りするほどうまくこちらも出来ればええんですけど。</p>
<p>
何をしていくかというと、<strong>alpha</strong>の内容部分（サイドバー）をモジュール化しまして、共通で表示させようということです。（不具合感じたらまた直せばええことやし。）</p>
<p>
</p>
<p>
1）まず、テンプレートのページのモジュールをクリック。<strong>モジュールを新規作成</strong>を選択。</p>
<p>
<img alt="060317-1.gif" class="mt-image-center" height="89" src="http://rappan.sakura.ne.jp/blog/image/blog/060317-1.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="320" /></p>
<p>
2）<strong>テンプレート名</strong>に好きな名前 （ここでは<strong>sidebar</strong>と付けたとします。）、 <strong>モジュールの内容</strong>はメインページの<strong>alpha</strong>部分、つまり 「検索表示」～「フィード説明・MTバージョン表示部（↓の青字部分）」をごっそりコピーして貼り付けます。 そして保存。</p>
<pre>
<code><div id="alpha">
<div id="alpha-inner" class="pkg">
<span style="color: #00f"><div class="module-search module">
・
・
・
Powered by<br /><a href="http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
</div>
</div>
</span> </div>
</div>
<div id="beta"></code></pre>
<p>
3）後は、それぞれの該当箇所に、 タグ（赤字部分）を貼り付けて保存。</p>
<p>
メインページ↓</p>
<pre>
<code><div id="alpha">
<div id="alpha-inner" class="pkg">
<span style="color: #f00"><$MTInclude module="sidebar"$>
</span> </div>
</div>
<div id="beta"></code></pre>
<p>
エントリーアーカイブ，カテゴリーアーカイブ，日付アーカイブ↓</p>
<pre>
<code><div id="alpha">
<div id="alpha-inner" class="pkg">
<span style="color: #f00"><$MTInclude module="sidebar"$>
</div>
</div>
<div id="beta">
<div id="beta-inner" class="pkg"></span>
<p class="content-nav"></code></pre>
<p>
4）エントリーアーカイブ，カテゴリーアーカイブ，日付アーカイブの３つは、 </head>のすぐ下にある部分も書き替え。</p>
<pre>
<code><body class="<span style="color: #f00">layout-one-column</span>"> を
<body class="<span style="color: #f00">layout-two-column-left</span>"> に。</code></pre>
<p>
5）そして、再構築・・・。</p>
<p>
うぉ～！っと<strong>大踊り</strong>してしまいました。それにしても、 <strong>MovableType幼稚園</strong>さんは、テンプレートも配布してはるんですねぇ、すごいなぁ。</p>
<p>
スタイルシートいじって、デザインも変えたいんやけど、なっかなか中身みても何をどう変えたらええんかチンプンカンプンやのに・・・。</p>
<p>
メニュー群の並び替えもやりました。「検索」が一番上にあるんがちょといややったので。</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%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E7%A7%BB%E5%8B%95&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%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB&limit=20&IncludeBlogs=2" rel="tag">モジュール</a></li>
</ul>
</div>
</div>
<p class="entry-footer">
<a href="http://rappan.sakura.ne.jp/blog/2006/03/17-105732.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/" title="">ページ構成</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2006/03/17-105732.php#comments" title="comments41">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2006/03/17-105732.php#trackbacks" title="trackbacks41">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/mt32/page/2006/03/index.php#entry-000040"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/40"
dc:title="サイドバーを左へ 2：いよいよ左側へ[MT3.2]"
dc:identifier="http://rappan.sakura.ne.jp/blog/blog/mt32/page/2006/03/index.php#entry-000040"
dc:subject="ページ構成"
dc:description=" メインページの構成がわかったところで、どうすればサイドバーが左にいってくれん..."
dc:creator="ラッパン"
dc:date="2006-03-17T04:16:15+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000040" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2006/03/17-041615.php">サイドバーを左へ 2：いよいよ左側へ[MT3.2]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img03.gif"></div>
<div class="entry-title">
<div class="space">
</div>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
メインページの構成がわかったところで、どうすればサイドバーが左にいってくれんのやろか？と思って検索・・・。ってことで、 以下のサイトを参考に。</p>
<blockquote>
<p>
[参考サイト]</p>
<p>
自宅サーバーを楽しもう！>>テンプレート</p>
</blockquote>
<p>
</p>
<p>
要は、今現在</p>
<blockquote>
<p>
id="alpha"<br />
「エントリー表示部」<br />
id="beta"<br />
「検索表示部」<br />
「カテゴリー表示部」<br />
「アーカイブ表示部」<br />
「フィード説明・MTバージョン表示部」</p>
</blockquote>
<p>
となっているのを、</p>
<blockquote>
<p>
id="alpha"<br />
「検索表示部」<br />
「カテゴリー表示部」<br />
「アーカイブ表示部」<br />
「フィード説明・MTバージョン表示部」<br />
id="beta" <br />
「エントリー表示部」</p>
</blockquote>
<p>
てな感じで、入れ替えれば、ええっちゅうわけですわ。</p>
<p>
</p>
<p>
まずは、</head>のすぐ下を下記のように書き換え。（赤字）</p>
<blockquote>
<p>
<body class="layout-two-column-<span style="color: #f00">right</span>"> を</p>
<p>
<body class="layout-two-column-<span style="color: #f00">left</span>"> に。</p>
</blockquote>
<p>
</p>
<p>
次に上記のように、<br />
「検索表示部」～「フィード説明・MTバージョン表示部」と「エントリー表示部」をごっそり入れ替え。</p>
<pre>
<code><div id="alpha">
<div id="alpha-inner" class="pkg">
<span style="color: #00f"><MTEntries>
<$MTEntryTrackbackData$>
・
・
・
</MTEntries>
</span> </div>
</div>
<div id="beta">
<span style="color: #f00"><div id="beta-inner" class="pkg">
<div class="module-search module">
・
・
・
Powered by<br /><a href="Movable">http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
</div>
</div></span>
</div>
</div></code></pre>
<p>
を、</p>
<pre>
<code><div id="alpha">
<div id="alpha-inner" class="pkg">
<span style="color: #f00"><div class="module-search module">
・
・
・
Powered by<br /><a href="Movable">http://www.sixapart.jp/movabletype/">Movable Type <$MTVersion$></a>
</div>
</div>
</span> </div>
</div>
<div id="beta">
<div id="beta-inner" class="pkg">
<span style="color: #00f"><MTEntries>
<$MTEntryTrackbackData$>
・
・
・
</MTEntries>
</span> </div>
</div></code></pre>
<p>
に。</p>
<p>
</p>
<p>
おぉ！無事左側へ移動成功！よかったよかった。</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%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E7%A7%BB%E5%8B%95&limit=20&IncludeBlogs=2" rel="tag">サイドバー移動</a></li>
</ul>
</div>
</div>
<p class="entry-footer">
<a href="http://rappan.sakura.ne.jp/blog/2006/03/17-041615.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/" title="">ページ構成</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2006/03/17-041615.php#comments" title="comments40">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2006/03/17-041615.php#trackbacks" title="trackbacks40">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/mt32/page/2006/03/index.php#entry-000039"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/39"
dc:title="サイドバーを左へ 1：メインページの中身の把握[MT3.2]"
dc:identifier="http://rappan.sakura.ne.jp/blog/blog/mt32/page/2006/03/index.php#entry-000039"
dc:subject="ページ構成"
dc:description=" どうも右にメニューがあるのが落ち着かない。サイドバーを左にもっていきたいので..."
dc:creator="ラッパン"
dc:date="2006-03-16T22:25:39+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000039" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2006/03/16-222539.php">サイドバーを左へ 1：メインページの中身の把握[MT3.2]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img06.gif"></div>
<div class="entry-title">
<div class="space">
</div>
<p class="date">2006年3月16日</p>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
どうも右にメニューがあるのが落ち着かない。サイドバーを左にもっていきたいのである。とにかく、メインページからまずやってみて、成功したら他のページも・・・と考え進めていこかな。</p>
<p>
</p>
<p>
ついでに、メニュー群の並び替えも同時にしてしまおうと思ったりして。</p>
<ol>
<li>
<strong>メインページの中身（構造）の把握。</strong></li>
<li>
<strong>サイドバーをモジュール化する。</strong></li>
<li>
<strong>各ページにも反映。</strong></li>
</ol>
<p>
この順序でやっていこうと思う。</p>
<p>
</p>
<p>
メインページの中身て、ややこしいんちゃうかな～と思いつつ、順番に見ていくことに。間違った理解をしてないことを祈りつつ、まとめてみました。</p>
<p>
</p>
<h4>
メインページ構成</h4>
<p>
「タイトル表示部」↓ </p>
<pre>
<code><div id="banner">
<div id="banner-inner" class="pkg">
<h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<h2 id="banner-description"><$MTBlogDescription$></h2>
</div>
</div></code></pre>
<p>
</p>
<p>
「エントリー表示部」↓</p>
<pre>
<code><MTEntries>
<$MTEntryTrackbackData$>
<MTDateHeader><h2 class="date-header"><$MTEntryDate format="%x"$></h2></MTDateHeader>
<a id="a<$MTEntryID pad="1"$>"></a>
・
・
・
</div>
</div>
</MTEntries></code></pre>
<p>
</p>
<p>
「検索表示部」↓</p>
<pre>
<code><div class="module-search module">
<h2 class="module-header"><MT_TRANS phrase="Search"></h2>
・
・
・
</form>
</div>
</div></code></pre>
<p>
</p>
<p>
「カテゴリー表示部」↓</p>
<pre>
<code><MTIfArchiveTypeEnabled archive_type="Category"><div class="module-categories module">
<h2 class="module-header"><MT_TRANS phrase="Categories"></h2>
・
・
・
</div>
</MTIfArchiveTypeEnabled></code></pre>
<p>
</p>
<p>
「アーカイブ表示部」↓</p>
<pre>
<code><MTIfArchiveTypeEnabled archive_type="Monthly">
<div class="module-archives module">
・
・
・
</div>
</MTIfArchiveTypeEnabled></code></pre>
<p>
</p>
<p>
「フィード説明・MTバージョン表示部」↓</p>
<pre>
<code><div class="module-archives module">
<h2 class="module-header"><MT_TRANS phrase="Recent Posts"></h2>
・
・
・
<div class="module-content">
Powered by<br /><a href="<a href="http://www.sixapart.jp/movabletype/">Movable">http://www.sixapart.jp/movabletype/">Movable</a> Type <$MTVersion$></a>
</div>
</div></code></pre>
<p>
とまぁ、こんな感じですな。</p>
<p>
</p>
<p>
<body>部分をおおまかに書いてしまうと下のようになっているようです。</p>
<p style="margin-left: 40px">
id="alpha"<br />
「エントリー表示部」<br />
id="beta"<br />
「検索表示部」<br />
「カテゴリー表示部」<br />
「アーカイブ表示部」<br />
「フィード説明・MTバージョン表示部」</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%B5%E3%82%A4%E3%83%89%E3%83%90%E3%83%BC%E7%A7%BB%E5%8B%95&limit=20&IncludeBlogs=2" rel="tag">サイドバー移動</a></li>
</ul>
</div>
</div>
<p class="entry-footer">
<a href="http://rappan.sakura.ne.jp/blog/2006/03/16-222539.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/" title="">ページ構成</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2006/03/16-222539.php#comments" title="comments39">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2006/03/16-222539.php#trackbacks" title="trackbacks39">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/mt32/page/2006/03/index_2.php" class="link_page">2</a></li>
<li class="right"></li>
<li><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/2006/03/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/mt32/page/2006/05/">ページ構成: 2006年5月</a> [2]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/2006/04/">ページ構成: 2006年4月</a> [4]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/2006/03/">ページ構成: 2006年3月</a> [7]</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