Movable Typeのインストール方法、Movable Type用のプラグイン、Ajaxを使ったカスタマイズ例などをご紹介しています。「あんなことできないかなぁ」、「こんなことできたらいいなぁ」を形にしていきたいですの。

Movable Type 備忘録

テンプレート・コレクション 001

Jul022006
Vote:
http://bizcaz.com/archives/2006/07/02-175839.php
Categories: Template
Tags: 3.3, MovableType, Template
Social Bookmark

Next Page: レイアウトについて

こちらの記事は以下のページに移動しました。
http://bizcaz.com/archives/2006/12/09-084354.php

Edit
Permalink
14 Comments
No TrackBacks

Trackback Pings(0)

TrackBack URL for this entry:

No trackbacks found.

Comments(14)

#1: Posted by ITEYA @ July 4, 2006 [REPLY]

はじめまして、ITEYAともうします。

このほどMT始めたばっかりの初心者なのですが、
テンプレートコレクション００１のデザインが痛く気に入りまして
真似してカスタマイズしようとおもったのですが、
もともとタグ自体に触れ始めたのが最近なもので
大苦戦の末、背景色さえ変えられない始末・・・。
あつかましい質問なのですが、００１のようなデザインにするには
どの辺をどんな具合にいじくってやればいいんでしょうか？

#2: Posted by bzbell @ July 4, 2006 [REPLY]

>>1 ITEYA さん

こんにちわ^^

>　どの辺をどんな具合にいじくってやればいいんでしょうか？

基本的にはこちらのベース・テンプレートを基に、スタイルシートのみ変更しています。
具体的には、

styles-default.css で背景イメージの指定
styles-var.css で他の細かい調整、色設定など指定

を行っています。

>　テンプレートコレクション００１のデザインが痛く気に入りまして

そういってもらえると、嬉しいです:pp_01.gif:
作った目的は、「こんなのもできますよぉ」…というサンプルの意味で作ったのですが、ご希望とあればこちらからダウンロードしてください。
スタイルシートとイメージファイルを含んでいます。

ベース・テンプレートをダウンロードして、設置する。
collection001.zip 内のスタイルシート、イメージファイルを上書きする。

MovableType 3.2、3.3で使用できます。
また、お気に召さないところがあれば、その都度スタイルシートをカスタマイズしてください。

至らないところがあれば、ご連絡ください。
では。。。

#3: Posted by yasu @ July 4, 2006 [REPLY]: はじめまして。
こちらのテンプレートを利用させて頂こうと思ったのですが、WindowsだとIE,FX共に検索バーがびよ～んと伸びてしまいレイアウトが崩れてしまいます。
Macでは問題ないのですが・・・
ソースにはsize="20"となっているようですが、どのようにすれば防げるかご教授頂ければ幸いです。

#4: Posted by yasu @ July 4, 2006 [REPLY]: 自己レスです
どうもノートPCでは正常に表示されるので、デスクトップPCがオカシイのかもしれません・・・
固有の問題かもしれません。すみません:pp_18a.gif:
しかし困ったな。何故だろう:pp_00.gif:

#5: Posted by bzbell @ July 4, 2006 [REPLY]

>>4 yasu さん

こんにちわ^^

ちょうど今、すれ違いで返信送ろうとしたところでした。
わたしの方ではWindowsのIE 6、7および、FXは、そういった現象がでていないので、「やっちゃったかなぁ:pp_10a.gif:」…て、ちょとドキドキしちゃいました。

一応、わたしが確認しているブラウザを以下に記します。

Windows: IE 6 / IE 7 beta3
Windows: Firefox
Windows: Opera
MAC: Firefox

環境がないこともあってすべてのブラウザで確認できているわけではなかったので、IEはバージョンによっては、そういう思いもよらぬ現象が出ても不思議じゃないと思っていました。

デスクトップPCのみ…とのことですが、Windows Updateなどやってみてはいかがでしょうか。

何か分かりましたら、今後のためにも情報いただけますか。

では。。。

#6: Posted by yasu @ July 5, 2006 [REPLY]

お返事ありがとうございます。
WindowsUpdateでも不具合は直らずブラウザの入れ直しでも改善しない為、OSのインストールを思い切ってやり直しました:pp_06a.gif:
結果通常に表示されるようになりましたが原因は謎です:pp_08.gif:
ほかのサイトでは検索ボックスが長くなるなんて事はなかったのですが:pp_00.gif:
通常表示されるようになりましたのでとりあえずテンプレを頂きました。多謝多謝:pp_17a.gif:

そこで、解凍したフォルダ内にあるminmax.jsとmt-site.jsについて質問なのですが、minmax.jsはリキッドスタイルの場合に使うという事はわかったのですが、mt-site.jsはMT3.3の場合、差し替える等の必要があるのでしょうか。

MT3.3を新規インストールし、styleとテンプレ類などで問題なく表示されているようですが、ちょっと自信なかったので。
よろしくお願い致します。

#7: Posted by bzbell @ July 5, 2006 [REPLY]

>>6 yasu さん

こんにちわ^^

> WindowsUpdateでも不具合は直らずブラウザの入れ直しでも改善しない為、OSのインストールを思い切ってやり直しました

えっ:exclam.gif:
ずいぶん大事なことになっちゃいましたね:pp_08.gif:
でも、改善してよかったです。

