MovableType3.3(動作確認済) ※ただしテーマは利用できず
MovableType4(動作未確認)
MovableType5(動作確認済)
MovableType6(動作確認済)
MovableType7(動作確認済)
ダウンロードファイル
「theme from ~」フォルダ(MovableType5-7用テーマ)
MovableType5-7用のテーマフォルダ
JavaScriptファイル
imgフォルダ(画像)
MovableType3.3用テンプレート(インデックステンプレート、アーカイブテンプレート、テンプレートモジュールの各テキストファイル)も同梱しております。
インストール方法
Themeフォルダに、MT5フォルダ内のテーマフォルダをアップロードし、テーマを選択して適用すれば、簡単にインストールできます。
JavaScriptファイル2つと、imgフォルダは、ブログのトップページ設置と同じ階層(ディレクトリ)に設置します。
特別なMTタグやプラグインを使用していないため、MovableType5,6,7のバージョンでも動作します。
MovableType3と同様に、MT3フォルダ内のテンプレートを一つ一つ、管理画面において、テキストファイルの内容を貼りつけることもできます。
ダウンロード方法&設置・運用方法のご説明
http://kanehara.net/movabletype/
レスポンシブテンプレート for MovableType
SEOに特化したhtmlコード、下記の特徴があります。
Title、Descriptionを自動生成します
人為的に入力することによるページ説明の乱れを廃し、Descriptionが検索結果に表示されやすいことが経験上からは見られます。
HTML5による文書構造
header、main、nav、article、section、aside、footerタグにより、文書構造と、コンテンツの重要性を検索エンジンに伝えます。
パソコン、タブレット、スマホの3段階レスポンシブ
アコーディオンメニューによりサイト内回遊性を高めます
Inclideタグでテンプレートモジュールをお好みで挿入
レスポンシブテンプレート04 for MovableType3.3 (- 5, 6, 7)
パソコン / タブレット / スマートフォン表示
タブレット表示
スマホ表示
サンプルサイト
ダウンロード方法&設置・運用方法のご説明
テンプレートのダウンロード
note内の筆者の有料ページにて、ダウンロードURLを記載しています。有料ページの閲覧には、noteでのユーザー登録が必要になります。
有料ページの閲覧料金で、ご自由にダウンロードしていただくことができます。
使用方法、設定方法はこのサイトにてご説明いたします。
ダウンロードファイル
下記のZIPファイル(選択したテーマのもの)がダウンロードできます。
ZIPファイルの中身は、下記のとおり、「MOVABLETYPE」(選択したテーマのもの)フォルダになっています。
「MOVABLETYPE」フォルダの中身は、下記の通り、「MT3」フォルダ、「MT5」フォルダと、「bootstrap.min(3.36フルバージョン).css」になります。
それぞれの用途
「MT3」フォルダ
MovableType3.3はもちろん、それ以降のバージョンである5(オープンソース版)で使用できます。特殊なタグやプラグインを使用していないため、最新版でも使用できます。
テンプレート、アーカイブテンプレート、テンプレートモジュールを、テキストファイルで用意しています。
MovableTypeの管理画面で、各テキストファイルの中身をテンプレートにすれば、設定できます。
imgフォルダには、このサンプルサイトで使用しているのと同じ画像が入っています。imgフォルダは、MovableTypeで作成するサイトのトップページと同じ階層に設置します。
「MT5」フォルダ
MovableTypeのテーマです。
MovableType5以降では、テーマのインポートをすることにより、使用できるようになっています。
「bootstrap.min(3.36フルバージョン).css」
各テーマでは、インデックステンプレート中に、bootstrap3.36のcssと、独自のstyle.cssを使用しています。
bootstrapのcssは非常に長いため、カルーセルなど、使用しないcssは省いています。
bootstrapのその他のさまざまな機能を利用したい場合には、bootstrapのサイトでダウンロードするか、bootstrap.min(3.36フルバージョン).cssに差し替えて、ファイル名をbootstrap.min.cssに変更して使用できるため、同梱しています。
必要がなければ使用しません。
imgフォルダ
imgフォルダは、このサンプルサイトで使用している画像を格納しています。
MovableTypeで作成するサイトのトップページと同じ階層に、imgフォルダをFTPでアップロードします。
※異なる階層に設置する場合には、テンプレートで使用している画像のURLを修正する必要があります。
サイトマップで使用している画像は、他の画像に変更できます。
幅は変えない方がよいですが、画像の高さは変更できます(例えば正方形にできます)。
JavaScript
MovableTypeで作成するサイトのトップページと同じ階層に、2つのJavaScriptをFTPでアップロードします。
※異なる階層に設置する場合には、テンプレートで使用しているScriptのURLを修正する必要があります。
テンプレート一覧
インデックステンプレート
※各テーマとも共通
名前 出力ファイル名
404エラー 404error.html
bootstrap bootstrap.min.css
htaccess .htaccess
sitemap.xml sitemap.xml
サイトマップ sitemap.html
スタイルシート style.css
メインページ index.html
アーカイブテンプレート
※各テーマとも共通
※アーカイブパスは自由に設定可能(下記は当方推奨のアーカイブパス)
名前 アーカイブパス
ウェブページ folder-path/page-basename.html
カテゴリ別ブログ記事リスト <$MTCategoryLabel dirify=”1″$>.html
ブログ記事 archives/<$MTEntryID$>.html
月別 %y%m/%i
テンプレートモジュール
※「Toppage_ad1」「Toppage_ad2」は、テーマによっては「Toppage_ad」のみ存在
※「Navigation_menu」はテーマにより存在しない
Accordion_menu
アコーディオン開閉式新着記事。注目記事等にカスタマイズ可。
トップページにてInclude。不要ならInclude削除。
CategoryCanonical
カテゴリーページの他との重複ページを避けるため、特定のカテゴリーで、カテゴリーページ以外にcanonical設定可。
カテゴリーページのheadにてInclude。使わなければそのまま。
Categorypage_ad
カテゴリーページ下部の広告スペース。
及びSNSシェアボタン、更新日時、著者ページへのリンク。
カテゴリーページにてInclude。不要ならInclude削除。
EntryCanonical
エントリーページの他との重複ページを避けるため、特定のカテゴリーで、エントリーページ以外にcanonical設定可。
エントリーページのheadにてInclude。使わなければそのまま。
Entrypage_ad
エントリーページ下部の広告スペース。
及びSNSシェアボタン、著者ページへのリンク。
エントリーページにてInclude。不要ならInclude削除。
Footer_left
Footer左側自由欄。全ページにてInclude。
Footer_right
Footer右側自由欄。全ページにてInclude。
Lastmodified
カテゴリーページの更新日時、必要に応じ手動入力。
テンプレートモジュールCategory_adにて読み込み。
カテゴリーページにてInclude。不要ならInclude削除。
Navigation_menu(テーマ03)
ページ上部ナビゲーション設定
全ページにてInclude。
Sitemap
ページ上半部カテゴリーメニュー。メニュー1~5の4つ分。
全ページにてInclude。
Sitemap2
ページ上半部カテゴリーメニュー。メニュー5~8の4つ分。
全ページにてInclude。不要ならInclude削除。
Toppage_ad1(テーマ01,02)
トップページ上半部の広告スペース。
トップページにてInclude。不要ならInclude削除。
Toppage_ad2(テーマ03,04はToppage_ad)
トップページ下部の広告スペース。
及びSNSシェアボタン、著者ページへのリンク。更新日時、必要に応じ手動入力。
トップページにてInclude。不要ならInclude削除。
Toppage_entry
最新記事全文。初期値は全文で、記事1つ。
記事数の変更や、特定のカテゴリーのみにするなど、カスタマイズ可能。
トップページにてInclude。不要ならInclude削除。
Whatsnew1
新着記事概要。初期値は4つ。
エントリーのキーワードに img src タグを入れれば、サムネイル表示。
キーワードを入れなければデフォルト画像。
記事数の変更や、特定のカテゴリーのみにするなど、カスタマイズ可能。
トップページにてInclude。不要ならInclude削除。
Whatsnew2
新着記事概要(横並び2列)。初期値は4つ。
エントリーのキーワードに img src タグを入れれば、サムネイル表示。
キーワードを入れなければデフォルト画像。
記事数の変更や、特定のカテゴリーのみにするなど、カスタマイズ可能。
トップページにてInclude。不要ならInclude削除。
レスポンシブテンプレート01 for MovableType3.3 (- 5, 6, 7)
パソコン / タブレット / スマートフォン表示
MT3でimgフォルダ&JavaScript設置
MT3フォルダ内は、下記のようになっています。