大dイiムve2

こちらのWebサイト"中国四千年のフットボール通信（当確）"で
掲示されていた"We Love Vison Asia"のバナーをテッペンに置いた。
場所は今後詰めることに。

と

ココのページのPHP化とモジュール化とやらを
"Crossbreed"
こちらのサイトのMTコーナーを参考にして行ってみた。

最初にコメント一覧に手を入れる。
ページ構成はすべて基本的にはindex.htmlに記述してあるものを、
テンプレートからPHPのファイルを作成しそちらに記述、ソレをindex内にincludeする。
indexに書いてある記述が、includeの一行に置き換わり、ページ表示の際に
作成したPHPファイルがソコに読み込まれる、と。

サイトの軽量化や再構築(MTでずっと付き合う機能)に効果があるらしいのだけれど、
どちらかというと興味本位で。

phpファイルを作成してindexを書き換えてみたものの表示されない。
ウチのサイトはドメイン取得の関係で、パスが特殊。
その書き間違えかと書き換え書き換え、ても変わらない。MTのconfigを確認して
パスを正確にしたもののやはり表示されない。コメント一覧のあった部分がすっぽり抜け。

考えた挙句、エラーも出てないし、、、indexがphpじゃないからだと気づく。
index.phpを作成して、index.htmlを削除。無事表示。

同様に、カレンダー(モジュール化する必要があるのかわからんけど)・エントリー一覧・
カテゴリー一覧・過去記事など、(今のトコ)右側にある検索以外の項目をすべて
モジュール化。無事完了。
記事アーカイブのモジュール化もあったけれど、現状MT自体を把握していない状態で
やるのは危険かなと思い、コレに留める。

まぁココまでやっても、見た目はナンも変わってません。

この作業のおかげで、indexの記述が少し理解できた。
MT用のスタイルシートを覚えるのはおっくうだなと思っていたのだけれど、
indexのほうのタグをきちんと理解すれば、必要分の変更くらいはヤル気になるかもしれない。
ちなみに現在、
"MovableType入門"こちらのサイトのテンプレートを利用しています。

正解。
サーバー移転に伴ってこのblogもインストールしなおしと
ログのインポートを行いました。

写真に関しては、保存場所の再検討も兼ねて
まだアップロードしていないので、エントリー内の画像がリンク切れになっているのは
正しい表示です。

"UploadDir"プラグインがうまく動作させることができていないのが
その要員のひとつです。一番求めていたプラグインなんだけれど。

各テンプレートにスタイルシートが適用されていないのも
移転に伴う未作業部分ですので、皆様の環境の問題ではありません。
(文字デカっ、と思ったらソレがそーです)

なぜか自身のPCではココではなく、解約済みのサーバーデータが表示されてしまうという
問題があったので、修正をかけられませんでしたが今は表示されるようになったので
明日以降様子をみて修正します。
キャッシュはクリアしてたのになぁ。なんでだったんだろか。ちょうど12時間くらい
ココ見られなかったな。性格がテキトーなので、ちゃんと表示されればソレでイイけど。

<1>カレンダー外し
カレンダーを右サイドバーてっぺんい置いていたけれど、前後の月への移動の設定ができず、まぁあまり存在意義もナイので消した。

<2>Flickrバッヂ位置変更カレンダー外しの流れで、開いたときのリズムを含めFlickrバッヂを右サイドバーてっぺんに移動。

<3>ヘッダ画像追加asf用に以前作成したけれど、社内MTGにて却下されたヘッダ画像のサイズを調整して本blogのヘッダに抜擢。

<4>文字色、背景色変更まぁすこしユルめにしました。墨だとキツいコトに気づいたため。フォント設定を変えてみたもののパっとしなかたので元に戻す。ただ、設定が戻りきっていないところがあるのでアルファベットの表記だけカクっとしたカンジのところが残る。カワイイのでそのまま。

MTの覚書になっていてasfの制作日誌でも、サッカーサイトでもないなと思い悩む今日この頃。

<1>"UploadDir"がやはりうまく動作しない。

UploadDir

アップロードするファイルの拡張子にしたがって自動的に保存先のディレクトリを切り替えることが可能

現在ココでエントリーを投げると、年￥月￥以下のフォルダに収まるようになっている。各月フォルダ内にimageフォルダを作って、その月のエントリーに載せた画像を置いた。情けないことに手作業でリンク更新。
屍の要望でサムネイル画像クリックで別窓で元画像を開くようにした。blankで開いているけれど、blank指定は推奨されていないので今後考えることに致します。

<2>アーカイブによるレイアウトの違い

