MTカスタマイズ日記:このサイトはMTを使用しているのです。改造のおぼえがきです。

brタグが~~!!

今気づいたのですが、brタグが<br />じゃなくて、<br>で出力されてるのに気づきました!!
(HTMLとXHTMLのタグの書き方のうんちくトーク中に、自分のサイトをXHTMLの例として見せてた時なんで非常に恥ずかしい思いをしました。Mじゃないので、苦痛しかありませんでした。)
MT4+XHTML仕様の某大物サイトのソースをのぞいて見たら、そこも<br>でしたよ・・・。ちょっとホっとしてしまいました。
バージョン4.1で直ってたらいいな~と思います。
今ベータ版がでてますが、怖いので傍観中です。

来年の1月に正式版が出るみたいなので、楽しみです!


ローカル環境でMovable Typeをうごかす

自分のパソコンの中でMovable Typeが動かせたら、サーバに負担をかけませんし、データupしたりする手間も省けていいですよね!
動作確認し放題なんで是非やってみてください。

■すごい詳細にローカル環境へのサーバパッケージ「XAMPP」インストール方法を解説しているサイト
【世界中の1%の人々へ】
執筆されている蒲生トシヒロさんの熱いトークも炸裂しています。

■XAMPPのCGIのperlパスが実際のサーバーと違うのが嫌な方へ(変えれます!!)
【XAMPPとperlパスを調整してCGI(MT)を動かす+Windows ジャンクション:Materializing】

■本稼働中のサーバとのデータベースのやり取り(データベースのバックアップとインポート)
【小粋空間: MySQL + phpMyAdmin によるバックアップ】

■どうも、本稼働中のサーバから取ってきたデータベースをXAMPPのMovable Type用MySQLにバックアップをインポートすると文字化けしてます!!
【やんばるくいな | MySQL5文字化け】
ここの解説ででてくる xampp/mysql/conf/my.cnf は何故か、Windowsでは短縮ダイアルのショートカットみたいになっています。
ダブルクリックしても開かないので、テキストエディタから開いてください。

■XAMPPのhtmlファイルの置き場所をデフォルトより変えたい方
【XAMPP/3.Apacheの設定 - Ground-SunLight】

■htmlファイルの置き場所をデフォルトより変えた為に、SSLのファイルの置き場所の関係が意味不明になったのでSSLフォルダの設置場所の設定も変えたい
【ググッても答えが見つからなかったので根性で出来ました】
xampp/apache/conf/extra/httpd-ssl.conf
このファイルの76行目、
DocumentRoot "D:/xampp/htdocs"
ここを任意のパスに変更してください。


どうですか?
色々困ったので、半泣きでググりまくりました・・・。
半泣きを越えたら、驚きの便利ワールドが広がってますので是非お試しくださいね!


建売コーナーのデザインプレビュー制作秘話

litebox2.gif建売のデザイン詳細のデザインが見れるところなんですが、右側のテキストをクリックして左側のサムネイルが切り替わるのは自作のJavaScript+cssで制御してます。

サムネイル切り替えJavaScriptもがんばりましたが、ここのポイントはサムネイルをクリックすると大きい画像がでてきます。
Lightbox2」というJavaScriptを使っています。
外国の方が作っているのですが、JavaScriptをリンクさせて、表示させたい画像へのリンクを貼るぐらいで出来てしまうので見た目の派手さと、作業の楽さを考えると設置したときは半笑いが止まりませんでした・・・。

日本語で解説してくれている親切なブログはこちら「Hamster-Santa / Lightbox JS v2.0の使い方と設置」
(ハムスターのサイトなのに・・・。ありがとうございます。)


建売コーナーのフォーム制作秘話

こちらの建売コーナーのフォームは藤本 壱さんのメールフォームプラグインを使わせていただきました。
ふつうのお問い合わせのところにも同じプラグインを使っています。

建売の方はどのデザインについての問い合わせかを送信したかったので、ブログ記事のタイトルとファイル名を商品型番みたいな感じで仕込んだのですが(<$MTEntryTitle$>とか)、テストでは始めのフォームページ以降の送信完了・エラー・確認ページが全然表示されなかったので、あせりました!
うひーと思いながら色んなタグを消しながら、どのタイミングで表示されるか確認したところ、ブログ関係のMTタグと相性がダメなことが分かりました・・・。
たしかに壱さんの説明ページでもindexテンプレートで作ってたのですよ・・・。
建売のフォーム(+デザイン詳細ページ:なぜ合体してるかは前のエントリを参照)はブログタグを使っているのでindexテンプレート作ると意味無いんですよね~。

そうだったのか・・・(T-T) 。と納得したところで送信完了・エラー・確認ページにMTのブログタグが入らないように改造しました。
はじめの入力フォームにこっそり値を入れて、その後の遷移はMTブログタグじゃなくてメールフォームプラグインのタグの値を持っていくようにしたのです。


