 テーマ「site2020」2020/07/29版
====================================

------------------------------------
 テーマフォルダ直下のテンプレート
------------------------------------
■ 404.html
404ページで表示されるテンプレートです。

■ base.html
ベースとなるパーツを集めたテンプレートです。

■ _entry.html
詳細ページのテンプレートです。

■ index.html
一覧ページのテンプレートです。

■ search.html
キーワード検索時に使用されるテンプレートです。

■ layout.html
レイアウト機能が実装されたテンプレートです。

■ template.yaml
site2020テーマを選択したときに、テンプレートをまとめて設定できるファイルです。使用するかどうかは管理画面＞コンフィグ＞テーマ設定 にて変更できます。

■ thanks.html
動的フォームのフォームの終了画面です。

■ _top.html
トップページのテンプレートです。


------------------------------------
フォルダ構成
------------------------------------
■ admin
site2020テーマオリジナルの管理画面のテンプレートが入ったフォルダ。
site2020テーマでは主に以下のテンプレートが入っています。
・ カスタムフィールド（ブログ・カテゴリー・エントリー・モジュール）
・ レイアウト機能
・ ダッシュボード

■ カテゴリーコード名フォルダ
a-blog cmsで作ったカテゴリーと同じコード名でフォルダを作ると、その中にあるindex.htmlと_entry.htmlはそのカテゴリーの専用テンプレートとなります。
site2020テーマでは以下のカテゴリー名フォルダを用意しています。
・ contact（お問い合わせ）
・ news（お知らせ）
・ products（製品情報）
・ realestate（物件情報）

■ css
site2020テーマで使っているCSSが入ったフォルダです。

■ images
site2020テーマで使っている画像が入ったフォルダです

■ include
site2020テーマ内のインクルードしているテンプレートをまとめたフォルダです。

■ js
site2020テーマで使っているJavaScriptが入ったフォルダです。

■ _layouts
テンプレートの継承機能で使用するファイルが入ったフォルダです。
用途としては、主に別テンプレートでレイアウトを統一するために使います。

■ scss
site2020テーマで使っているSCSSファイルが入っているフォルダです。このscssフォルダに入っているSCSSファイルをコンパイルしてCSSを出力しています。


------------------------------------
 利用している a-blog cms の基本機能
------------------------------------
■ 用意しているカスタムフィールド

ブログ
・ サイトの設定（BID1のみ）
・ SEOの設定
・ OGPの設定
・ 会社情報（BID1のみ）
・ SNSアカウントの情報（BID1のみ）
・ アクセス解析（BID1のみ）

カテゴリー
・ SEOの設定
・ OGPの設定
・ ページタイトルの設定
・ 一覧ページで表示している地図の設定（※ 物件情報のみ）


エントリー
・ ピックアップのチェックボックス
・ 物件情報でカスタムフィールド検索のサンプル（※ 物件情報のみ）
・ スタッフ紹介でカスタムフィールドグループのサンプル（※ 会社概要のみ）

モジュール
・ 見出しの設定
・ 見出し横に表示するアイコンの設定
・ カスタムフィールドグループ（モジュールID「MF_about_service」のみ）
・ カスタムフィールドグループ（モジュールID「MF_main_visual」のみ）


■ フォーム
・ 検索フォーム
・ お問い合わせフォーム（お問い合わせページ）
・ 採用情報の営業職のページに動的フォーム（※ 管理画面から動的フォームを有効にする設定が必要です。管理ページ＞コンフィグ＞機能設定のページの「動的フォーム」をチェックして有効にすると使用可）

■ エントリーの固定表示
エントリー編集ページの詳細設定の中にあるファイル名の入力欄を空にすると、エントリーが固定表示される機能。会社概要のページで実装しています。

■ カスタムフィールドを使った指定した記事のピックアップ表示
・ サイドカラムのピックアップリストで実装。あらかじめ各エントリーにカスタムフィールドを実装し、管理画面のモジュールの「フィールド」の設定にて、条件を絞り込んで一致したエントリーを表示しています。


------------------------------------
 行っているカスタマイズについて
------------------------------------
■ スライダーについて
スライダーはslickというjQueryプラグインを使用しています。使用方法に着いてはslickの公式サイトをご覧ください。
　・ slick / http://kenwheeler.github.io/slick/
モジュールに登録された画像は背景画像として使用され、テキストはCMS上で変更できます。

■ スマートフォンテーマ
site2020テーマにはスマートフォンテーマ「sp@site2020」が用意してあります。site2020テーマのデータをインポートした場合、スマートフォンのときはトピックパスやページャーなどの一部のパーツは「sp@site2020」テーマのファイルを利用しています。sp@site2020」テーマを利用したくないときは、管理画面＞ルールの順に移動し、スマートフォンのときのルールを無効にしてください。

■ レイアウト機能
レイアウト機能は /themes/site2020/layout.html でご利用できます。レイアウト機能をトップページでご利用になるときはlayout.htmlをtop.htmlにリネームしてください。

■ カスタムユニット
カスタムユニットを使い、ユニットの追加に「製品スペック」のボタンを追加しています。管理画面＞コンフィグ＞編集設定のページにある「ユニット追加ボタン」、管理画面＞コンフィグ＞ユニット
　・ /themes/site2020/include/unit/custom.html
　・ /themes/site2020/admin/entry/unit/custom.html

■ Cookie機能を使用したコンテンツの切り替え
/themes/site2020/include/head/js.html に製品情報の子カテゴリーのページにアクセスしたときにCookieが適用される記述があります。さらに、ルール機能でバナーモジュールの画像を変更しています。

■ メインカラムとサイドカラムの余白について
メインカラムとサイドカラムの余白は大きくなっており、余白の方向を調整したいときは「.main-inner」に適用するクラス名を調整してください。
適用できるクラス名は以下の3つです。
・.is-space-right
・.is-space-left
・.is-space-center
余白を右側につけたいときは「.is-space-right」、余白を左側につけたいときは「.is-space-left」を「.main-inner」に適用してください。
中央寄せにしたいときは「.is-center」を適用します。
デフォルトでは「.is-space-right」が適用されています。
