【必須プラグイン①】Contact form 7のいちばんやさしい設定方法

この記事では「お問い合わせフォーム」を作成するプラグイン
「Contact Form7」の設定方法を解説していきます。

この「お問い合わせフォーム」があるとサイトに信頼感がでてきます。

それでは早速始めましょう!

① Contact form 7をインストールしよう

【インストール手順】

①ダッシュボードから「プラグイン」→「新規追加」と進んでいきます。

②画面右のキーワード欄に「Contact Form7」と入力し、「Contact Form7」がでてきたら「今すぐインストール」をクリックする。

③インストール後に、「有効化」をクリックします。

これでContact Form7のインストールは完了です^^
次はContact Form7を設置していきます!

② Contact Form7の設定をしよう

【設定手順】

①「ダッシュボード」→「お問い合わせ」→「新規追加」をクリックします。

② 件名に「お問い合わせ」とわかる表現を入力 → 「保存」をクリック。

③ 「保存」をすると、下記画面のようにショートコードが生成されるので、この部分をコピーしておきます。

これでお問い合わせフォームができました^^

③ お問い合わせページの作成

次に、完成したお問い合わせフォームをブログに設置していきます。

【作成方法】

① お問い合わせページとなる固定ページを作成します。

「固定ページ」→「新規追加」をクリックします。


【クラシックエディタの場合】 
件名に「お問い合わせ」と入力。
固定ページ編集画面で、下のエディタ画面に先程コピーした「ショートコード」を貼り付けます。

 画面右上にある「公開」ボタンをクリックする。これで「お問い合わせフォーム」が完成です^^

【ブロックエディタの場合】 
件名に「お問い合わせ」と入力。
「+」ボタンをクリックして「ショートコード」を探してクリック。

これで、お問い合わせページの作成は完了です!


お問い合わせフォームリンクの設置

いよいよ最後です!

読者さんが見つけやすい場所に「お問い合わせホーム」を設置していきます。

場所はどこでも大丈夫ですが、今回はフッターへの設置方法を説明します。

【設置方法】

①「ダッシュボード」→「外観」へ進み→「メニュー」をクリックします。

② メニュー構造の「メニュー名」に「フッター」と入力します。

③ 「メニュー項目を追加」の「固定ページ」にある「お問い合わせ」にチェックします。

④ 「メニューに追加」をクリックします。→ 下の図のように「お問い合わせ」がメニューに追加されます。

⑤ 画面右下の「メニューを保存」をクリックします。

⑥ 「メニューを編集」の隣にある「位置の管理」にタブを切りかえます。

⑦ 「フッターメニュー」で「フッター」を選択します。

⑧ 画面左下にある「変更を保存」をクリックする。

お疲れ様でした~!これでお問い合わせフォームの完成です^^

-ブログ初心者スターターキット