オフィス匠株式会社

電話 072-424-5554 受付時間 9:00~17:00定休日 日曜日

テーマ

MovableTypeテーマ構成

MovableTypeのテーマ構成

テーマフォルダの役割

  • theme.yamlに構造化されたテーマのテンプレートやカスタムフィールド、スタティックフォルダ・ファイルなどが記述されています。
  • MT管理画面でテーマ別の画像が各サムネイル画像で表示される仕組みになっています。
  • templatesフォルダには、MTのコンテンツ生成に必要なインデックステンプレート、アーカイブテンプレート、テンプレートモジュールが収められています。
  • blog_staticフォルダは、テーマを適用した際、整備されるフォルダやファイルが含まれます。

theme.yaml

テーマの基本情報

テーマの基本情報

id
テーマの識別名 ユニークな値で定義
label
テーマの名称
version
テーマのヴァージョン
class
website(ウェブサイト用),blog(ブログ用),both(ウェブサイト・ブログ共用)
description
テーマの概要
author_name
テーマ制作者
author_link
テーマ制作者のリンクURL
thumbnail_file
テーマのサムネイル ファイル 400 x 300
thumbnail_file_medium
テーマのサムネイル ファイル(中) 240 x 180
thumbnail_file_small
テーマのサムネイル ファイル(小) 120 x 90
その他
protected:アンインストール制御(当社テーマ不使用)
l10n_lexicon:ローカライズ用の辞書の定義
required_components:依存する必要なPluginのIDとヴァージョンを定義 optional_components: インストールが望ましいPluginのIDとヴァージョンを定義

elements

オフィス匠株式会社の画像2157

default_prefs
テーマ適用時にウェブサイト・ブログのファイル拡張子、コメントの対応設定、ピングの対応設定等、各種設定の定義が出来る。
default_categories
テーマ適用時に、サイト利用時に必要となるカテゴリを自動生成するための要素です。もちろん管理画面のカテゴリで表示され編集更新も可能です。
default_folders
テーマ適用時に、サイト利用時に必要となるフォルダを自動生成できる要素です。もちろん管理画面のフォルダで表示され編集更新も可能です。
blog_static_files
テーマ適用時に、サイト利用時に必要となるファイルを自動設置するための要素です。テーマ内のフォルダ名を指定することで、設置フォルダ内のファイルを(複数可)を公開サイトの指定フォルダに設置できます。
custom_fields
カスタムフィールドを活用する際、設定に工数を割かれるケースがあります。しかしテーマにカスタムフィールドの要素を記述することで、多くのカスタムフィールドを利用する際、大幅な工数削減が可能と成ります。
template_set
MovableTypeが、データベースを参照しコンテンツページを生成する際使うのがこのテンプレートです。テンプレートには、インデックス、Page、individual、カテゴリや日付などの等のarchiveテンプレート、そしてテンプレートモジュールなどを一括で定義できます。

template

テンプレート構成

テンプレート構成

Index

AMPインデックスページ

サイト検索DataBase

DoropdownMenuQquery

最新記事のフィード

サイト共通jQueryPlugin

Megaメニューjson:

GoogleSiteMap:

お問合せ専用ページ

インデックスページ

JavaScript

サイトマップページ

ツール

page

ウェブページ

AMPPウェブページ

archive

カテゴリ別記事リスト

AMPカテゴリ別記事リスト

individual

記事

AMP記事

module

AmpHtmlHeader

AmpModuleHeader

AmpModuleFooter

AmpModuleAside

AmpModuleTop

JsonLdEntry

JsonLdCategory

JsonLdPage

JsonLdIndex

Breadcrumbs

lb_Breadcrumbs

lb_BreadcrumbsJsonLd

カルーセルコンテンツ

ヘッダーコンテンツ

メインページコンテンツ

フッターコンテンツ

Menu_Content

ChildeCatList

CategoryTopList

EcCartModal

EcModal

EcSearchModal

EntryList

Entry_Top_List

_GigaJsonCategory

_GigaJsonSubCategory

_GigaJsonEntry

_GigaJsonBreadcrumb

GoogleTracking

AMPGoogleTracking

HTML_Header

inquiry_content

inquiry_module

inquiry_unit

menu_unit

Menu

_MenuDropdown

_MenuMega

_MenuPageOnly

PageHeader

ProductModal

Pagetop

SearchForm

scriptCss

SearchFormEc

SearchModal

site_unit

SNS

_SideMenu

WhatsNew

custom_fields

カスタムフィールド構成

カスタムフィールド構成

website

website_contentid:

website_excerpt:

website_icon:

website_keywords:

website_logo:

website_sourcefilename:

website_sourcesheetname:

category

category_amp_content:

category_contentid:

category_excerpt:

category_icon:

category_ismenu:

category_keywords:

category_list_image:

category_menu_icon:

category_sourcefilename:

category_sourcesheetname:

category_sub_content:

entry

entry_amp_content:

entry_contentid:

entry_icon:

entry_inquiry:

entry_ismenu:

entry_list_image:

entry_menu_icon:

entry_meta_description:

entry_sort_order:

entry_sourcefilename:

entry_sourcesheetname:

page

page_amp_content:

page_contentid:

page_icon:

page_inquiry:

page_ismenu:

page_sort_order:

page_sourcefilename:

page_sourcesheetname:

blog_static

blog_staticの構成
js

bootstrap.bundle.min,js

jquery.min.js

jquery.realget.min.js

rg.min.js

css
bootstrap.min.css
image

arrow-r-g.png

arrow-r-w.png

arrow-u-g.png

arrow-u-w.png

thumbnail

Movabletypeテーマサムネイル画像

theme.yamlにthumbnail要素を設定すると、MT管理画面のテーマ一覧に任意の画像を表示させることが可能になります。

定義できるThumbnailサイズは、thumbnail_file 400 x 300、thumbnail_file_medium 240 x 180、 thumbnail_file_small 120 x 90 です。

記述例

thumbnail_file: thumb.png

thumbnail_file_medium: thumb-medium.png

thumbnail_file_small: thumb-small.png