• 締切済み

MovableTypeを使って？

MovableTypeを使って普通のブログを作るのではなく、サイトっぽく作りたいと思います。 感じ的には、右か左にメニューがあって、となりにはコンテンツが書いてあるシンプルなサイトです。 日付やコメントなどの表示も必要なく、カテゴリが使えればいいと思っています。 デザインは、特にこだわりがなくシンプルなデザインにしたいと思っています。 先ほど、インストールは完了しましたが、どこをどのようにいじればいいのか検討がつかず、困っている次第です。 何か参考になるサイトなどありましたら教えてください。 （普通の日記風のテンプレートは見つけられるのですが、サイト風のテンプレートは見つけられませんでした。） よろしくお願いします。

  • siraku
  • お礼率54% (276/508)

みんなの回答

  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.3

以下は昔私がサンプルとして作成した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>&copy;<$MTBlogName$>. All Rights Reserved.</address> </div> --------- トラックバックが不要な場合は、 <$MTEntryTrackbackData$> <MTEntryIfAllowPings>～</MTEntryIfAllowPings> を削除してください。 コメントが不要な場合は、 <MTEntryIfAllowComments>～</MTEntryIfAllowComments> を削除してください。 カスタマイズにはHTMLとCSSの知識が必須です。 イメージ通りのものを作るのは大変だとは思いますが、頑張ってくださいませ。

siraku
質問者

お礼

お返事ありがとうございます。 大変貴重なソースコード本当にありがとうございます。 色々といじりながら少しずつ試していこうと思います。

  • orange001
  • ベストアンサー率32% (83/253)
回答No.2

大幅なレイアウト変更をなさるのなら、 Movable Typeの構成について知っておいた方が良いと思います。 こちらのサイトでかなり詳しく説明されていますので、 一度目を通されてはいかがでしょうか。 ブログ別！作成・カスタマイズ講座 http://blog.info-rich.jp/

参考URL：
http://blog.info-rich.jp/
siraku
質問者

お礼

お返事ありがとうございます。少しずつ試してみようと思います。ありがとうございました。

  • -chiffon-
  • ベストアンサー率39% (303/768)
回答No.1

Movable Typeのテンプレートやカスタマイズといえば 「小粋空間」さんでしょうか。 こちらの「2カラムテンプレート」を使い、日付やPostedの行などの要らない部分を削除していけばいいと思うのですが、いかがでしょう？ Movable Typeをサイト風にと普通とは違うカスタマイズをするのですから、 完全に出来上がったテンプレートを探すのには無理があると思います。 やはり、ご自分で一つ一ついじるだけのスキルも必要ではないでしょうか。

参考URL：
http://www.koikikukan.com/
siraku
質問者

お礼

ご回答ありがとうございます。参考になります。少し時間を掛けてゆっくりやってみたいと思います。

  1. カテゴリ
  2. インターネット・Webサービス
  3. SNS・掲示板・ブログ
  4. ブログ