> mt-site.jsはMT3.3の場合、差し替える等の必要があるのでしょうか。

えと、すべての人が差し替える必要はありません。
そういえば、そこら辺のことは説明してませんでしたね:pp_13a.gif:
コメント投稿フォーム、トラックバック一覧をポップアップ画面にする際に必要となります。
:arrow.gif: コメント投稿フォームをポップアップ画面にする
:arrow.gif: トラックバック一覧をポップアップ画面にする

その際に必要となるJavaScriptを mt-site.js の中に含めています。
ですので、ポップアップ画面にしないのであれば、差し替える必要はありません。

説明不足ですいませんでした。

#8: Posted by yasu @ July 5, 2006 [REPLY]: お返事ありがとうございます:pp_01a.gif:
なるほどよくわかりました:pp_05.gif:
しばらくCSS等色々弄ってみてブログ立ち上げようと思います。
また何かありました際はよろしくお願い致します。
ペコっ

#9: Posted by すぱ @ November 14, 2006 [REPLY]: はじめまして。
素晴らしいデザインに惚れこんでしまい、うちのブログの方に使わせて頂きました。
表向きにはちゃんと動いているみたいなのですが、「Recent Entries」・「Comments」・「Trackbacks」からのリンク先の記事が、デフォルトテンプレートになってしまいます。
此方のサンプルですと、テンプレートが適用されているようなので、なにか設定かだとは思うのですが・・・・・
もし宜しければアドバイス頂ければと思います。

#10: Posted by bzbell @ November 14, 2006 [REPLY]

>>9 すぱさん

はじめまして^^
テンプレート使っていただいてありがとうございます。

ブログの方確認させていただきました。
個別エントリ・アーカイブのテンプレートだけ適用されてないようですね。
他、メイン・インデックス、カテゴリ・アーカイブ、月別アーカイブは問題なさそうです。

では、個別エントリ・アーカイブを手動にて設定してください。

まず、ダウンロードした圧縮ファイル中にindividual_entry_archive.tmplというファイルがあります。このファイルが個別エントリ・アーカイブのテンプレートになります。このファイルをテキストエディタで開いて丸ごとコピーします。
次に、MTの管理画面からブログを選択してテンプレート一覧画面を表示します。画面上にある「アーカイブ」をクリックしてください。そうするとアーカイブ一覧が表示されますので、その中の「エントリー・アーカイブ」をクリックして、先ほどコピーした内容を上書きしてください。
最後に、保存してエントリのみ再構築すれば、本来の表示がされるようになります。

参考までに教えていただきたいのですが、StyleCatcherを利用して適用されたのでしょうか。それとも、手動でしょうか。

至らないところがありましたら、何なりとお申し付けください(￣∇￣)/

#11: Posted by すぱ @ November 15, 2006 [REPLY]

アドバイス有難うございました、無事、稼動することが出来ました。
此方の設定環境としてはStyleCatcherを使っております。
コピーペーストで問題なく動いたと言う事は、此方の作業でテンプレートの初期化が上手くいって無かったのかなと思います。

あと、何点かお伺いしたいのですが宜しいでしょうか？

1.ブログ内検索で「Search this site」を使用すると、googleの画面になってしまうのでが、これで良いのでしょうか？？

2.ＭＥＮＵ1～ＭＥＮＵ6のタブなのですが、カスタマイズする場合、全てのテンプレートに対してカスタマイズするしかないでしょうか？

基本的な部分で申し訳ないです。

#12: Posted by bzbell @ November 15, 2006 [REPLY]

>>11 すぱさん

こんにちわ^^

> 此方の作業でテンプレートの初期化が上手くいって無かったのかなと思います。

とりあえず、設置できてよかったですね(;￣∇￣A

はい。Googleをデフォにしています。標準検索ってモッタリしるし、テンプレート自体も必要以上にタグを使ってたりなので、思い切ってGoogleに変更しました。標準検索が良ければ、週末にでも作成してお渡しすることはできます。わたし的にはこちらのブログ内検索を高速化がオススメです。
モジュールってご存知でしょうか。メイン・インデックス、各アーカイブなどの共通部分、たとえば今回でいうところのメニューを1つのモジュールとして別ファイルにすることで、すべてのテンプレートで使用することができます。作り方は、こちらのMovableTypeのモジュールを作ってみるを参考にしてください。

では。。。

#13: Posted by すぱ @ November 17, 2006 [REPLY]

毎回丁寧にアドバイス頂き有難うございます。
検索の高速化ですが、あまりの速さに驚いてます、こんな方法があったんですねぇ、驚きです。

モジュール化に関してはこれから頑張ってみようと思います。

#14: Posted by bzbell @ November 17, 2006 [REPLY]

>>13 すぱさん

こんにちわ^^

> 検索の高速化ですが、あまりの速さに驚いてます、こんな方法があったんですねぇ、驚きです。

気に入っていただけてよかったぁ(●´∀｀●)
ホント、この速さになれちゃうと他使えないってかんじです♪
わたしの場合、さらに自分のサイトに合った表示になるようカスタマイズもしちゃってます。

興味があればご連絡ください♪

> モジュール化に関してはこれから頑張ってみようと思います。

はい。がんばってください(￣∇￣)/
何か不明点などありましたら、なんなりとご連絡ください。