- 締切済み
MovableTypeを使って？
MovableTypeを使って普通のブログを作るのではなく、サイトっぽく作りたいと思います。 感じ的には、右か左にメニューがあって、となりにはコンテンツが書いてあるシンプルなサイトです。 日付やコメントなどの表示も必要なく、カテゴリが使えればいいと思っています。 デザインは、特にこだわりがなくシンプルなデザインにしたいと思っています。 先ほど、インストールは完了しましたが、どこをどのようにいじればいいのか検討がつかず、困っている次第です。 何か参考になるサイトなどありましたら教えてください。 （普通の日記風のテンプレートは見つけられるのですが、サイト風のテンプレートは見つけられませんでした。） よろしくお願いします。
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- s_hukami
- ベストアンサー率66% (98/148)
以下は昔私がサンプルとして作成したMovable Typeを普通のサイトのように見せるテンプレート（メインページ）の抜粋です。 <body>～</body>のソースコードです。 ----------------- <div id="container"> <!-- サイト上部 --> <div id="banner"> <h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1> </div> <!-- サイト左部[メニュー] --> <div id="left"> <div class="sidebar"> <div id="categories"> <h2>MENU</h2> <MTSubCategories> <MTSubCatIsFirst><ul></MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount"> <li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> <MTElse> <li><MTCategoryLabel> </MTElse> </MTIfNonZero> <MTSubCatsRecurse max_depth="3"> </li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTSubCategories> </div> <h2>SITE SERCH</h2> <div class="link-note"> <form method="get" action="<$MTCGIPath$><$MTSearchScript$>"> <input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" /> <label for="search" accesskey="4">このサイトの検索</label><br /> <input id="search" name="search" size="20" /><br /> <input type="submit" value="検索" /> </form> </div> <h2>MONTHLY</h2> <ul> <MTArchiveList archive_type="Monthly"> <li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></li> </MTArchiveList> </ul> <div class="link-note"> <a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a> </div> <MTBlogIfCCLicense> <div class="link-note"> <a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" src="<$MTBlogCCLicenseImage$>" /></a><br /> このウェブログのライセンス: <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>. </div> </MTBlogIfCCLicense> </div> </div> <!-- サイト右部[メイン] --> <div id="center"> <!-- サイト説明 --> <div class="description"><$MTBlogDescription$></div> <!-- 更新履歴 --> <div class="update"> <h2>UPDATE</h2> <ul> <MTEntries lastn="10"> <li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </MTEntries> </ul> </div> <!-- サイトコンテンツ --> <div class="content"> <MTEntries> <$MTEntryTrackbackData$> <!--日付表示部--> <MTDateHeader> <h2><$MTEntryDate format="%x"$></h2> </MTDateHeader> <!--記事表示部--> <h3 id="a<$MTEntryID pad="1"$>"><$MTEntryTitle$></h3> <$MTEntryBody$> <MTEntryIfExtended> <p class="extended"><a href="<$MTEntryPermalink$>#more">続きを読む "<$MTEntryTitle$>"</a></p> </MTEntryIfExtended> <!--投稿者情報など--> <p class="posted">投稿者 <$MTEntryAuthor$> : <a href="<$MTEntryPermalink valid_html="1"$>"><$MTEntryDate format="%X"$></a> <MTEntryIfAllowComments> | <a href="<$MTEntryPermalink archive_type="Individual"$>#comments">コメント (<$MTEntryCommentCount$>)</a> </MTEntryIfAllowComments> <MTEntryIfAllowPings> | <a href="<$MTEntryPermalink archive_type="Individual"$>#trackbacks">トラックバック (<$MTEntryTrackbackCount$>)</a> </MTEntryIfAllowPings> </p> </MTEntries> </div> </div> <!-- サイト下部 --> <div style="clear: both;"> </div> </div> <div id="powered"> Powered by：<a href="http://www.movabletype.jp">Movable Type <$MTVersion$></a><br /> <address>©<$MTBlogName$>. All Rights Reserved.</address> </div> --------- トラックバックが不要な場合は、 <$MTEntryTrackbackData$> <MTEntryIfAllowPings>～</MTEntryIfAllowPings> を削除してください。 コメントが不要な場合は、 <MTEntryIfAllowComments>～</MTEntryIfAllowComments> を削除してください。 カスタマイズにはHTMLとCSSの知識が必須です。 イメージ通りのものを作るのは大変だとは思いますが、頑張ってくださいませ。
- orange001
- ベストアンサー率32% (83/253)
大幅なレイアウト変更をなさるのなら、 Movable Typeの構成について知っておいた方が良いと思います。 こちらのサイトでかなり詳しく説明されていますので、 一度目を通されてはいかがでしょうか。 ブログ別！作成・カスタマイズ講座 http://blog.info-rich.jp/
- 参考URL：
- http://blog.info-rich.jp/
お礼
お返事ありがとうございます。少しずつ試してみようと思います。ありがとうございました。
- -chiffon-
- ベストアンサー率39% (303/768)
Movable Typeのテンプレートやカスタマイズといえば 「小粋空間」さんでしょうか。 こちらの「2カラムテンプレート」を使い、日付やPostedの行などの要らない部分を削除していけばいいと思うのですが、いかがでしょう？ Movable Typeをサイト風にと普通とは違うカスタマイズをするのですから、 完全に出来上がったテンプレートを探すのには無理があると思います。 やはり、ご自分で一つ一ついじるだけのスキルも必要ではないでしょうか。
- 参考URL：
- http://www.koikikukan.com/
お礼
ご回答ありがとうございます。参考になります。少し時間を掛けてゆっくりやってみたいと思います。
お礼
お返事ありがとうございます。 大変貴重なソースコード本当にありがとうございます。 色々といじりながら少しずつ試していこうと思います。