「iPhoneテンプレートfor MT」 by cremadesign

「iPhoneテンプレートfor MT」 by cremadesign

Posted at August 6,2008 2:55 AM
Tag:[iPhone, MovableType, Template]

すでにあちこちで紹介されていますが、黒野明子さんが iPhone 用のテンプレートを公開されました。Good Job!!

「iPhoneテンプレートfor MT」を公開いたします。

「既にPC用のコンテンツを公開しているMovable Typeに追加するだけで、別途iPhone用のコンテンツを生成するテンプレート」を作ってみました。これを、オープンソースで公開いたします。

このブログでも設置してみました。PCでも操作可能なので面白いです。

iPhone用

テンプレートの設定方法は、既存のテンプレートに対し、iPhone 用のメインページとなるインデックステンプレートと、ブログ記事テンプレートを追加するだけです。

設定方法については、ダウンロードアーカイブの readme.txt に詳しく紹介されていますので、ここでは、当ブログ(アーカイブパスを設定している場合)のパスの設定方法を加えておきます。

注:以下の内容の、「MTBlogURL を MTBlogArchiveURL に変更」は、バージョンアップされた配布元テンプレートに反映されているので、対処の必要はありません。

1.iPhone 用トップページのテンプレート

青色部分が変更箇所です。アーカイブパスを設定している場合、MTBlogURL を MTBlogArchiveURL に変更します。

また、ここでは個別ページへのパスは MTEntryDate タグとformatモディファイアを用いて、このブログのPC用のパスと同様にタイムスタンプを利用してみました(この変更はアーカイブパスの設定とは関係ありませんので、変更しなくても大丈夫です)。

...前略...
<!-- ▼トップページここから▼ -->
<ul id="home" selected="true">
    <!-- ▼最新のブログ記事20件ここから▼ -->
        <li class="group">最新のブログ記事20件</li>
    <MTEntries lastn="20">
        <li><a href="<$MTBlogArchiveURL$><MTEntryDate format="i/%Y/%m/%d-%H%M%S.html">" target="_self"><$MTEntryTitle$>[<$MTEntryDate$>]</a></li>
    </MTEntries>
<!-- ▲最新のブログ記事20件ここまで▲ -->
        <li class="group">過去記事アーカイブ</li>
        <li><a href="#monthlyArchives">過去6ヶ月の記事を見る</a></li>
</ul>
<!-- ▲トップページここまで▲ -->
...中略...
<!-- ▼月別アーカイブ個別記事ここから▼ -->
    <MTArchiveList archive_type="Monthly" lastn="6">
    <ul id="m<$MTArchiveDate format="%j"$>">
        <MTEntries lastn="9999">
            <li><a href="<$MTBlogArchiveURL$><MTEntryDate format="i/%Y/%m/%d-%H%M%S.html">" target="_self"><$MTEntryTitle$>[<$MTEntryDate$>]</a></li>
        </MTEntries>
    </ul>
    </MTArchiveList>
<!-- ▲月別アーカイブ個別記事ここまで▲ -->
...後略...

2.iPhone 用個別ページのテンプレート

青色部分が変更箇所です。

...前略...
    <MTEntryPrevious><p class="previousEntry"><a href="<$MTBlogArchiveURL$><MTEntryDate format="i/%Y/%m/%d-%H%M%S.html">">&laquo;&nbsp;前の記事へ</a></p></MTEntryPrevious>
    <MTEntryNext><p class="nextEntry"><a href="<$MTBlogArchiveURL$><MTEntryDate format="i/%Y/%m/%d-%H%M%S.html">">次の記事へ&nbsp;&raquo;</a></p></MTEntryNext>
...後略...

3.iPhone 用個別ページのパス

このブログでは、

i/%y/%m/%d-%h%n%s.html

としています。この変更はアーカイブパスの設定とは関係ありませんので、変更しなくても大丈夫です。

4.元の設定をそのまま使用+アーカイブパスを利用している場合

私の場合はパスにタイムスタンプを利用しましたが、元の設定をそのまま使用してアーカイブパスを利用している場合、元のテンプレートの MTBlogURL を MTBlogArchiveURL にすればOKと思います。

下はトップページの抜粋です。

<li><a href="<$MTBlogArchiveURL$>i/<MTParentCategories glue="/"><$MTCategoryBasename$></MTParentCategories>/<$MTEntryBasename$>.html" target="_self"><$MTEntryTitle$>[<$MTEntryDate$>]</a></li>

パスは、

i/%c/%f

のままで大丈夫です。

関連記事
zenback
人気エントリー
トラックバックURL


トラックバック

iPhone/iPod touch 対応しました from Jay's Room
Jay's Room を iPhoneで表示すると見にくい事この上なかったので、... [続きを読む]

Tracked on October 16, 2008 8:47 PM

MTでiPhone最適化ページを作る from *vitalage*blog
久々にMTTipsらしいものを。 [続きを読む]

Tracked on March 22, 2009 3:27 PM

iPhone/iPod touch用テンプレート from CHOCOLATE OFFICER
パソコン用のブログを iPhone/iPod touch で見ると、やはり少し見にくい部分がありますよね。余計な要素もゴチャゴチャしているし、、、そこで今... [続きを読む]

Tracked on June 2, 2011 5:27 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)