2007年9月 8日 14:32

メニューおよびMovable Type 4のウェブページ機能

このエントリーを含むはてなブックマーク

ヘッダー下、コンテンツ部分上部にサイトメニューを追加し、筆者情報およびサイト情報を追加しました。

この時使用したのが、3ping.org様のCSS メニュー横並びボタン、およびMovable Type 4の機能、ウェブページです。

初めに、サイトメニューについてです。基本的にサイトメニュー用モジュールテンプレート作成、およびサイトメニュー用のCSSコードを追加しました。HTMLは以下のようになっています。

<div>
    <ul id="site-menu">
        <li><a href="/">Index</a></li>
        <li><a href="/pages/authors-info.html">Author's Info</a></li>
        <li><a href="/pages/sites-info.html">Site's Info</a></li>
    </ul>
</div>

要は順序無しリストとしてメニューを構成しています。ulのid属性にはサイトメニューであることを表す"site-menu"を与えています。

次にこれに対応するCSSです。引用させていただいたものを改造して使用しています。

ul#site-menu {
	padding: 5px 2px;
	text-align: left;
	background-color: #ccccff;
	width: 90%;
}

ul#site-menu:after {
	width: 0px;
	height: 0px;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#site-menu li {
	display: inline;
	line-height: 2;
	list-style-type: none;
}

ul#site-menu li a {
	display: block;
	float: left;
	width: 100px;

	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	margin: 3px;

	text-align: center;
	text-decoration: none;
	background-color: #eef;
}

ul#site-menu li a:hover {
	text-decoration: underline;
	background-color: #eee;
}

主に色・形状の変更やfloatによる回り込み対象をliからaに変更しています。まあでも大した意味のある変更ではないかと思います。

 

次にウェブページですが、使用した感想としてはMTに統合されている分便利、といった感じでしょうか。

同一ブログのテンプレートを使用して整形する為、サイトデザインが継承されまとめ易くなっていると思います。ただし、逆に言うとあまりにブログ記事とデザインがそっくりなので、それを嫌う場合、専用のテンプレートを作って・・・となかなか手間になりそうです。僕はブログ記事と同様のデザインになっています。

しかし、ウェブページは"Movable Type Publishing Platform"という名の通り、Webサイト全体を発行するプラットフォームとして必要な機能の拡張の一つではと思います。マネージメントの観点からは、テンプレート作成の手間をかけてでもMovable Typeで完結、というのは良いのではないでしょうか。

カテゴリ

タグ

関連記事

  1. I've in BUDOKAN 2009チケットを購入
  2. EMOBILEがまともになりました。
  3. デザインリニューアル+もろもろ
  4. 北海道の僻地でEMOBILEが叫ぶ
  5. 遅ればせながらHabu Laser Game Mouse購入
  6. あどえすことはじめ。
  7. Mac OS X 10.5 "Leopard"入った!
  8. Mac OS X 10.5 "Leopard"がキタッ!
  9. Mac OS X 10.5 "Leopard"発売
  10. Mac OS X 10.5 "Leopard"予約
  11. "Releases"追加
  12. STGゲーム製作中...っ
  13. Logicシリーズ新版発表
  14. iPod touch発表
  15. ドメインゲットっ!

トラックバック

このブログ記事を参照しているブログ一覧: メニューおよびMovable Type 4のウェブページ機能

このブログ記事に対するトラックバックURL: http://www.memorize-being.net/x/mt-engine/mt-tb.cgi/12

コメントする

このブログ記事について

このページは、cottonが2007年9月 8日 14:32に書いたブログ記事です。

ひとつ前のブログ記事は「ドメインゲットっ!」です。

次のブログ記事は「iPod touch発表」です。

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

Powered by Movable Type 4.1
Valid XHTML 1.0 Transitional
Valid CSS!
Mozilla Firefox ブラウザ無料ダウンロード