ti-web.net blog

CMSとして使う Movable Type 5 ガイドブックを参考にして、Movable Typeで携帯電話用のページを作成しました。

サンプルファイルを流用させていただきましたが、自分のブログに合わせてカスタマイズするのに、苦労した点がいくつかありました・・・。

本の間違いでハマった点。

• P.357にあるブログ記事(ケータイ)テンプレートと詳細(ケータイ)のリンクしているファイルが、両方ともdetail.tmplになっています。詳細(ケータイ)がリンクしているのは、mod-detail.tmplです。
• トラックバック(ケータイ)がリンクするファイルは、trackback.tmplではなくtrackbacks.tmplです。

Movable Type 5.01のウィジェットにあるタグクラウドのテンプレートを変更し、javascriptを無効にしてみました。

javascriptで表示するようにしていると、javascriptが処理できない携帯携帯電話からアクセスしても、タグクラウドのリンクがクリックできるようになります。

Movable Type 5.01 最新記事フィード(atom.xml)のデフォルトテンプレートは、全文配信するようになっていますが、続きを読むという形式に変更してみました。

そのうち気が変わって、また全文配信するかもしれません・・・(^^;;。

モーションテンプレートを使用しているブログでは、Youtubeの動画が簡単に張り付けることが可能ですが、HD動画を張り付けるとはみ出してしまいます。

スタイルシートを以下のように修正して対応しました。

#content {
   background: #fff;
   /* width: 980px; */
   width: 1040px;
   margin: 0 auto;
   font-size: 1.2em;
}
#content-inner {
    padding: 30px 20px 25px;
    /* width: 940px; */
    width: 1000px;
    margin: 0 auto;
}
#alpha {
    /* width: 620px; */
    width: 680px;
    margin-right: 20px;
}

赤字の部分が変更した箇所です。

IE8からWebsliceという機能が使えるようになっています。

RSS Feedの公開よりも手軽に出来るので、今後広く普及しそうな予感がします。

試しにMovable Typeのテンプレートを編集して、自分のブログでWebsliceを使えるか試してみました。

トラックバックのスクリプト名を変更してもBotでアクセスされてトラックバックのアドレスが収集されてしまいます。そういうBotからのアクセスを拒否すれば良いのでしょうが、ユーザーエージェントが巧妙に偽装されている場合があり、アクセスログから調べるのはとても大変です(・_・;。

きちんとトラックバックを送っていただける方には申し訳ないのですが、Trackback Auto-Discoveryの機能を使わないようにテンプレートを修正しました。

MTOS 4.2 RC4でEntryTrackbackDataをキーワードに全テンプレートを検索すると、「ブログ記事の概要」「ウェブページ」「ブログ記事」がヒットしますので、それぞれのテンプレート内にある<$mt:EntryTrackbackData$>を削除してしまうか、mt:Ignoreタグを使って処理を無効化してしまいます。

これでもトラックバックのURLを拾われるようならば、別の対策を考えることにします・・・。

MTOS 4.2 RC4でプラグインを使わずに、デフォルトのタグや機能でフォトギャラリーみたいなものを作成してみました。

ウェブページのテンプレートを下記のように修正します。

                                <div class="asset-content">
<mt:If tag="PageBody">
                                    <div class="asset-body">
                                        <$mt:PageBody mteval="1"$>
                                    </div>
</mt:If>
<mt:If tag="PageMore">
                                    <div id="more" class="asset-more">
                                        <$mt:PageMore mteval="1"$>
                                    </div>
</mt:If>
                                </div>

mtevalモディファイアを追加することで、ウェブページ内でMovable Typeタグが展開されるようになります。

ウェブページを新規作成し、本文もしくは追記に下記のようなタグを入力します。

<MTAssets type="image" lastn="20">
<a class="asset-image thickbox" rel="photo_gallery" title="<$MTAssetDescription$>" href="<$MTAssetURL$>"><img src="<$MTAssetThumbnailURL height="120"$>" class="asset-img-thumb" alt="<$MTAssetLabel$>" title="<$MTAssetDescription$>" /></a>
</MTAssets>

MTAssetsタグにtagモディファイアを追加すれば、画像に設定されいるタグで表示する画像を絞り込むことが可能です。ダイナミックではtagモディファイアは使えません。

オリジナル画像の表示にThickboxを使わない場合は、<a></a>内にあるclass="asset-image thickbox" rel="photo_gallery"を削除します。ThickboxではなくLiteboxを使いたい場合は、rel="lightbox[photo_gallery]"に修正すれば良いと思います。

ウェブページの公開方法をスタティックにしていると、画像を追加してもフォトギャラリーは更新されませんので、随時保存し直して再構築する必要があります。公開方法をダイナミックに変更すれば、画像を追加すれば自動的に更新されますので、手間を考えればダイナミックをお勧めします。

OpenSearchに対応しているInternet Explorer 7でサイトを見ていると、画像のように検索オプションボタンの色がオレンジ色に変わることがあります。Firefox 2.0以上のバージョンでも同様に、検索オプションのボタンが変わることがあります。

参照：OpenSearch とは

Movable Type 3.3以降で検索結果のテンプレートがOpenSearchに対応しているようですが、完全に対応しているとは言えないようですので、調べたり試行錯誤したりして対応させてみました。

MTOS 4.2 RC2をインストールしてお試し中です。

MTOS 4.2では、コメントの返信機能が使えるようになっているのですが、テンプレートの表示では返信機能が生かされていないようです・・・。

コメントの返信も簡単に表示も解りやすく | MovableType.jpを参考にして、コメントのテンプレートを修正して入れ子に表示できるようにしてみました。

Movable Type 4.1でダイナミックパブリッシングを使用するにしたら、ブログ記事の続き部分が変な表示なってしまいました。

<div id="more" class="asset-more"><br />
<p>追記</p><br />

という感じで、余計な<br />が出力されています。

ブログ記事の詳細テンプレートを見ると、

<MTIfNonEmpty tag="EntryMore" convert_breaks="0">
        <div id="more" class="asset-more">
            <$MTEntryMore$>
        </div>
</MTIfNonEmpty>

となっており、convert_breaks="0"が悪さをしているんじゃないと思います。

素人考えですが、MTIfNonEmptyでconvert_breaks="0"は使えないんじゃないでしょうか？。

convert_breaks="0"を削除して、余計な<br />が出力されず、きちんと表示されることを確認しましたし、削除したことで不具合も無さそうです。