関連するQ&A

  • MovableTypeのカスタマイズについて

    普段CSSを使って、企業さま向けなどのホームページを作成しています。 このたび、必要に迫られMovableTypeでサイトを作ることになり、勉強中ですが、数冊本を読んだ段階で手詰まりとなってきました。 ブログメインのページではなく、あくまで企業さま向けのサイトデザインの中にCMSとしてMovableTypeの機能が組み込まれている、 また、その中で社員さまが日々更新する本来の意味でのブログも組み込まれている、というようなサイトを作りたいと思っています。 デザインは完全オリジナルのものを使用しないといけませんので、 ベースはMovableTypeのテンプレートを使うとしても、 そこからかなり変更する予定です。 ただ、もともとがデザイン畑出身のもので、プログラムなどを理解する脳みそが少し足りません・・・ こんな私が、希望するサイトを作るのに理解しておくべきこと、 また分かりやすい解説書などご存知の方、教えていただけないでしょうか？ よろしくお願いします。

  • dreamweaverのデザインをmovabletypeへ

    OS:widowsXP dreamweaver:ver8 movabletype:4.23 ブログのデザインをdreamweaverでデザインし、ブログに反映させたいのですが、どのようにしたらよろしいのでしょうか。 数冊書籍を購入しましたが、あらかじめ用意されているテンプレートやタグリファレンスなどでした。 オリジナルデザインを反映させるにはどのようにしたらよろしいのでしょうか。ご意見または、参考サイト、書籍などがございましたらご紹介いただければと思います。 よろしくお願いいたします。

  • MovableTypeについて

    MovableType初心者です。 日本のsix apartのサイトについてなんですが。 （http://www.sixapart.jp/） このサイトはナビケーションを見ると TYPEPAD MOVABLE TYPE BUSINESS ABOUT US PARTNER SUPPORT と、大きく分けて6ページで構成されています。 各ページの下部にはThis website is powered by Movable Type.と書いてあって、MovableTypeで作られたサイトだとわかります。 そこで疑問なんですが、各ページはどのテンプレートで作成されてるんでしょうか？ ページごとにエントリーらしき部分があるところを見るとカテゴリーアーカイブテンプレートなのかと思ったんですが、左側のメニュー部分がページによって異なるのでインデックステンプレートかとも思っています。 一見普通のホームページに見えるこのサイトが各ページに使用してるテンプレートの予想がつく方、ぜひ教えてください。 わかりづらい質問でごめんなさい。よろしくお願いします。

  • MovableTypeでブログを投稿した時の日付表記を英語にするには？

    最近MovableTypeを使い始めた者です。 ちなみにバージョンは3.2-ja-2です。 ネットで無料でダウンロード出来るテンプレートを組み込んでブログを作りました。 ですが、このテンプレートは新規エントリーでブログを書いて投稿した時に投稿した日付が入りますが、日本語で「2006年02月25日」という風に入ります。 他の人のＭＴで作られたサイトを見ていると、ブログ投稿の日付が「February 25,2006」って感じに入っているのを見ました。僕もこう言う風にしたいんですが、その方法が解りません。 デフォルトのテンプレートは確か英語表記だったので、この僕が組み込んだテンプレートは何かタグがいじられていたのかもしれません。デフォルトに全部戻してしまうのもイヤなので何か方法はないのでしょうか？ 管理画面のメインメニューから、設定→基本(設定)のところで日付表示用の言語を選べれるので、これかと思って英語にしてみたのですが、変わったのは月別アーカイブの表記だけで、相変わらずエントリーしたときの日付は日本語のままです。 MTを使い慣れている人で解る人が居られたらどうか教えてください。 宜しくお願いします。

  • MovableTypeについて

    このご時世に、超初心者な質問だとは思うのですが…。 http://www.avexnet.or.jp/ami/index.htmlや、http://www.avexnet.or.jp/aaa/index.htmlといったサイトは純粋に全てのページがMovableTypeで作成されているのでしょうか？ 上記のような、全てのページの基本的なデザインが同じで、その中にブログのページがあるサイトという場合、Webサイトにブログを組み込むというより、ブログをWebサイト風に見せているという言い方が正しいのでしょうか？？

  • 作成済みのMOVABLETYPEの独自ドメイン化

    サクラインターネットのサーバーを使い。 MOVABLETYPEを導入して MOVABLETYPEのテンプレートを導入し、とりあえず ５つのブログを立ち上げました。 まだ、ドメインを取得していないので サイトURLを　HTTP://SAKU**.SAKURA.NE.JP/1/ サイトパスを　/HOME/SAKU**/WWW/1 というふうに 数字の部分を　１～５にして５つのブログを立ち上げました。 ビジネスブログで作成するため、すでに、テンプレート等は 導入済みなのですが ５つのサイトに　ドメインを取得して　上記５つのサイトに 割り当てたいのです。 ドメイン取得方法は、わかるのですが、 上記の設定を サイトURLを　HTTP://独自ドメイン.COM サイトパスを　/HOME/SAKU**/WWW/1 のようにして再構築すれば、簡単に変更できるのでしょうか？ 気をつける点などあればお教えください。 MTのバージョンは、テンプレートの制限があり3.2を使っています。

  • MovableTypeの記事を差し込む

    どなたか教えいただければうれしいです。 現在ホームページを作成しています。 サイト内にMovableTypeで作成したブログがあるのですが このブログの最新記事をMTではなく普通にHTMLで作成した トップページの一部分に「タイトル」「日付」「本文の一部」「画像」というような形で差し込みたいのです。 これは技術的に可能なのでしょうか？ また、可能であればその方法等をお教えいただけませんでしょうか。 わかりにくい説明で申し訳ありませんが どうぞよろしくお願い致します

  • MovableType3.2のテンプレート改造について（日付やコメントなどを削除する）

    MovableType3.2で、投稿者名やコメント、トラックバックなどいわゆる「.content.p.posted」の部分と、投稿日時、つまり「.content h2」の部分をとってしましまいたいのです。 つまり、ひとつひとつのエントリーを、コメントやトラックバック付きの日記形式ではないようにしたいと思っています。 これはテンプレートの所から、それらの箇所を削除してしまえばいいのでしょうか。

  • MovableTypeとCGIは共用できない？

    お世話になります。 最近MovableTypeを自サイトに導入して運営している者です。 現在は順調に稼動中なのですが、今日CGIのカウンターを、テンプレート→メインページにHTMLタグで貼り付けました。 タグやカウンターの記述、設置は間違いないのですが 何故かブログの方から呼び出すと全く表示されません。。。 MovableTypeは他のCGIと共用(?)は出来ないのでしょうか？ とても困っております・・・。 アドバイス宜しくお願いします。

    • ベストアンサー
    • CGI
  • 日記のテンプレートサイトを探しています。

    　こんにちわ。今、自分のホームページのコンテンツである日記のページをリニューアルしようとしているのですが、自分ではなかなか良いデザインになりません。 　そこで、テンプレートサイトさんをいくつか探してみましたが、「日記」のテンプレートはなかなか見つかりません。 　本題ですが、日記のテンプレートを取り扱っているサイトさんをご紹介頂けないでしょうか。 （外国のページでも構いません。） 　コレだ!! というものをご存知でしたら、教えてくださると嬉しいです。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する