[MT]HTMLからMTテンプレートへ（ヘッダー編）

2007/09/11

[MT]HTMLからMTテンプレートへ（ヘッダー編） »»

HDDレビューサイト

試行錯誤のうえなんとか形になったHDDレビューサイトの新しいデザイン。その後も微調整を行いまして右のような状態になってます。（画像、小さくてすみません）

これをこのままサーバーにアップすれば.....というわけにもいかないんです。なぜなら、HDDレビューサイトはMTを使って作ってるサイトだから。デザインができ、それをHTMLで組んだら、最後にもう一仕事・HTMLファイルをMTテンプレートになるよう修正する必要があるんですｗ

普通にHTMLを組んだものをMTのテンプレートになるよう修正するといっても、作業はさほど大変ではありません。適当なところに適当なMT用タグを埋め込む or 差し替えるだけです。

コチラの記事に、私がMTのテンプレートを作る際どうやってるのかーみたいなことをザックリ書いてあるんですが、今回はもうちょっと踏み込んでみたいと思います。まずはヘッダー編。

MTテンプレート用修正－ヘッダー編

ヘッダーと言っても、どのページにも表示されるページの頭部分のことではなく、ここではHTML上の<head>～</head>で囲まれた部分を指します。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>外付けハードディスク（HDD）使用体験レポート</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet"
href="http://www.sive.jp/hdd/styles-type.css"
type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.sive.jp/hdd/index.xml" />
</head>

こちらが加工前のhead部分。この赤字の部分を次のように修正します。

<?xml version="1.0" encoding="<$MTPublishCharset$>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" />
<html lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=<$MTPublishCharset$>" />
<title><$MTBlogName$></title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet"
href="<$MTBlogURL$>styles-type.css"
type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<$MTBlogURL$>index.xml" />
</head>

ここで使ったMTテンプレート用タグ

<$MTPublishCharset$>
MTで作られるファイルの文字コードを表示させます。私は「UTF-8」で作ってるのが分かってるのでわざわざMT用のタグに置き換えなくても問題ないんですが、MT用のタグを入れておけば自動的に設定されている文字コードが表示されるようになります。
<$MTBlogName$>
その名の通り、ブログの名前を表示させるMT用タグです。個別ページなんかにブログの名前をつねに表示させたりする場合はこのタグを使うと便利です....。って、どうせテンプレートなんだからテキストで打っておいても全然問題なような気もします＾＾；
<$MTBlogURL$>
こちらも文字通りブログのURLを表示させるタグです。このタグを使うとブログのURLが「http://～」から表示されます。作成したブログがサーバー上どの階層にあるのか分かってるときなんかは「/hdd/」みたいな感じで絶対パスを記載してもOKです。（相対パスだと、カテゴリを作ったり月別アーカイブを作ったりしたとき、記事ページから辿る階層が違ってくるので、絶対パスで記載する必要があります。）

以上がヘッダー編。MT用のタグに差し替える部分はたったの3つ。本体部分もこんな感じで作っていきます。

あ、それと、通常MTのテンプレートにはRDF/XML/ATOMを吐き出すように設定されてるんですが、3つもRSS作ってもしょうがないので私はXMLひとつだけにしちゃってます。特に深くは考えてませんが、1つあれば十分ダロってことで＾＾；