4. テーマを作る際に最低限必要なタグを追記する

テーマで利用する HTML ファイル ( index.html , list.html , entry.html ) に以下の3つを追加します。

• 管理系パーツのための CSS ファイルのリンク
• システムの動作に必要な Javascript のリンク
• ログイン後に表示される管理系ボタンのHTMLをインクルード

表示用テンプレートファイルに読み込みが必要なCSSファイル

テンプレートファイルの作成時に、読み込みが必要なCSSファイル「acms-admin.css」をリンクするように設定してください。このファイルは、a-blog cms の管理ページで利用している CSS になります。

設置先ですが、今回は acms.css がありますが、この上に acms-admin.css を読み込むようにしてください。

<link rel="stylesheet" href="/css/acms-admin.min.css">

読み込みが必要なJavascriptファイル

a-blog cmsでは、ページの表示に関する様々な機能を記述したJavascriptファイル「acms.js」があります。a-blog cms のテンプレートファイルでは、この acms.js を読みこむ必要があります。 jquery の下に以下の記述を追加してください。

<!-- BEGIN_MODULE Js -->
<script src="/acms.js{arguments}" charset="UTF-8" id="acms-js"></script><!-- END_MODULE Js -->

ログイン後に表示される管理系ボタン

エントリー作成ボタンやログアウトボタン等の管理用のパーツを表示できるようにします。BODY要素の開始タグ直後あたりに追加します。BODY要素内に書かれていれば、表示上はどこでも構いません。

a-blog cms のテンプレートにファイルを action.html をインクルードする際には、以下のように記述します。

<!--#include file="/admin/action.html" -->

この場合、 /themes/sample/admin/action.html が存在していれば、ファイルを読み込んできますが、そのディレクトリ上に見つかりません。その場合、次に /themes/system/admin/action.html を探しにいきます。 今回はこれで表示されています。 また、インクルードについては、ファイルが見つからない場合にはエラー表示もされません。

action.html のインクルードをしているのに、ボタン等が出てこない場合には http:/localhost/login/ からログインしてください。