MovableTypeテンプレート サイドバーにLink追加1
2006年12月10日Table of Contents
KYO’s blogと合わせて、KYO’s Techのテンプレートを変更しました。
あとは、リンクを設置すればとりあえずOKなので、リンクをサイドバーにとりあえず追加。
本当は、デザインを壊さないようにCSSまで作るのが一番なんですが、面倒なのでとりあえずHTMLソースだけを追加しました。
2つもブログがあって、しかもデザイン(テンプレート)まで同じって・・・どうなんでしょうね^^;
そのうち、どっちかに統合した方がいいのかもしれませんが。。。。
変更方法(MAQUETEMPLATE利用の場合)
まずは、管理ページにログイン。
その後、「テンプレート」->「メインページ」を選択。
「テンプレート内容」の欄に、以下を追加。
>> サイドバーに項目を追加する
上のページの通りにやれば、OKです。
他にも必要に応じて追加すればOKなんですが、XHTMLの為に「閉じタグ」の扱いがちょっと特殊です。
例えば、<img>タグは下のような表記にしなくてはいけませんので、ご注意を。
(しなくてもOKですけど、Validateエラーが出ます)
<img src="xxxx.gif" alt="xxx" />
■実際のソース
<ul id="others"> <li id="search">Search <form method="get" action="<$MTCGIPath$><$MTSearchScript$>"> <fieldset> <legend><label for="searchKeyword"><$MTBlogName encode_html="1"$>内の検索</label></legend> <p> <input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" /> <input type="text" class="inputField" id="searchKeyword" name="search" size="10" onfocus="if (this.value == 'Keyword(s)') this.value = '';" onblur="if (this.value == '') this.value = 'Keyword(s)';" value="Keyword(s)" /> <input class="button" id="submit" type="submit" value="Search" /> </p> </fieldset> </form> </li> <!-- link --> <li id="links">Links <ul> <li><a href="http://thekyo.jp/loto6/">KYO's LOTO6(PC)</a></li> <li><a href="http://thekyo.jp/miniloto/">KYO's MINILOTO(PC)</a></li> <li><a href="http://thekyo.jp/blog/">KYO's Blog</a></li> </ul> </li> <!-- link --> <li id="feeds">Feeds <ul> <li><a href="<$MTBlogURL$>index.xml">RSS2.0</a></li> <li><a href="<$MTBlogURL$>atom.xml">ATOM</a></li> </ul> </li> </ul><!--end others-->
と、こんな感じ。