TopMovable Typeテンプレート > 「iPhoneテンプレートfor MT」 by cremadesign
News
各種ブログテンプレート
2008年8月 6日

エントリー本文

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

Posted at August 6,2008 2:55 AM
Category:[テンプレート]
Tag:[, , ]

すでにあちこちで紹介されていますが、黒野明子さんが 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

のままで大丈夫です。

Posted by yujiro
関連記事
人気エントリー
Hatena Hot Entries
Hatena Entries
トラックバックURL


トラックバック

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

Tracked on October 16, 2008 8:47 PM
コメントする
greeting

*必須



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

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

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

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

Now loading...
Introduction
Entry Trackbacks
iPhone/iPod touch 対応しました
 [Jay's Room] 10/16 20:47
Entries of this Category
Recent Entries
Recent Comments
Recent Trackbacks
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
Categories
Monthly Archives
BlogPeople
Now loading...
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
 
List Me!