画像フレーム
画像のフレームスタイルは12種類の中から選べます。
挿入したい場所の「＋」アイコンをクリックし、右側のスタイルの中から選んでください。
画像と文章を横並びのレイアウト
画像と文章を横並びのレイアウトにします。
挿入したい場所の「＋」アイコンをクリックし、「ブロックを追加」＞「全てを表示」＞「カラム」を選択。
左に画像を配置し、右にテキストを配置。
画像と文章を横並びのレイアウトにします。
挿入したい場所の「＋」アイコンをクリックし、「ブロックを追加」＞「全てを表示」＞「メディアとテキスト」を選択。
左に画像を配置し、右にテキストを配置。
周りの空きはパディングで調整、見本は「M」
お問い合わせフォームの作り方
管理画面の左メニューの「プラグイン」＞「新規追加」＞「キーワード」の「Contact Form 7」と入力。
「今すぐインストール」ボタンをクリックし、「有効化」すると左メニューに「お問い合わせ」が追加されます。
「お問い合わせ」の「コンタクトフォーム」を選択。
「ショートコード」の「contact-form-7 id=”296″ title=”コンタクトフォーム “」をコピーし、「固定ページ」＞「固定ページ一覧」の「お問い合わせ」＞「編集」＞「＋」をクリック、「全てを表示」＞「ショートコード」をクリック。
「ショートコード」の中に先ほどコピーした「contact-form-7 id=”296″ title=”コンタクトフォーム 1″」をペースト。
プレビューで確認すると「お問い合わせフォーム」が作られます。
このページのURL(パーマリンク)が必要なので右上の「歯車アイコン」をクリック
URLの最後が日本語は良く無いので「お問い合わせ」をクリックし、「パーマリンク」の「お問い合わせ」を「contact」に変更し、右上の「更新」ボタンをクリック。
(例：https://lightning.39wel.com/contact/
左メニューの「ExUnit」＞「メイン設定」＞「連絡先情報」で必要項目を入力。
営業時間や電話番号が必要なければ空欄に。
「お問い合わせ先URL」に前に作った「コンタクトフォーム」のURL
「https://lightning.39wel.com/contact/」を入力
「変更を保存」ボタンをクリック。
「管理画面」＞「お問い合わせ」＞「フォーム項目」で左を参照。
電話番号の設定
項目タイプ：必須項目にチェックを入れると必須項目になるが不要の場合は外す。
デフォルト値：入力欄に入力例が表示できる。
例：000-1111-2222
チェックを入れ「タグを挿入」をクリック。
チェックボックスの設定
オプション：ここにチェックボックスで表示したい選択項目を１行毎に改行し入力。
ラベルを前に、チェックボックスを後に配置する：チェック不要。
個々の項目をlabel要素で囲む：チェック不要。
チェックボックスを排他化する：チェックを入れると一つのボックスにしかチェックを入れられなくなるがチェックする。
[重要]左記のメール設定に「checkbox-782」を忘れない様に！
＜/label＞の位置に注意
通常は＜/label＞を最後に記入するが、「ドロップダウンメニュー」や「チエックボックス」、「ラジオボタン」などの場合、＜/label＞の位置が他と違うことに注意。
お問い合わせ内容のすぐ後に配置。
他と同じ様に最後に置くとエラーになる。
自動返信メール設定(管理者に返信)
[メール]をクリックし、左を参考に入力。
送信先：管理者のメールアドレスを入力。2つ以上の場合は間に「,」を入れる。
送信元：＜＞の前はお店の名前を入力。
題名：お問い合わせ内容：[checkbox-782]など数字(782)は例なので、取得した数字と合わせる。
追加ヘッダー：Reply-To: [your-email] と入力。
メッセージ本文：
差出人：[your-name]<[your-email]>と入力。
お問い合わせ内容：[checkbox-782]と入力。
電話：[your-tel]と入力。
メッセージ本文： [your-message]と入力。
自動返信メール設定(申込者に返信)
下の方にスクロールして「メール(２)」にチェックを入れ、左を参考に入力。
題名：[お問い合わせ内容]または[お問い合わせありがとうございます]などと入力。
CONTACT FORMを挿入
「管理画面」＞「お問い合わせ」＞「コンタクトフォーム」＞「ショートコード」をコピー。
挿入したい箇所の「＋」をクリックし、「ショートコード」を配置し、（例：contact-form-7 id=”296″ title=”コンタクトフォーム 1″)をペースト。
「ショートコード」は必ず前後を[ ]で挟む。