こんな感じです。
入力ページ:<input name="mail_fileNo" value="<$MTEntryBasename$>" type="hidden" />
それ以降のページ:<input name="mail_fileNo" value="<$MTMailPreviewExtParam name="mail_fileNo"$>" type="hidden" />


真っ白画面がでたときはホントにあせりましたぜーーー!


リニューアルしたのでMovable Type 4で動いています。+建売コーナーの苦労話

11/5にリニューアルしたときにMovable Type4になりました。

なにが出来るようになったのかのか?と調べるよりもやりたいことを考えて、それが実現できるか必死で考えると裏技とかプラグインとか発見できていいのでは。と思っていたのですが、やっぱり建売の部分が結構計算外なことが多くて大変でした。

構成的には「ブログ一覧(デザイン一覧)」→「ブログ詳細(デザイン詳細)」→「もっと詳しく(デザイン別お問い合わせフォーム)」でいける!と思ってたのですが、“ブログ詳細→もっと詳しく”の流れが間違っていてMovable Typeのシステム的には同じページ何ですよね~(TДT)

この辺はMovable Typeじゃなくて、JavaScript+CSSでがんばりました。
実はデザイン一覧とデザイン別のお問い合わせフォームは同じページで普段はデザイン一覧なんですが、sslモードで見るとお問い合わせフォームになると言う作りです。(ものすごい力技な感じですが・・・)
デザイン一覧のときにソースを見たら、下のほうにお問い合わせのソースが見えます。(その逆も同じです)

デザイン別のお問い合わせフォームも大変だったのですが、長くなりそうなのでまた別の日にします~。


Movable Type 4 をさらに触ってます~

こっそりと、リニューアル兼、新コーナーなどを作りながらMovable Type 4 の実験をしているのですが(※このサイトはMovable Type 3ですよ)、タグがいっぱい増えて、静的なファイルを吐き出すタイプにしていてもパンくずリストをつけたり、カテゴリごとに違う見栄えをいれたりプラグインなしで出来るので中々楽しいです。
建売のデザイン一覧を作るには、管理画面の入力欄がぜんぜん足りないので「RightFields」と言うのを使う予定だったのですが、近々でる(かも)Movable Type の 4.1 バージョンで似たような機能(らしい)CustomFieldsと言うプラグインを内蔵するらしい、とのウワサがあるのでちょっとバージョンアップ待ちして待ちきれなかったら、CustomFieldsを入れてみようかと思います・・・。


Movable Type 4 触ってみました~

インストールはなんとか出来たのですが、テンプレの扱いとか全然違うので、ここのサイトがMT4になるのはもうちょっと先になりますよ。
だれか、また分かりやすい本書いてくれませんかね?(←他力本願・・・)
ここのレンタルサーバが推奨している文字コード:EUC-JPじゃない、色々便利な「UTF-8」にしてみたのですが、特に細工しなくても文字化けしませんでした!!
慣れたらMT4の方が楽そうです・・・。

RightFieldsで文字化けが~!

建売サイトのデザイン表示ページ用にエントリーの入力項目を増やして画像までup出来てしまう、ステキなプラグインRightFieldsがあるのですが、なぜかupした画像ファイル名が思いっきり文字化けするんですね。
レンタルサーバーの推奨文字コード:EUC-jpにしてるんですが、MT自体はUTF-8の方がよさげなのでその辺かな~ともんもんとしてます。
思い切って文字コードUTF-8に変えてインストールしなおそ~かな~と、ついでにMTのバージョン4にしちゃおうかな~~って迷ってます・・・・・・。

MTのテンプレートファイルのパス変えました

ほぼデフォルトのファイル構成でサイトを作っていたのですが、MTのテンプレートファイルの場所が実際書き出される場所と全然違うことで段々困ってきたので場所を変えました。
テンプレファイルのMT管理画面からのリンク先をどんどん変えていった結果、デフォルトの「tmp」フォルダが消えてしまったのでなんとなく怖かったです。(中身は色んなところに分散しています)

昔→テンプレ:tmp/archives/index/index.html 書き出し先:index.html
修正後→テンプレ:TMPindex.html 書き出し先:index.html


メールフォーム復活しました!

やりました・・・。
以前、使わせていただいていた藤本壱さんのメールフォームのプラグインがバージョンアップしていましたのでそちらを使いました。
http://www.h-fj.com/blog/archives/2007/01/23-111038.php

まだ解説の途中で、今回の物は入力必須項目が変えられるみたいですので、そこの解説まで行ったらメアドの必須を外そうと思います。

実はこのバージョンアップ前にもうひとつ前バージョンのAjax対応版を入れてみたのですが、 かいつまんで読みすぎてうまいこと行かなくってもやもやしてたら、バージョン上がりました。ラッキーです!