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

Movable Type 備忘録

サブドメイン環境で Ajax やってみる

Jun012008
Vote:
http://bizcaz.com/archives/2008/06/01-030409.php
Categories: Customize, Template
Tags: Ajax, Cross Domain
Social Bookmark

こんばんわ^^

一昨日、サブドメイン環境を作って Ajax のテストしてみました。
とりあえず、問題なく通信ができたようなのでご紹介します。

そもそも Ajax はドメインを跨った（クロスドメイン）通信ができません。
セキュリティ上の問題で http://AAA.bizcaz.com/ から http://bizcaz.com/ にあるファイルにアクセスすることができないんです。要するに同一ドメイン内での通信のみ可能ということになります。

で、わたしのサイトで配布してるテンプレートではブログ検索、コメント投稿など随所で Ajax を使用してます。
要するに以下のような環境の場合にはテンプレートは設置できても Ajax が使用できないため、コメント投稿などが機能しなくなってしまいます。

　http://bizcaz.com/
　 |
　 +-- mt/
　http://blog.bizcaz.com/
　 |
　 +-- index.php
　 |
　 +-- archives/
　 | +-- index.php
　 |
　 | +-- category/

http://bizcaz.com/（メイン）側に Movable Type をインストールして、http://blog.bizcaz.com/（サブドメイン）側にブログを設置するようなケースでは通常では Ajax は使用できないことになります。

以前からご連絡は頂いていたのですが、最近になってようやくクロスドメインの方法を教わって実際に試したところうまくいったので参考にしてください。

Apr132008
Vote:
http://bizcaz.com/archives/2008/04/13-213150.php
Categories: Template
Tags: 4.1, MovableType, Template
Social Bookmark

こんばんわ^^

TUBES for Movable Type 4.1 訪問者さんからテンプレートの作り方を質問されました。
今までも何回か同じような質問されたのですが、作り方と言われても困ってしまうというのが正直なところです。

ただ、わたしの場合は『最初ざっくり、後チマチマ (●´∀｀●)』が基本です。

要するに最初は自分がイメージした、ざっくりな近似色を割り当てといて、後で背景と前景を調整して自分が思い描いた配色に近づけていきます。
色は組み合わせによってだいぶ違いがあります( 同じ色でも明るめの背景と暗めの背景とでは印象が違うなど )ので、微妙に変えながら調整していきます。

実際に配色して気に入らない場合は、思いっきり配色を変更したりもします。

レイアウトに関してだけは最初にきっちりと計算します。
全体の幅を決めたら、サイドの幅などきっちり収まるよう計算することで、画像（サイズね）を作りやすいようにしてます。

てか、やっぱり説明しづらい（つω-`｡）
言葉で言って分かるようなら苦労しないわけでして、経験（といってもたかだか 1、2 年ですけど）的なところもあると思うので。

テンプレートはいろんなサイトさんで配布されてますので、そのテンプレートをイジくりまくって、とにかくたくさんのテンプレートを自分で作ってみるのと、ネットを徘徊していろんなサイトを見て感じるのが一番だと思います (￣∇￣)b

すいません、投げやりなかんじになってしまって (;￣∇￣A

さて気を取り直して、わたしにしてはめずらしい 3 カラムのテンプレート作ってみました。

テンプレートの作り方の話がでたのでチョビッと説明すると、このテンプレートの横幅は 960px です。左サイドバー幅は 250px、右サイドバー幅は 170px で、センターが540px になります。
そして、左右サイドバーのマージンを 10px、センターの両端も 10px 考慮してますので、実際には、左( 240px )、右( 160px )、センター( 520px )が実サイズになります。センターに関してはさらに左右パディング( 10px )を取ってますので 500px になります。

この 10px のところにチューブ( tube )の画像がくるように作成するわけですね (￣∇￣)b