MTで3キャリア・対応サイトを簡単作成・配信するプラグイン。絵文字変換・画像変換・ページ分割を完全自動化

チュートリアル/新規モバイルサイトの構築

モバイル専用に新規ブログを作成し、モバイルサイトを構築する手順を示します。

この手順でメインページとエントリー・アーカイブからなる、最もシンプルな構成のモバイルサイトが構築できます。

操作手順 bookmark

  1. 新規ブログの作成
    1. 新規ブログを作成します
  2. アーカイブの拡張子設定
    1. メニューから環境設定-設定メニューを選択します
    2. 公開タブを開き、アーカイブの拡張子を「php」に変更します
      • 公開タブがない場合は詳細モードに切り替えて下さい
    3. 変更を保存ボタンをクリックします
  3. メインページのテンプレート作成
    1. メニューから環境設定-テンプレートメニューを選択します
    2. メインページを選択します
    3. 出力ファイル名をindex.htmlからindex.phpに変更します
      • index.htmlがサーバ上に既に作成されている場合は削除します
    4. 下記のメインページのテンプレートの内容を記述します
    5. 保存ボタンをクリックします
  4. アーカイブのテンプレート作成
    1. アーカイブタブを選択します
    2. エントリー・アーカイブを選択します
    3. 下記のエントリー・アーカイブのテンプレートの内容を記述します
    4. 保存ボタンをクリックします
  5. エントリーの投稿
    1. メニューから、投稿-新規エントリーを選択します
    2. 任意のエントリーを何件か投稿します
  6. サイトを再構築します
  7. 携帯電話から作成したサイトにアクセスします

ソースコード bookmark

メインページのテンプレート bookmark

<MTKeitaiKit>
<html>
  <head>
    <title><$MTBlogName encode_html="1"$></title>
  </head>
  <body>
    <!-- ブログタイトル -->
    <h1><$MTBlogName encode_html="1"$></h1>
    <marquee><$MTBlogDescription$></marquee>
    <hr />
    
    <!-- エントリー一覧 -->
    <h2>エントリー一覧</h2>
    <hr />

    <ul>
    <MTEntries>
      <li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
    </MTEntries>
    </ul>
    <hr />

  </body>
</html>
</MTKeitaiKit>

エントリー・アーカイブのテンプレート bookmark

<MTKeitaiKit>
<html>
  <head>
    <title><$MTBlogName encode_html="1"$></title>
  </head>
  <body>
    <!-- ブログタイトル -->
    <h1><$MTBlogName$></h1>
    <marquee><$MTBlogDescription$></marquee>
    <hr />

    <!-- エントリータイトル -->
    <h2><$MTEntryTitle remove_html="1"$></h2>
    <$MTKeitaiEmoji symbol="clock"$>
    <$MTEntryDate format="%y年%m月%d日 %H:%M"$>
    <hr />

    <!-- エントリー本文 -->
    <MTKeitaiPaginate>
    <$MTEntryBody$>
    <$MTEntryMore$>
    </MTKeitaiPaginate>
    <hr />

    <MTKeitaiIfMultiplePages>

    <!-- ページナビゲーション1 -->
    <MTKeitaiPages>
      <MTKeitaiIfPagesCurrent>
        <$MTKeitaiPagesNum$>
      <MTKeitaiElse>
        <a href="<$MTKeitaiPagesLink$>"><$MTKeitaiPagesNum$></a>
      </MTKeitaiElse>
      </MTKeitaiIfPagesCurrent>
      <MTKeitaiPagesSeparator>|</MTKeitaiPagesSeparator>
    </MTKeitaiPages>
    <hr />

    <!-- ページナビゲーション2 -->
    <MTKeitaiIfHasPreviousPage>
      <a href="<$MTKeitaiFirstPageLink$>">先頭</a> 
      <a href="<$MTKeitaiPreviousPageLink$>">前頁</a> 
    </MTKeitaiIfHasPreviousPage>
    <MTKeitaiIfHasNextPage>
      <a href="<$MTKeitaiNextPageLink$>">次頁</a> 
      <a href="<$MTKeitaiLastPageLink$>">末尾</a> 
    </MTKeitaiIfHasNextPage>
    <hr />

    </MTKeitaiIfMultiplePages>

    <!-- グローバルナビゲーション -->
    <MTEntryPrevious>
      <$MTKeitaiEmoji symbol="4"$>
      <a href="<$MTEntryPermalink$>" accesskey="4">
         <$MTEntryTitle remove_html="1"$>
      </a>
      <br />
    </MTEntryPrevious> 
    <MTEntryNext>
      <$MTKeitaiEmoji symbol="6"$>
      <a href="<$MTEntryPermalink$>" accesskey="6">
         <$MTEntryTitle remove_html="1"$>
      </a>
      <br />
    </MTEntryNext>
    <$MTKeitaiEmoji symbol="9"$>
    <a href="/index.php" accesskey="9">一覧に戻る</a>
  </body>
</html>
</MTKeitaiKit>

* Six Apart、Movable Type、TypePadはSix Aaprt, Ltd.の登録商標です。
* 「iモード」「iアプリ/アイアプリ」「i絵文字」「mova」「FOMA」および「i-mode」「i-appli」ロゴはＮＴＴドコモの商標又は登録商標です。
* 「EZweb」「EZアプリ(Java[TM])」「au」はKDDI株式会社の登録商標です。
* ｢Yahoo!｣および｢Yahoo!｣｢Y!｣のロゴマークは、米国Yahoo!Inc.の登録商標または商標です。
* SOFTBANKおよびソフトバンクの名称、ロゴは日本国およびその他の国におけるソフトバンク株式会社の登録商標または商標です。
* その他、当ページに記載されている会社名、製品名などは該当する各社の商標または登録商標です。

アイデアマンズ株式会社は、ケータイキット／フィードアプリ／WebScan等の開発を行なう新規事業専門会社です。