| 修正前 | <a href="privacy.html"> |
|---|---|
| 修正後 | <a href="[~17~]"> |
テンプレートに含まれるHTMLをすべてテキストエディタで下表のようにMODX Evolution CMS向けに書き換えます。 これによりブラウザでは正常に表示されなくなりますが、気にしないでください。
| 項目 | コード | 備考 |
|---|---|---|
| タイトルの修正 | <title>[*pagetitle*] | [(site_name)]</title> | タイトルに「リソース名」と「サイト名」を併記します。【必須】 |
| テキストエンコーディングの修正 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | SHIFT_JISなどの文字コードをMODx用にUTF-8に直します。【必須】 |
| キーワードの削除 | <meta name="keyword" content="[*キーワード*]" /> | MODXのテンプレート変数でMETAタグのキーワードを設定した場合にのみ必要。【任意】 |
| 説明文の修正 | <meta name="Description" content="[*description*]" /> | ドキュメントの「説明」を表示します。【必須】 |
| CSSのURLの修正 | <link href="[(base_url)]assets/templates/( フォルダ名 )/style.css" rel="stylesheet" type="text/css" /> | テンプレートをアップロードしたフォルダを指定します。【必須】 |
| sitemap.xmlの指定 | <link rel="alternate" type="apprication/rss+xml" title="Sitemap" href="[(site_url)]sitemap.xml" /> | Sitemapスニペットで自動生成したsitemap.xmlのURLを指定します。 【sitemap.xmlの自動生成設定時に必要】 |
| RSSフィードの指定 | <link rel="alternate" type="apprication/rss+xml" title="RSS 2.0" href="[(site_url)]rss.xml" /> | Dittoスニペットで自動生成したRSSのURLを指定します。（左記は、RSSフィードのファイル名がrss.xmlの場合の例。） 【RSSフィードの自動生成設定時に必要】 |
| ベースURLの設定 | <base href="[(site_url)]" /> | ベースとなるURLを指定します。【必須】 |
| Javaスクリプトの指定 | <script type="text/javascript" src="assets/js/frankensleight.js"></script> | MODxに標準搭載されている「IE6で透過PNGに対応するJavaスクリプト」の場所を指定します。【任意】 |
上記はできるだけそのままコピペしてお使いいただけるように書いていますが、コピペは自己責任でお願いします。
MODX Evolution CMSトップページ用テンプレートの組み込みができたら、必要に応じて他のページも同様の作業をします。<head>~</head>タグ内の修正などは全テンプレート共通です。共通部分については、上記の手順で作成したテンプレートのタグをコピー＆ペーストするだけで済ませられます。
ナビゲーションメニュー、サイドバー、レイアウトのパターンに応じて、テンプレートを作成します。
HTMLホームページからMODxへの移植の場合は、元のディレクトリ構造と同じかまたはそれに近い構造になるように、先に空のリソースをまとめて作成しておき、あとでHTMLファイルからMODxサイトの[*content*]に相当する部分のコードをコピーして貼り付けると効率的です。
MODxでリソースを作成し、元のHTMLファイルの<title>タグの内容を「リソース名」、ファイル名を「エイリアス」に入力して「保存」します。
サブディレクトリがある場合は、そのディレクトリ（フォルダ）にあたるリソースを作ります。
サブディレクトリにあるHTMLファイルのリソースを作成するときは、その置き場になるフォルダを「親リソース」で指定します。
テキストエディタでHTMLファイルを開き、そこからMODxサイトの[*content*]に相当する部分のコードをコピーして、MODx管理画面でリソースの[*content*]の貼り付けます。
| 置換前(例) | 置換後(例) |
|---|---|
| images/ | assets/templates/テンプレートのディレクトリ名/images/ |
| #####.css | assets/templates/###/#####.css |
| 方針 | Before | After |
|---|---|---|
| <head> | <head> | |
| リソース名＋サイト名に【必須】 | <title>DreamTemplate.com</title> | <title>[*pagetitle*] | [(site_name)]</title> |
| METAタグ 文字コードをUTF-8に【必須】 | <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| リソースの説明(description)を読み込むように | <meta name="Description" content="[*description*]" /> | |
| CSSのパスをテンプレートの場所に修正【必須】 | <link href="style.css" rel="stylesheet" type="text/css"> | <link href="[(base_url)]assets/templates/###/style.css" rel="stylesheet" type="text/css" /> |
| <base href="[(site_url)]" /> | ||
| </head> | </head> |
「リソースの投稿」ボタンをクリックします。
