1. ホーム
  2. テンプレート
  3. 無料MTテンプレート
  4. MT4.2 2Column HTML5

Movable Type 4.2 無料テンプレート 2Column HTML5

2012年2月25日：Movable Type 4.38に対応しました。旧バージョン用のjavascript.mtmlも同梱しています。

Movable Type 4.2 無料テンプレート 2Column HTML5のご利用には、以下のテンプレート利用規約を許諾していただく必要があります。

オリジナル 無料テンプレート利用規約

  • テンプレートは個人に限り利用することができます。
  • テンプレートは法人・団体において利用することができません。
  • テンプレートはウェブ構築業者がシステム構築やインストールを行う場合には利用できません。
  • テンプレートの商用利用（アフィリエイトは含まず）・販売は禁止致します。
  • テンプレートの改造後の販売は禁止致します。
  • テンプレートの再配布は禁止いたします。
  • テンプレートの改造後の再配布は禁止いたします。
  • テンプレートの利用には利用者の名前・電子メール・テンプレート利用予定ドメイン・住所・電話番号を登録する必要があります
  • Movable Typeの著作権は Six Apart、アットスタイルのテンプレート素材の著作権はアットスタイルにあります。著作権表示およびリンクをはずすことは禁止致します。
  • アットスタイルのMovable Type テンプレートを使用した際に生じた不具合に関して当サイト及びSix Apartは一切責任を負いません。＊必ず現在ご利用中のテンプレート又はMovable Typeデフォルトテンプレートのバックアップを取った後ご使用ください。
  • アットスタイルのMovable Type テンプレートを使用した際に生じたトラブルに関して当サイト及びSix Apartは一切責任を負いません。
  • 当サイトは、事前の通知なしにこれら上記の条件を修正し、変更する権利を有します。

平成20年1月25日制定

HTML5でマークアップしチョコっとCSS3を使ったMovable Type 4 .2専用テンプレートです。

  • html5.jsとIE9.jsを利用していますのでIE6環境でも概ね同様の表示が可能です。（ただし角丸やボックスシャドウには対応できないようです）
  • ヘッダー・コンテンツ・フッターと上下方向のブロックにも分離したhtml・CSSで構成しておりカスタマイズが自由に行えます。
  • 「メインページ」「ブログ記事リスト」サイドバーの「最近のブログ記事」「アーカイブ」にはolで番号がはいります。（番号は表示されません）
  • ブログ記事とウェブページにregex_replaceとreplaceを利用して、空要素（brとimg）の / も削除されます。
  • サイドバーの各パーツはウィジェットとして登録しています。自由に移動してご利用ください。
  • 画像のサムネイルから当該ブログ記事に直接リンクしています。

ご注意：HTML5とCSS3は未だドラフトです。html5.jsとIE9.jsはIE6などの古いブラウザを無理やり対応させるライブラリです。ご理解の上、ご利用ください。

Movable Type 4.2 テンプレート 2Column 2nd

meta要素を適切に出力可能です

以下のような構成でキーワードと概要を適切に出力できます。

keyword

  • 予めサイト全体のキーワードを設定する。
  • エントリーテンプレートでは設定されたキーワードとエントリー画面より入力されたキーワード及びタグを出力する。
  • エントリーテンプレート以外では予め設定されたサイト全体のキーワードを出力する

description

  • エントリーでは<$MTEntryExcerpt$>を出力
  • カテゴリーでは<$MTArchiveTitle$>+<$MTCategoryDescription$>を出力
  • ウェブページでは<$MTPageTitle$>+<$MTPageExcerpt$>を出力
  • インデックスページでは<$MTBlogDescription$>を出力
  • 上記以外では<MTSetVarBlock name="page_title">に設定された値を出力

解説

  1. Movable Type 4.2 2Column HTML5の解説（概要）
  2. Movable Type 4.2 2Column HTML5の解説（headerとブログ記事リスト）
  3. Movable Type 4.2 2Column HTML5の解説（ブログ記事のメタデータ）
  4. Movable Type 4.2 2Column HTML5の解説（ブログ記事の概要）
  5. Movable Type 4.2 2Column HTML5の解説（幅の調整）
  6. Movable Type 4.2 2Column HTML5の解説（ブログ記事）
  7. Movable Type 4.2 2Column HTML5の解説（コメントフォーム）
  8. Movable Type 4.2 2Column HTML5の解説（サイドバー）

W3C Markup Validation ServiceとValidator.nu (X)HTML5 Validatorの検証結果

テンプレートセットの内容

  • templates
    • archive_index.mtml
    • banner_footer.mtml
    • banner_header.mtml
    • category_entry_listing.mtml
    • comment_preview.mtml
    • comment_response.mtml
    • comments.mtml
    • dynamic_error.mtml
    • entry.mtml
    • entry_summary.mtml
    • feed_recent.mtml
    • html_head.mtml
    • javascript.mtml
    • main_index.mtml
    • monthly_entry_listing.mtml
    • page.mtml
    • popup_image.mtml
    • reset_stylesheet.mtml
    • rsd.mtml
    • search_results.mtml
    • sidebar.mtml
    • styles.mtml
    • trackbacks.mtml
    • widget_templates
      • sidebar_category.mtml
      • sidebar_creative_commons.mtml
      • sidebar_feed.mtml
      • sidebar_page.mtml
      • sidebar_search.mtml
      • sidebar_tag.mtml
      • sidebar_archive.mtml
      • sidebar_comment.mtml
      • sidebar_entry.mtml
      • sidebar_photo.mtml
      • sidebar_powered.mtml
      • sidebar_trackback.mtml
  • config.yaml

お願い

  • 文字コード UTF-8で保存されています。Movable Typeの環境が UTF-8 以外の場合にテンプレートセットはご利用できません。（チョコットごにょごにょすれば使えます。まあ、HTML5でShift_JISやEUC-JPは非推奨なので、あれですけど...）
  • html_head.mtmlの<link rel="author" href="mailto:mail@example.com">及び、footer.mtmlのCopyright以下の部分は各自変更ください。

テンプレートの適用方法

ダウンロードした圧縮ファイルの中のreadme.pdfをお読みください。

新作も開発中

現在、新たなMovable Typeテンプレートも開発中です。ご希望がありましたら、アットスタイルまでお知らせください。

ページ先頭へ