トフでもできる!? Movabletype.netテーマ開発

もくじに戻る

MTタグでサイトの設定をしよう

ページ内部から作ってしまいましたが、言語設定やCanonical設定などの基本情報もMTタグを使って指定することができます
例えば、<$mt:BlogDescription$>はMT内のブログ>設定>全般の説明フィールドに入力された文言を表示するタグです。
これをdescriptionに使えば、ブログの説明が表示されます。
このように、基本情報の設定にもMTタグを使ってみましょう!主なタグは、以下の種類です。

言語設定…<$mt:BlogLanguage$>
ブログに表示する日付の言語を表示します。
https://movabletype.net/tags/2007/08/bloglanguage.html
文字コード設定…<$mt:PublishCharset$>
システムで管理するブログの文字エンコードを表示します。UTF-8固定となります。
https://movabletype.net/tags/2007/08/publishcharset.html
Description設定…<$mt:BlogDescription$>
ブログの説明を表示します。
https://movabletype.net/tags/2007/08/blogdescription.html
Canonical設定…<$mt:CanonicalLINK$>
インデックス・テンプレート、およびアーカイブ・テンプレート内で現在のぺージのリンク付きURLを返します。
https://movabletype.net/tags/2013/02/canonicallink.html
<$mt:Link$>
インデックス・テンプレートもしくは特定のブログ記事へのリンクを出力します。モディファイアtemplateentry_idにより、リンク先を指定します。
https://movabletype.net/tags/2007/08/link.html

他にも、ページ作成で使った<$mt:BlogURL$>(ブログのURLを表示)や、<$mt:BlogName$>(ブログ名を表示)が使えそうですね。
meta情報をMTタグを使って書き換えてみましょう。

<html lang="<$mt:BlogLanguage$>">
<head>
  <meta charset="<$mt:PublishCharset$>">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="<$mt:BlogDescription$>">
  <meta name="keywords" content="○○○○○○,○○○,○○○,○○○">
  <title><$mt:BlogName encode_html="1"$></title>
  <link rel="shortcut icon" href="<$mt:BlogURL encode_html="1"$>images/favicon.ico">
  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.css">
  <link href="<$mt:BlogRelativeURL$>styles.css" rel="stylesheet">
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
    integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
    crossorigin="anonymous"
    referrerpolicy="no-referrer"
  >
  <link rel="start" href="<$mt:BlogURL encode_html="1"$>">
  <link rel="alternate" type="application/atom+xml" title="Recent Entries" href="<$mt:Link template="feed_recent"$>">
  <$mt:CanonicalLink$>
</head>

他のページにも必要になりそうな部分は、適宜モジュール化をしておくのがオススメです。
metaキーワードなどはconfigにまとめて記述し、変数で呼び出しをしても良いでしょう。

<meta name="keywords" content="<$mt:Var name="meta_keywords"$>">

テーマを触らずにキーワードを変えることができるようになるんだね!
configの使い方をおさらいしておこっと。

PCを操作するトフ

ogp設定する際にもURLをMTタグで指定するなど、対応していきましょう。

サンプルを見る