「iPhoneテンプレートfor MT」 by cremadesign
すでにあちこちで紹介されていますが、黒野明子さんが iPhone 用のテンプレートを公開されました。Good Job!!
「既にPC用のコンテンツを公開しているMovable Typeに追加するだけで、別途iPhone用のコンテンツを生成するテンプレート」を作ってみました。これを、オープンソースで公開いたします。
このブログでも設置してみました。PCでも操作可能なので面白いです。
テンプレートの設定方法は、既存のテンプレートに対し、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">">« 前の記事へ</a></p></MTEntryPrevious>
<MTEntryNext><p class="nextEntry"><a href="<$MTBlogArchiveURL$><MTEntryDate format="i/%Y/%m/%d-%H%M%S.html">">次の記事へ »</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
のままで大丈夫です。
- Movable Typeのコンテンツデータで公開日を比較する方法
- MT7テンプレート作成画面に表示される「コンテンツタイプ」「コンテンツフィールド」の意味
- Movable Typeでテンプレートの動作を簡単に確認する方法
- Movable Typeでスマホサイト用トップページをPCサイト用トップページと異なるURLにする方法
- Movable TypeでCSSファイルやJavaScriptファイルなどを管理するためのTips
- Movable Type 4.2 テンプレートセット(コミュニティ用)修正
- Movable Type 4.2 テンプレートセット(コミュニティブログ対応版)修正
- Movable Type 4.2 テンプレートセット(コミュニティブログ対応版)
- Movable Type 4.2 配布テンプレートセット修正(カテゴリーアーカイブ・コメント完了)
- Movable Type 4.2 テンプレートセット修正(アーカイブインデックス追加等)
- Movable Type 4.2 テンプレートセット修正
- Movable Type 4.1 テンプレートセット修正
- Movable Type 4.1 テンプレートセット(スタイル対応版)
- 小粋空間テンプレートセットのカラムレイアウト変更方法
- Movable Type 4.1 テンプレートセット
≫ iPhone/iPod touch 対応しました from Jay's Room
Jay's Room を iPhoneで表示すると見にくい事この上なかったので、... [続きを読む]
≫ MTでiPhone最適化ページを作る from *vitalage*blog
久々にMTTipsらしいものを。 [続きを読む]
≫ iPhone/iPod touch用テンプレート from CHOCOLATE OFFICER
パソコン用のブログを iPhone/iPod touch で見ると、やはり少し見にくい部分がありますよね。余計な要素もゴチャゴチャしているし、、、そこで今... [続きを読む]