2004/06/04

右側のメニュー部分をいじってみた。

デフォルトの設定だと、このテンプレートTequilaで、右側には上から、blog所有者(?というのか?)のプロフィール、最近の記事、アーカイブといった風になっている。

で、テンプレの中身はどうやらXML?でかかれているようで、スタイルの記述とかをみていると卒倒しそうになったり。
よくよく画面と照らしながら見ていると、HTMLと同じくHEAD部分にスタイルシートがだーっと、並びBODYに入って、宣言文みたいなコメントでくくられて、ヘッダータイトル、記事の詳細が乗っかる部分、フッター、サイドメニュー、、、、みたいな順に設定がかかれている。
まあ、よくわからないんですが、HTMLのようにみえる、ほとんど。
で、とりあえず[mouti:f]のサイト本体のメニューリストをプロフィールの代わりに載っけることに。
プロフィールを呼び出している部分をコメントタグでコメントアウトし、
その下にコメントタグでリンクリストにするよんと一応いれておき、リストタグでメニューリストを創ってみました。リンク先は絶対パスで書けば間違いないですな。
下がそのコード。カンタンでしょ?(ちょっと略しましたが)

<!-- Begin #profile-container
<$BlogMemberProfile$>
End #profile -->

<!-- Begin blog link -->
<h2 class="sidebar-title"><a href="http://motif-motif.com/">[mouti:f]</a>menu</h2>
<ul>
<li class="title">grand menu</li>
<li class="subtitle"> ■gallery & shop</li>
<li><a href="http://motif-motif.com/01gallery/01knit/">   knit works</a></li>
<li><a href="http://motif-motif.com/01gallery/02design/">   design works</a></li>
<li><a href="http://motif-motif.com/02order/"> ■about order</a></li>
<li><a href="http://motif-motif.com/03info/"> ■infomation</a></li>
<li><a href="http://motif-motif.com/04mail/"> ■contact</a></li>
<li><a href="http://motif-motif.com/07about/"> ■about this site</a><br></li>
</ul>
<!-- End blog link -->

こうやってみていくと、意外と単純な作りなんですね。どうせイメージは自前のサーバー上に置くので、テンプレをもっとカスタマイズできそう。ちょっと悪戦苦闘してみたいと思います。

2 Comments:

At 9:34 AM, eko lagos said...

はじめまして、こんにちは。
Bloggerユーザーのサイトをいろいろ見ていたら、
このサイトにたどりつきました。
Bloggerは自由度が高くていいですよね。

Bloggerのソースの記述はXHTMLというものです。
XHTMLというのはHTMLをXMLで解釈したものです(かなり強引な言い方)。
基本はHTMLなので書き方は普通のHTMLと同じでいいんです。
いろいろHTMLとは違う部分はあるのですが、
基本的にHTMLと同じと考えて間違いないと思います。

 
At 12:14 AM, [mouti:f] said...

eko lagosさん
コメントありがとうございます!
もしかして、初コメントですね★うれしい。
というか、今の今まで気がつきませんでした。ごめんなさい。

BLOGGERはXHTMLなのですね。
仮にもウェブ関係の仕事をしていながら、全くわかってませんでした。はい。
HTMLできれば十分なんですもん、、、。

しかし、なかなかテンプレづくりに着手できません。
へたれやな。

 

Post a Comment

<< Home