indexにだけFlickrバッヂを置いていたりしてる。外部データの参照なので、読み込みが一間遅い。リズムを生むためだけにあるようなものなので、すべてのページに配置する必要もないように思う。

<3>エントリーファイル名

各エントリーのファイル名って勝手に名前ついてんだなと思ってたら、エントリー投稿の時に指定できるのね。エントリータイトルが英語のときだけ、ソレに沿ったファイル名がついていることに今気づいた。日本語のタイトルでファイル名の指定がないときは[post]になる。

"＜MTEntries lastn="4"＞"

indexには4つの最新エントリーを表示するように変更(今までは7かな)。
テンプレート > メインページ でココの数値を変える。
MTの設定で変更してもPHP化のアオリなのか反映されずに悩んでいたけれど、
indexのMTタグをイジれば済んだハナシだった。

長らく放置ギミだったASFのNewsページを、FC2ブログから当サイト内に引越し。
場所だけは以前から確保してあったけれど、FC2のほうで長いことキーも流してあるしASFのサイトデザインも中途半端なままだしであったけれど、MT忘れそうなので引越し作業を行う。当分ミラーのような状態で様子を見ます。

<インターネット散歩道> 「FC2ブログからMovableTypeに引越だ・・・」

<コソリ日記MIXIと連動> 「Movable Typeにお引越し」

とりあえずFC2の管理ページの[ツール]>[データのバックアップ]ですべて書き出しで、テキストファイルとして書き出される。
EUCエンコードのテキストということなので、エディタでUTF-8に変換して保存。import.txtとファイル名を変更して、MTのimportフォルダにアップ。
MT管理画面の[読み込み/書き出し]から読み込み。コレで完了。とりあえずスタイルはココと同じものをアテておく。

ココはナニを思ったか、サイドバー内の項目を外部読み込みにしたいがためにPHPにしてしまったけれど、アイコさんにならいMTタグで読み込むようにした。なので、エントリー等もすべてHTMLファイルで残る。

とりあえずミラーサイトとして移設完了。いろんなとこが中途半端ではあるものの、移設自体は非常に簡単な作業だった。ただし、改行が反映されず。10エントリーくらい手作業で変更したけれど、なんか不毛感が漂ってさみしい気持ちになりましたので、放置。そのうちきっと一括変換方法が見つかると思う。

ASFのindexにあるNewsFeedsは、外部ドメインからのRSS読み込みに四苦八苦した結果、PiyoFeedsを利用するに至ったままなので、移設に伴い同ドメインになったことなので、自家読み込みのスクリプトを覚えることにします。

All SizeでSmallのタグをコピってエントリーに貼り付け。ただし、リンク先をMediumの画像に。その上でLightbox用のタグを加える。
用途によってtitleを消すか変更する。
Smallのタグを使ったのは、数字に弱く縦横比が計算できないから。

当たり前といえば当たり前にできた。
ライセンス上アリかナシかは不明。

カレンダー要望点
・月送り
・日付にエントリーへのリンク
・月別アーカイブを開いても最新月を表示
・
・

>> 小粋空間 - Ajax 月送りカレンダー

最初1度正常に表示されたものの、ソレ以降表示されず。カレンダーhtmlを開く分にはきちんと生成されている。原因がわからないけれど、表示されないものは仕方ないので別のを探す。

The blog of H.Fujimoto - リアルタイム月送りカレンダーAjax版（MT標準テンプレート用）

正常に動作したのでこちらを利用。

ただし解決できぬ問題点あり。

問題点
・表示されている月に月別へのリンクが貼られない
・月が替わってもその月にエントリーがポストされない限り、カレンダーは前月のまま
月別アーカイブから生成しているので、エントリーがなければ新しい月のカレンダーにならない。カレンダーなので当日が表示されるべきとの要望。
上記2点ともSeesaaなんかで見かけるCGIカレンダーだと要望に答えられてるっぽいんだけどなぁ。

MTのテンプレートをDWで編集するための設定。

1：blogのディレクトリ以下にテンプレート用ディレクトリを作成する。

2：テンプレートページの[このテンプレートにリンクするファイル]にパスを書く。
　例)テンプレート用ディレクトリ/index.html　(とりあえずindexとCSS)

3：保存すると当該ディレクトリにhtmlファイルが作成されているので、そのファイルをダウンロードしてDWで編集する

4：DW拡張機能 for MT3をインストールするとMTタグがコードヒントに追加されるので編集しやすい。
(個人的にはMTタグがエラーとして扱われないので精神的に安心する)

5：DWの[テキスト] > [CSSスタイル] > [デザインタイム]でCSSを指定する。

あとは、DWで編集したものをテンプレート専用ディレクトリにアップロードして、MT管理ページで再構築を行う。

