 テーマ「bootstrap2019」2019/03/29版
====================================

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

------------------------------------
 a-blog cmsの基本機能
------------------------------------
■ カスタムフィールド

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

カテゴリー
・ SEOの設定
・ ページタイトルの設定


エントリー
・ ピックアップのチェックボックス
・ 物件情報でカスタムフィールドのサンプル（※ 物件情報のみ）

モジュール
・ 見出しの設定


■ フォーム
・ 検索フォーム
・ お問い合わせフォーム（お問い合わせページ）

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

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


------------------------------------
 カスタマイズについて
------------------------------------
■ スライダーについて
スライダーはslickというjQueryプラグインを使用しています。使用方法に着いてはslickの公式サイトをご覧ください。
　・ slick / http://kenwheeler.github.io/slick/

■ メインカラムとサイドカラムの余白について
メインカラムとサイドカラムの余白は大きくなっており、余白の方向を調整したいときは「.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」が適用されています。
