この記事では「お問い合わせフォーム」を作成するプラグイン
「Contact Form7」の設定方法を解説していきます。
この「お問い合わせフォーム」があるとサイトに信頼感がでてきます。
それでは早速始めましょう!
① Contact form 7をインストールしよう
【インストール手順】
①ダッシュボードから「プラグイン」→「新規追加」と進んでいきます。
②画面右のキーワード欄に「Contact Form7」と入力し、「Contact Form7」がでてきたら「今すぐインストール」をクリックする。
③インストール後に、「有効化」をクリックします。
これでContact Form7のインストールは完了です^^
次はContact Form7を設置していきます!
② Contact Form7の設定をしよう
【設定手順】
①「ダッシュボード」→「お問い合わせ」→「新規追加」をクリックします。
② 件名に「お問い合わせ」とわかる表現を入力 → 「保存」をクリック。
③ 「保存」をすると、下記画面のようにショートコードが生成されるので、この部分をコピーしておきます。
これでお問い合わせフォームができました^^
③ お問い合わせページの作成
次に、完成したお問い合わせフォームをブログに設置していきます。
【作成方法】
① お問い合わせページとなる固定ページを作成します。
「固定ページ」→「新規追加」をクリックします。
②【クラシックエディタの場合】
件名に「お問い合わせ」と入力。
固定ページ編集画面で、下のエディタ画面に先程コピーした「ショートコード」を貼り付けます。
画面右上にある「公開」ボタンをクリックする。これで「お問い合わせフォーム」が完成です^^
②【ブロックエディタの場合】
件名に「お問い合わせ」と入力。
「+」ボタンをクリックして「ショートコード」を探してクリック。
これで、お問い合わせページの作成は完了です!
お問い合わせフォームリンクの設置
いよいよ最後です!
読者さんが見つけやすい場所に「お問い合わせホーム」を設置していきます。
場所はどこでも大丈夫ですが、今回はフッターへの設置方法を説明します。
【設置方法】
①「ダッシュボード」→「外観」へ進み→「メニュー」をクリックします。
② メニュー構造の「メニュー名」に「フッター」と入力します。
③ 「メニュー項目を追加」の「固定ページ」にある「お問い合わせ」にチェックします。
④ 「メニューに追加」をクリックします。→ 下の図のように「お問い合わせ」がメニューに追加されます。
⑤ 画面右下の「メニューを保存」をクリックします。
⑥ 「メニューを編集」の隣にある「位置の管理」にタブを切りかえます。
⑦ 「フッターメニュー」で「フッター」を選択します。
⑧ 画面左下にある「変更を保存」をクリックする。