よくあるご質問
- 独自ドメイン
- ホームページイベント
- ホームページ作成・運用
- メンバー管理
- ブログ
- サイト解析
- お問い合わせフォーム
- メルマガ
- ユーザーの自動評価
- その他
ホームページ作成・運用
- ・ホームページにeatで顧客を管理するためのフォームを埋め込む方法について
eatで「お問い合わせフォーム」を作成
ダッシュボードのメニュー「コンタクト」>「お問い合わせフォーム」>「新規作成」より、ホームページに埋め込む問い合わせフォームの作成を行います。
- お問い合わせフォームの名称を入力します。
- お問い合わせフォームのインプット項目が表示されます。
- インプット項目はドラッグアンドドロップで順番を入れ替えられます。
- 選択しているインプット項目の項目表示名、表示入力サンプル、自動返信メールで利用できる変数、ボタンのデザインなどを設定できます。
- クリックすると、フォームに新しい項目を追加可能です。
操作方法
ホームページに、作成したお問い合わせフォームを埋め込む
作成したフォームは、「ホームページ」>「作成・編集」のセクションを追加する際に、「フォーム」セクションを選択すると追加可能です。
数種類のフォームデザインからお好みのフォームを選択可能です。 - ・ホームページ内の画像サイズを枠の大きさに合わせて調整する方法について
eatのホームページでは、デフォルトの画像表示が枠に合わせて画像を縦もしくは横に伸ばして、枠をはみ出た場合に画像が見切れる設定となっています。
ダッシュボードのメニュー「ホームページ」>「作成・編集」>「ヘッダーのサイト設定内にあるCSS編集」より、サイト全体のCSSを編集可能になっています。
そこで下記のコードを貼り付けると、画像サイズが枠内に合わせて収まるようになります。
.frame-image{background-size: contain !important;}
また、上級者向けのカスタマイズとして、eatのホームページには各セクションタグにはID属性が割り振られており、このID属性を辿ってそのセクション内だけに適用可能なスタイルを当てることも可能です。
- ・ホームページのスマホ対応で、細かなテキストデザインを調整する方法について スマホ表示用のCSSを追加する
ダッシュボードのメニュー「ホームページ」>「作成・編集」>「ヘッダーのサイト設定内にあるCSS編集」より、サイト全体のCSSを編集可能になっています。
そこで下記のコードを貼り付けると、スマホ表示時のテキストサイズ倍率をまとめて変更できます。
@media only screen and (max-width: 349px) { * { font-size: 100%; } }
このコードの `font-size: 100%;` の倍率を変更することで、大きくしたり、小さくしたりできます。 また、上級者向けのカスタマイズとして、eatのホームページには各セクションタグにはID属性が割り振られており、このID属性を辿ってそのセクション内だけに適用可能なスタイルを当てることも可能です。
ダッシュボードのメニュー「ホームページ」>「作成・編集」>「ヘッダーのサイト設定内にあるプレビュー」より、プレビューヘッダーの右上からデスクトップ(PC)、スマホの各表示切り替えでの確認が可能となっています。