メイン

Movable Type備忘記 アーカイブ

2006年07月07日

MovableType各部のアーカイブ化

こちらの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入門"こちらのサイトのテンプレートを利用しています。

2006年08月07日

画像が表示されていません

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

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

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

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

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

2006年08月08日

レイアウト変更

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

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

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

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

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

2006年08月09日

画像が表示されています

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

UploadDir

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

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


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

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


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

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


a3championscup

続きを読む "画像が表示されています" »

2006年08月25日

indexのエントリー表示数設定

"<MTEntries lastn="4">"

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

2007年02月18日

Flickrの画像をエントリーに表示させる

20061118

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

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

2007年03月15日

Ajaxカレンダー

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

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

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


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

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

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

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

続きを読む "Ajaxカレンダー" »

2007年03月17日

MTをDWで編集する

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

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

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

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

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

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

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

2007年03月18日

3.3にアップグレード

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

2007年03月20日

デザイン変更

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

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

blog070320.png

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

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

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

透過PNG

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

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

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

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


というワケで、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>当該カテゴリー>表示中エントリー]
と指定場所に表示される。


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

[ らくごのパッチ ]

2007年03月21日

indexページの分割

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

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


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


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


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

2007年03月24日

"続きを読む"

mosaickr01.jpg


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

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

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

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

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

続きを読む ""続きを読む"" »

2007年03月30日

モジュールのインクルード

MTはモジュールをIncludeを利用して読み込ませることができる。
各アーカイブの共通部分を置き換えるには便利。

最新のエントリー一覧
<問題点>

最新エントリー一覧を表示するのだけれど、カテゴリーアーカイブと月別アーカイブに入ると、カテゴリー内の最新一覧・月内の最新一覧が表示されてしまう。

モジュールにすればイイとタカをくくっていたけれど、モジュールインクルードでも、同様の状態になってしまう。かんなり困ったあげくたどり着いた。

>> hxxk.jp - カテゴリアーカイブとナビゲーションリスト

今までMTIncludeといえば<$MTInclude module="モジュール名"$>でしか使ったことがなかったけれど、moduleではなくfileというアトリビュートが使えるとのこと。
モジュールではなくテンプレートとして新規作成して、そのhtmlをココに読み込ませる。

<$MTInclude file="テンプレート名"$>

コレだと外部になったテンプレートを読み込むので、どのアーカイブでも最新エントリー一覧が表示できるようになる。
ただし、
indexテンプレート再構築時に併せて再構築できるけれど、エントリーをポストしただけでは書き換わらないので、エントリーポスト後、別途再構築を行う必要がある。

ココでも結局ダイナミックパブリッシングの誘惑が。

2007年05月18日

MTの追記部分の使い方

flickrバッジやyoutubeファイルのオブジェクト埋め込みて便利だしおもしろいのだけれど、ひ弱な回線だと読み込みに時間がかかちゃうのが難点だなぁと思ってた。

"DIGITAL DJ"ではyoutubeオブジェクトを使う際にindexではサムネイル画像を置いておき、追記部分にオブジェクトを配置してパーマリンクで表示させた場合にのみコレが読み込まれる。

>> DIGITAL DJ

コレでindexの読み込みに影響がなくなる。
なるほど、こういうやりかたもアリなのかぁ。いいアイデアだなぁ。

さらにスクリプタキュラスを交えるとどうなるのだろう。

20060712155842.jpg

続きを読む "MTの追記部分の使い方" »

About Movable Type備忘記

ブログ「大dイiムve2」のカテゴリ「Movable Type備忘記」に投稿されたすべてのエントリーのアーカイブのページです。過去のものから新しいものへ順番に並んでいます。

前のカテゴリはMobileです。

次のカテゴリはただの日記です。

他にも多くのエントリーがあります。メインページアーカイブページも見てください。