取説 一覧 / ファイル構成

ファイル構成

  • サイト管理
  • HOWTO
  • オリジナルテーマの作成方法
  • ファイル構成



管理画面の[サイト設定]→[テーマ設定]からオリジナルテーマを作成すると



サイト専用のデータ内に、テーマフォルダが作成され、デフォルトのファイルが用意されます。

例 /theme/my-sample/ (my-sampleがテーマ用フォルダになります)
そして、テーマフォルダの中には以下のファイルが含まれており、用途は以下のとおりです

規定のテンプレートファイル
 
項目 内容
/index.twig トップページのHTML
/head.twig 各ページから呼び出されるヘッダーHTML
/foot.twig 各ページから呼び出されるフッターHTML
/system.twig システムから出力されるページ等で利用(ログイン画面等)
/pagenator.twig ブログ一覧等で使用されるページネーション部分のHTML
/share.twig ブログ詳細等で使用される、SNSシェアボタン
/preview.png テーマ一覧で表示されるサムネイル画像
/css/ CSS用フォルダ(変更可能)
/img/ 画像用フォルダ(変更可能)
/js/ JS用フォルダ(変更可能)
/page/index.twig ページのテンプレートファイルがない場合のテンプレートHTML
/partial/ アイテムパーツ用フォルダ
/blog/index.twig ブログトップページ
/blog/list.twig ブログ記事一覧ページ (タグや年月の絞り込み)
/blog/detail.twig ブログ詳細ページ
/event/index.twig イベントトップページ
/event/list.twig イベント記事一覧ページ (タグや年月の絞り込み)
/event/detail.twig イベント詳細ページ
/form/sendes.twig フォームの送信後ページ

固定ページのテンプレート作成方法

URLが /company.html だった場合のテンプレートファイル名は
/company.twig

URLが /about/company.html だった場合のテンプレートファイル名は
/about/company.twig

URLが /about/ だった場合のテンプレートファイル名は
/about/index.twig

[TIPS]
WebDavを使うとPC上でソースコードの編集等行えます。