Recommended
More Related Content
Similar to JS CMSガイド / テンプレHTML
Similar to JS CMSガイド / テンプレHTML (14)
JS CMSガイド / テンプレHTML
- 1. - ページ⽣成の仕組み - テンプレHTML - 埋込みタグ - 埋込みタグ {{ページタグ}} - 埋込みタグ {{Myタグ}} - カスタマイズのヒント ⽬次 テンプレHTMLと埋込みタグ 制作者向けガイド
- 2. ページ⽣成の仕組み
- 7. JS CMSの場合 テンプレート ページデータ JS CMS
- 8. JS CMSの場合 テンプレート ページデータ JS CMS JS CMSも同様に テンプレートと、 ページデータがありますが、
- 9. JS CMSの場合 テンプレート ページデータ JS CMS 公開処理 管理画⾯で公開処理時に ページを⽣成します
- 10. JS CMSの場合 テンプレート ページデータ JS CMS 公開処理 ユーザーは、静的なHTMLページを 閲覧します
- 11. JS CMSの場合 テンプレート ページデータ JS CMS JS CMSでは、埋込みタグを利⽤して、 プログラムレスでカスタマイズできます {{タグ}} 公開処理
- 12. JS CMSの場合 テンプレート ページデータ JS CMS このスライドでは、主にテンプレートと、 埋込みタグの役割について説明します {{タグ}}
- 13. テンプレHTML
- 15. 管理画⾯
- 21. テンプレHTMLの編集
- 30. 埋込みタグ概要
- 34. 埋込みタグ {{ページタグ}}
- 38. 使⽤例1 {{ページタグ}}
- 43. {{ページタグ}} {{SITE_DIR}}は、テンプレHTMLに、リンクや画像など、 ファイルパスを直接記述するときに利⽤すると、便利です <a herf=“ {{SITE_DIR}} index.html"> <img src=“{{SITE_DIR}} images/sample.png"> </a>
- 44. {{ページタグ}} {{SITE_DIR}}は、テンプレHTMLに、リンクや画像など、 ファイルパスを直接記述するときに利⽤すると、便利です <a herf=“ {{SITE_DIR}} index.html"> <img src=“{{SITE_DIR}} images/sample.png"> </a> <a herf=“../index.html"> <img src=“../images/sample.png"> </a>
- 45. {{ページタグ}} 使⽤例2
- 48. {{ページタグ}} 使⽤例3
- 52. 埋込みタグ {{Myタグ}}
- 53. Myタグは、⾃⾝で⾃由に定義を追加、編集できます。 テキストはもちろん、⽂書ブロックやイメージブロック などを登録し、テンプレHTML内で利⽤出来ます。 次に、Myタグを紹介します。 {{Myタグ}}
- 54. 使⽤例1 {{Myタグ}}
- 59. ここではタイトルタグのテキストを出⼒します。 {{HEAD_TITLE}} 株式会社サンプルサイト | {{PAGE_NAME}} 株式会社サンプルサイト | 会社概要 さらに、ページタグを処理します まずMyタグを処理します
- 60. 使⽤例2 {{Myタグ}}
- 63. 使⽤例3 {{Myタグ}}
- 68. カスタマイズのヒント
- 69. メニューなどのページ⼀覧と連動する機能は、 ナビゲーションブロックを利⽤します。 詳しくは、 ナビゲーションブロックのガイドで 確認してください。