 テーマ「lp@site」2023/09/26版
====================================

------------------------------------
 インストールデータをインポートする
------------------------------------

1. このテーマはsiteの子ブログとして作られることを前提にデータを作っています。
	siteをインストールしたブログに子ブログを作ってください。

2. このテーマのインストールデータですが、新規インストーラーには用意していません。
       メンテナンス画面（https://ドメイン/〇〇（setupをリネームしたディレクトリ名）/index.php）よりインポートしてください。

3. インポートできたら、サイトを訪れてデータが入っているを確認してください。


------------------------------------
 テーマについて
------------------------------------
※このテーマは、siteテーマを継承したテーマになります。
 テーマの継承についてはこちら： テーマの継承 | テーマ | ドキュメント | a-blog cms developer
 https://developer.a-blogcms.jp/document/themes/inherit.html

------------------------------------
 テーマフォルダ直下のテンプレート
------------------------------------

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

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

■ thanks.html
ユニットで挿入できるフォームの終了画面です。

------------------------------------
フォルダ構成
------------------------------------
■ admin
lp@siteテーマオリジナルの管理画面のテンプレートが入ったフォルダ。
lp@siteテーマでは主に以下のテンプレートが入っています。
・ カスタムフィールド（エントリー）
・ 拡張ユニット

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

■ form
カスタムユニット「フォーム」で使用するフォルダです。

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

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

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

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

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

ブログ
・ サイトの設定（siteからの継承）
・ SEOの設定（siteからの継承）
・ OGPの設定（siteからの継承）
・ 会社情報（siteからの継承）
・ SNSアカウントの情報（siteからの継承）
・ scriptタグ（siteからの継承）
・ アクセス解析（siteからの継承）
・ Search Console（siteからの継承）

カテゴリー
・ SEOの設定（siteからの継承）
・ ページタイトルの設定（siteからの継承）

エントリー
・ 表示設定
・ 色の設定

モジュール
・ 見出しの設定（siteからの継承）


------------------------------------
 カスタマイズについて
------------------------------------
■ 拡張ユニット

テーブルユニットの拡張
・ 「テーブル（レスポンシブ）」

カスタムユニットの拡張
・ アコーディオン
・ 背景画像
・ メディアレイアウト
・ スプリットレイアウト
・ 特徴
・ よくある質問
・ お客様の声
・ SNSシェアボタン
・ ご注文フォーム

■ 編集画面

カラーピッカー
・ jQuery MiniColorsというjQueryプラグインを使用しています。使用方法に着いてはjQuery MiniColorsの公式サイトをご覧ください。
・ jQuery MiniColors / https://labs.abeautifulsite.net/jquery-minicolors/

編集画面専用のJS・CSSの読み込み
・編集画面専用のJS・CSSの読み込みは、/include/head/edit.htmlで行なっています。
