Movable Type 備忘録
テンプレートの設置の仕方
- Prev Page: レイアウト・サンプル
- Next Page: レイアウトの変更の仕方
こちらの記事は以下のページに移動しました。
http://bizcaz.com/archives/2006/09/27-175040.php
Trackback Pings(0)
No trackbacks found.
Comments(16)
Post a Comment
-
Movable Type 5 をベースにされてる技術本です。
ある程度 Movable Type に慣れてる人をターゲットとしたテクニカルな内容が記載されてますのでステップアップにいいかも。Movable Type 4 をサポートしてる書籍です。
これから始める人にはもちろんのこと、Movable Type を既にお使いの人でも一度読んでみるといいかもです。 -
- Loading...
- 私を登録 by BlogPeople
はじめまして、ふかやまと申します。
いつもこちらのブログを拝見し勉強させてもらっております。
こちらのテンプレートを利用してブログを作成しましたが、Windowsでは問題ありませんが、MacのIEで参照すると、レイアウトが崩れてしまいます。:pp_06a.gif:
レイアウトが崩れた例
http://mtpanorama.net/blog/photo/toppage.jpg
カスタマイズした点は、styles-layout.cssの「layout-three-column-leftbody 」で以下の変更を行った事と、banner画像、メニューバーの表示を変更した位です。
body.layout-three-column-leftbody .container {
text-align: center;
margin: 0 auto;
margin-top: 0px; ←15から0に変更
width: 900px; ←800から900に変更
ちなみに「layout-three-column-liquid-leftbody 」で表示した場合は、正常に表示されます。もし何かお分かりになれば、教えて頂けませんでしょうか。よろしくお願い致します。
>>1 ふかやま さん
こんにちわ^^
テンプレート使っていただいてありがとうございます:pp_01.gif:
ご質問の件ですが、MACでIEはわたしも環境がなかった為に未確認でした。
そこで ふかやまさん にお願いがあります。
まず、ナビゲーションバーをコメントにした( 表示させない )場合、どのようになるでしょうか。
ナビゲーションバーはドロップダウンリストに対応させているわけですが、IEだとブロック要素に不具合があるらしく、やむをえずテーブルを使用したりと、けっこう小細工をしてたりするんです。一応IE6では動作確認していますが、それより前だとやっぱり環境がない為に未確認なんです。
※MACはFirefoxでは確認しています。
お手数ですがよろしくお願い致します。
bzbellさま
ナビゲーションバーを表示させないようにしたところ、正常に表示されました～。
ちなみに、ナビゲーションバーを利用した場合、ドロップダウンリストを使っても使わなくてもやはりMacIE5.1ではレイアウトが崩れました。
尚、MovableType備忘録をMacIE5.1で参照した場合、正常に表示されます。MovableType備忘録さんで採用してるドロップダウンリストを利用しないナビゲーションバーでは大丈夫なようです。
ドロップダウンリストは利用できれば便利ですが、利用できない（レイアウトが崩れる）ブラウザもあるかもしれませんので、MovableType備忘録さんで利用しているようなナビゲーションバーに変更したいと思います。
ありがとうございました。
>>3 ふかやま さん
こんにちわ^^
> ナビゲーションバーを表示させないようにしたところ、正常に表示されました～。
予想通りですね。よかったですぅ:pp_06a.gif:
ホントならIEがしっかりとCSSの基準を満たしてくれていれば、まったく問題ないコードなんですけどね:pp_13a.gif:
> ちなみに、ナビゲーションバーを利用した場合、ドロップダウンリストを使っても使わなくてもやはりMacIE5.1ではレイアウトが崩れました。
ご報告ありがとうございます。
他の人への参考にさせていただきます。
> 尚、MovableType備忘録をMacIE5.1で参照した場合、正常に表示されます。MovableType備忘録さんで採用してるドロップダウンリストを利用しないナビゲーションバーでは大丈夫なようです。
はい。わたしのブログではドロップダウンを使っていないのでコード的に別な( ドロップダウン表示がない )になっています。
ふかやまさん が言われるように、人によって見れないと困ると思っているので、へんに凝ったことはしないようにしたんです。
前回にもお伝えしましたが、ドロップダウンのコードには、IEで表示させるためだけの小細工が仕込まれています。
また、このコードもすべてのIEで対応( 確認 )したわけではなかったので、これが悪さをしていたんですね。
とはいっても、ドロップダウンを希望される人もいるので、テンプレート内にはコードを入れていたんです。
> ドロップダウンリストは利用できれば便利ですが、利用できない（レイアウトが崩れる）ブラウザもあるかもしれませんので、MovableType備忘録さんで利用しているようなナビゲーションバーに変更したいと思います。
お手数お掛けしました:pp_02.gif:
わたしの方としても貴重な情報をいただき、ありがたく思っています。
今後ともよろしくお願い致します。
はじめましてbardともうします。
みようみまねで、はじｊめてMT3.3日本語を入れてブログに挑戦していて、こちらのサイトの御紹介の
テンプレートがかっこよいので、上記にしたがって、導入してみたのですが、
エントリしても、下記のエラーが出てしまい
**
日付アーカイブ「Monthly20060701000000」の再構築に失敗しました: テンプレート「日付アーカイブ」の再構築に失敗しました: コンテナの外に誤って記述していませんか
**
どうしても出来ず、途方にくれております。
これは、設定上の問題でしょうか、初めてでとても恐縮なのですが、解決のヒントをご存知でしたら
ご教授頂ければ助かります。
ちなみに、テンプレートは、ダウンロードさせていただいた、mt3.3用のXHTML 1.1の～Aのタイプを
利用させて頂いており、サーバはlolipopで運用しています。
>>5 bard さん
こんにちわ^^
ご訪問ありがとうございます。
MovableType3.3からStyleCatcherというテンプレート切り替えられる機能が標準で備わっています。
その機能を使ってテンプレートを差し替えられるようにしましたので、そちらをご覧になってみてください。
MovableType MEMOのテンプレート設置手順
初めて…とのことですが、上記手順で分からないことがありましたら、何なりと質問してください♪
bzbellさん
早速にお返事ありがとうございます！
感激しております。
追記していただいたものを参考にトライしてみます。
いろいろやっているうちに、同さ確認せず、メインページのテンプレートをいじってしまったのが
原因なのかなと思っていたところでした。
ちなみに、あれこれ四苦八苦しているサイトは、こちらです。
http://www.spitfire-mki.jp/blog/
>>7 bard さん
こんにちは^^
サイト拝見させていただきました♪
以下に気になった点について記します。
styles-site.css 内に記述されている base-weblog.css が指定した場所にちゃんとあるか確認してください。 basic-2column-fixed-left.css はイメージの表示などがされているので、そのCSSファイルはあると思います。 base-weblog.css がなかった場合、ダウンロードしたファイルの中に base-weblog.css が同梱されていますので、そちらを指定した場所にコピーしてください。
ナビゲーションバーにはInternet Explorerの不具合に対応した、ちょっとした小細工をしています。 ですので、そこの部分ではコメント( <!-- ～ --> )は使わず、不要なら削除するようにしてください。
以上気になったところをアドバイスしてみました。
何かあれば気兼ねなく質問してくださいね♪
>>8 bzbell さん
早速のお返事、アドバイスありがとうございます。
帰宅しましたら、参考に修正してみます。
このサイトは、行きつけのお店のサイトなんです。
ただの常連で、サイトを作っているんです・・・
/blogをはずしていただければ、現在のサイトがご覧いただけます。
東京近郊に在住でしたら、美味しいビールが飲めますので、是非、どうぞ。
>>9 bard さん
こんにちわ^^
そうでしたか。
てっきり、ショップのオーナーさんかと思ってました♪
都合よく東京在住でして、また都合よくお酒大好き( できればワイン )なので、お店のほうに友達と寄らせてもらいます。
サイト立ち上げがんばってくださいっ！
こんばんは！
以前黒→青グラデのテンプレートおねだりしたモノです。
未だに四苦八苦してるわけですが・・・。
StyleCatcherに対応したとのことで、説明見ながらすすんでいったのですが、
プラグインの初期化
＞今度はMovableType(ムーバブルタイプ)の管理画面から適用したいブログを選択して、
画面左にある「設定」をクリックします。 そして、画面上にある「プラグイン」でプラグイン一覧を表示し
て、StyleCatcherの初期化を行います。
この方法がわかりません。
悩んでいてもしかたないので、プラグインを使わない方法でチャレンジしようとおもったのですが、
そちらもうまく出来ず・・・。
サイトのURLは http://bigmam.lovepop.jp/okaimono/
です。
漠然とした質問で分かりズラいとおもいますが、些細なことでも助言いただけると助かります。
よろしくお願いいたします。
>>11 ITEYA さん
こんにちわ^^
まず、StyleCatcherの設定方法が分からないとのことですが、MovableTypeにログインすると「メイン・メニュー」が表示されます。
そこには作成済みのブログが一覧表示されてるかと思いますが、そこからStyleCatcherを適用したいブログの右側に、「設定」とありますのでそちらをクリックしてください。
そうすると、上のほうに「プラグイン」とありますので、そちらをクリックするとプラグイン一覧が表示されます。
次に、StyleCatcherを使用しない場合の件ですが、ITEYA さんのブログを例にして説明します。
また、default_templates の設置はうまくいっているようなので、その先から説明します。
URLだと http://bigmam.lovepop.jp/okaimono/mt-memo/ の位置になります。
@import url(http://bigmam.lovepop.jp/okaimono/mt-memo/base-weblog.css);
@import url(http://bigmam.lovepop.jp/okaimono/mt-memo/basic-3column-fixed-left/basic-3column-fixed-left.css);
あとは、ブログ全体を再構築すれば表示されると思います。
説明が不十分でごめんなさい。
もっと分かりやすく変更しておきます。
また何かありましたらご連絡ください。
>>12 bzbell さん
こんばんは、ソッコーの返信＆指南 感謝します！
それでですねぇ、現在教えていただいた方法でstyles-site.cssの中を書き換えてみたのですが、
http://bigmam.lovepop.jp/okaimono/ こんなかんじです。
背景が出てないようです。
それから、styles-site.cssの中身なんですが、@import urlを付けると
昨日のようなサイトになってしまいます。
urlを除いた @import ～ で、 現在の形になっています。
ダウンロードしたテンプレートDATAですが、昔落とした方でうまくいきました。
C001- が頭についている、新しい方では昨日のモノと同じになってしまいました。
もちろん、C001～に合わせたstyles-site.cssの中の場所指定も変更しました。
あとはどこがイケナイのでしょうか。。
>>13 ITEYA さん
こんにちわ^^
> 背景が出てないようです。
もしかして、ITEYAさんはこちらのテンプレートを使用したかったですか？
それでしたら、お使いのテンプレートが違っています（￣∇￣;）
ITEYAさんがお使いのテンプレートは背景がない、こちらのテンプレートです。
ですので、こちらから新ためてダウンロードして、>>12コメントと併せてこちらのStyleCatcherを使用しない手順を行えば、ITEYAさんのお望みのテンプレートになります（￣∇￣）
> styles-site.cssの中身なんですが、@import urlを付けると
昨日のようなサイトになってしまいます。
はい。>>12のコメントにも書きましたが、@import urlの場合は、http://●●●～で始まる指定をします。
また何かありましたらご連絡ください。
>>14 bzbell さん
こんばんは！
おかげさまでできました！大満足です。
やっとスタートラインってかんじです。
これからは、カスタマイズもがんばっていきます！
なにかありましたら、またよろしくおねがいします。
>>15 ITEYA さん
こんにちわ^^
> おかげさまでできました！大満足です。
ヽ(∇⌒ヽ) やりましたねっ (ノ⌒∇)ノ
> なにかありましたら、またよろしくおねがいします。
はい。お気軽にどうぞ♪
わたしの知ってる範囲のことなら、できる限りのことは致します。
では…。