Movable Typeのテンプレートを全てオリジナルで製作するのは簡単では無いと思います。
僕も手探りながら今の状態までもってくる事がなんとか出来ました。もしテンプレートをゼロから作ってみたいという方がいたら、ちょっとでも役立つかなと思い、順を追ってちょっとづつ紹介していきたいと思います。
製作手順といっても、僕が勝手にやっているだけですので、間違えたところだらけかも知れませんが、僕自身も再度確認していくという事で勉強しながら書きます。
今回はHTML自体のヘッダー部分です。
僕も手探りながら今の状態までもってくる事がなんとか出来ました。もしテンプレートをゼロから作ってみたいという方がいたら、ちょっとでも役立つかなと思い、順を追ってちょっとづつ紹介していきたいと思います。
製作手順といっても、僕が勝手にやっているだけですので、間違えたところだらけかも知れませんが、僕自身も再度確認していくという事で勉強しながら書きます。
今回はHTML自体のヘッダー部分です。
ドキュメントタイプ宣言
一行目にはDOCTYPE宣言を記述します。Movable TypeではXHTMLに従ってページを生成するようになってますので、XHTML 1.0 TransitionalのDOCTYPE宣言を記述します。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ドキュメントタイプの宣言にもいくつか種類がありますが、細かい説明はココでは無しとして上記コードで問題無いと思います。"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
HTML
次にHTMLタグ。 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<$mt:DefaultLanguage$>" lang="<$mt:DefaultLanguage$>">
ここでは使用する言語の種類を入力しています。HEAD
次にheadタグ。<head>~</head>タグの中に入れるコードです。エンコード
<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
ページのエンコードの種類を<$mt:PublishCharset$>で出力・記述してます。ツール情報
<meta name="generator" content="<$mt:ProductName version="1"$>" />
サイトを生成したツールの情報を出力します。<$mt:ProductName$>で出力・記述します。version="1"を追加する事でツールのバージョンも出力されます。スタイルシート
<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" />
スタイルシートのURLを指示します。URLは<$mt:Link template="styles"$>で出力・記述しています。フィード
<link rel="alternate" type="application/atom+xml" title="最新の記事" href="<$mt:Link template="feed_recent"$>" />
atomフィードファイルのURLを出力します。URLは<$mt:Link template="feed_recent"$>で出力・記述しています。RSD
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
外部ツールの利用に必要なRSDのURLを出力します。URLは<$mt:Link template="rsd"$>で出力・記述しています。トップページ情報
<link rel="start" href="<$mt:BlogURL$>" title="Home" />
トップページURLは<$mt:BlogURL$>で出力・記述しています。JavaScript
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
Movable Typeが使用するJavaScriptのURLを記述します。URLは<$mt:Link template="javascript"$>で出力・記述しています。ページタイトル
<title><$mt:BlogName$></title>
WEBページのタイトルを記述します。タイトルには<$mt:BlogName$>でブログの名前を出力・記述しています。HEAD全体
全てを記述したheadは次のようになります。<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
<meta name="generator" content="<$mt:ProductName version="1"$>" />
<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="最新の記事" href="<$mt:Link template="feed_recent"$>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
<link rel="start" href="<$mt:BlogURL$>" title="Home" />
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<title><$mt:BlogName encode_html="1"$></title>
</head>
headの部分は上記コードで完了。<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
<meta name="generator" content="<$mt:ProductName version="1"$>" />
<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="最新の記事" href="<$mt:Link template="feed_recent"$>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
<link rel="start" href="<$mt:BlogURL$>" title="Home" />
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<title><$mt:BlogName encode_html="1"$></title>
</head>
最後に全部をあわせたコード
全てを記述したHTMLヘッダー部分は次のようになります。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<$mt:DefaultLanguage$>" lang="<$mt:DefaultLanguage$>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
<meta name="generator" content="<$mt:ProductName version="1"$>" />
<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="最新の記事" href="<$mt:Link template="feed_recent"$>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
<link rel="start" href="<$mt:BlogURL$>" title="Home" />
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<title><$mt:BlogName encode_html="1"$></title>
</head>
以上で基本となるHTMLのヘッダ部分は終了です。"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<$mt:DefaultLanguage$>" lang="<$mt:DefaultLanguage$>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<$mt:PublishCharset$>" />
<meta name="generator" content="<$mt:ProductName version="1"$>" />
<link rel="stylesheet" href="<$mt:Link template="styles"$>" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="最新の記事" href="<$mt:Link template="feed_recent"$>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$mt:Link template="rsd"$>" />
<link rel="start" href="<$mt:BlogURL$>" title="Home" />
<script type="text/javascript" src="<$mt:Link template="javascript"$>"></script>
<title><$mt:BlogName encode_html="1"$></title>
</head>
コメントする