いわゆるアップグレードはうまくいかなかったので、元を削除しアップロードしなおし。テンプレートのバックアップはバージョンが違うのでとりあえず書き直そうという意気込みだけ封じ込めてデフォルト放置。

思いのほか早めにデザイン変更。

早急にテンプレートの動作を身につける必要があるのだけれど、一番イジくって問題ないのがココだったということで。

ユニバーサルデザインを盛り込んで、[皆が公平に見難い]ページに･･･
デザインはいずれ変わるだろうということで、キャプチャ画像を収めておく。

変更したのはindexだけ。他のアーカイブは変更するなら色違いかレイアウト違いにでも。しないと意味ないし。

きっと"IE6.5以前"というバケモノに振り回されるのもあと少しだけ。

MTに限った話ではないけれど。

透過PNGはいまさらほとんどのブラウザで表示されるけれど、IE6.5は透過せずに表示してしまう。なにかと便利なのに、IE6.5で表示できないとなると(ブラウザシェアを考えると)「使えない」コトになっちゃうワケで。IEで透過させようとすると[DirectXのAlphaImageLoader]を使う必要がある。Appleなんかは「Safariで表示されんだからイイじゃん」的なIE無視っぷりで透過しないまま表示させてしまったりしてますが、雑用係はそーも行かず...

<透過PNGをIE6.5でフツーに表示した時はこんなカンジ>

<透過PNGをMozilla(Firefox)やSafariなんかで表示した時はこんなカンジ>

というワケで、IE6.5用にAlphaImageLoaderを適用させるビヘイビアがあるのでこちらを利用。
png2vml.htc
コレで日本のシェア9割のブラウザでもめでたく透過PNGが利用できるようになりました。

■ png2vmlで透過させるための条件 ■
1：スタイルシートのbodyに[behavior: url(http://自分のサイトURL/png2vml.htc);]を加える。

2：PNGイメージに[class="AlphaPng"]を加える。

ただし、画像にオリジナルへのリンクが貼ってあるときにマウスーバーでポインタが[ゆび]にならない弊害あり。スタイルシートで[cursor: pointer;]と指定してみたものの、ココのヘッダ画像にも透過PNGを指定してるため、リンクもせんのに[ゆび]になってしまいました。ので、imgタグに[style="CURSOR: hand"]を加えることでなんとか実現。

このエントリーの画像はリンクがないので、確認できるのは↓の画像。

・前後のエントリーへの移動リンク
<p class="content-nav">～</p>

エントリーページ表示中、前後のページ+トップページへリンクするナビゲーションは最初から備わっているのが、CSSで非表示になっているので表示させれば終了。

・パンクズリンク
<p class="entry">
<a href="<$MTBlogURL$>" >トップ</a>＞<a href="<$MTEntryLink archive_type="Category"$>"><$MTEntryCategory$></a>＞<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a>
</p>

以上を加えれば終了。
エントリーページに加えれば、
[Top>当該カテゴリー>表示中エントリー]
と指定場所に表示される。

ギスケちゃんに教えてもらった。

[ らくごのパッチ ]

index(トップページ)はMTの設定で表示エントリー数は決められるけれど、次のページへのリンクがない。表示されているより過去のエントリーを参照したい場合は月別のページ等を参照することになる。

・MTPagenate
プラグインを探したところ最初に見つけたのが[MTPangenate]というプラグイン。説明を見るとPHP化して利用する。HTMLのまま行いたかったので別のものを探す。

・ArchivePage
次は[ArchivePage]というプラグイン。こちらはHTMLのままページ分割。プラグインを入れてみるまでは行ったものの、indexでは利用できず。アーカイブページやカテゴリーページには使えるプラグイン。

・PageBute
サイゴが[PageBute]。説明を読んだところ検索ページ以外では利用可能。入れてみたところすんなり動作。目的のものが見つかったカンジ。
設定したページが設定数以上になると自動的に次へのリンクを表示。実際は[index_2.html]を自動生成して、そちらに次以降のエントリーが並んでいる。動作的には[ArchivePage]と同様の振舞い。

Ajaxカレンダーの誤動作誘発 >>

エントリー(blogの記事)が長い場合や追記がある場合、通常「続きを読む」とリンクがありクリックすると当該エントリーページが表示され、エントリーページには追記部分も合わせた内容が表示される。

その「続きを読む」部分をindexで折りたたんで表示させる機能をつけてみた。

>>小粋空間 「追記文章の折りたたみ Web2.0」

方法から注意点まで、すべて書いてある通り。そのまんまつっこんだだけ。ありがとうございました。

"スクリプタキュラス(script.aculo.us)"というライブラリ。