ホームページ型CMS hairsalon1 で選べるパーツ一覧

hairsalon1 パーツ早見表

管理ページの「ページ編集」で選べるパーツ一覧です。テンプレートにより、使えるパーツは異なります。
htmlとcssの知識があれば、自作パーツも追加可能。

1. ★大見出しセット
2. ★大見出しセット（背景画像つき）
3. ★中見出しセット
4. 画像のみ
5. ★テキストのみのメニュー
6. ★横並びブロック
7. ★横並びブロック（lightbox）
8. ★横長
9. お知らせ（トップページ用）
10. お知らせ（一覧）
11. お問い合わせフォーム

補足：「ページ編集」にないブロックは、「サイト基本設定」にあります。
当ページ最下部で「サイト基本設定」を簡単に解説しています。

逆引き

出力例からパーツプルダウンを探すこともできます。

★大見出しセット
★大見出しセット（背景画像つき）
★中見出しセット
画像のみ
★テキストのみのメニュー
★横並びブロック
★横並びブロック（lightbox）
★横長
お知らせ（トップページ用）
お知らせ（一覧）
お問い合わせフォーム

当ページの解説は

hairsalon1_slide_greenを使用しています。
色（タイプ）によって若干設定内容が異なる場合があります。

①★大見出しセット

↓自動で出てくる入力フォーム。

↓フォームを全部入力した場合の出力例。
全て使う必要はなく、たとえば、画像はどちらか１つだけアップロードしてもOK。

②★大見出しセット（背景画像つき）

↓自動で出てくる入力フォーム。

↓「見出しの背景画像」「大見出し」「大見出しの補足・英語表記など」の３つを入力した場合の出力例。ページを代表する大きな見出しとして使っています。

③★中見出しセット

↓自動で出てくる入力フォーム。

↓フォームを全部入力した場合の出力例。
全て使う必要はなく、たとえば、画像はどちらか１つだけアップロードしてもOK。

④画像のみ

↓自動で出てくる入力フォーム。

↓画像をアップロードした場合の出力例。

★⑤テキストのみのメニュー

↓自動で出てくる入力フォーム。

↓出力例。

⑥★横並びブロック

↓自動で出てくる入力フォーム。

↓出力例。

⑦★横並びブロック（lightbox）

↓自動で出てくる入力フォーム。

↓出力例。

↓サムネイルをクリックすると画面が暗転し画像がポップアップ表示されます。（lightbox）

⑧★横長

↓自動で出てくる入力フォーム。

↓出力例。

⑨お知らせ（トップページ用）

↓自動で出てくる入力フォーム。お知らせの場合は、見出しのみです。
お知らせデータ本体は、管理ページの「お知らせ設定」から投稿して下さい。

↓出力例。

⑩お知らせ（一覧）

↓自動で出てくる入力フォーム。こちらも見出しのみです。お知らせ全件が出力されます。

↓出力例。

⑪お問い合わせフォーム

↓自動で出てくる入力フォーム。

↓出力例。フォームの設定は、管理ページの「フォーム設定」で行います。フォームのカスタマイズも可能。

補足：「サイト基本設定」メニュー

↓「サイト基本設定」ページです。ロゴやメイン画像はここで設定します。
編集したいブロックをクリックして設定パネルを開きます。テンプレートにより、設定内容は異なります。

↓ブロック全てを開いた状態。