はじめに
この記事では・・・
お問い合わせページの作り方を、画像を使いながら細かく説明します。
それでは始めましょう!
WordPress初期設定まとめ記事はこちら!
使用するプラグインについて
使用プラグイン
「Contact Form 7」というプラグインを使用します。
インストールと初期設定がまだの方は、下記記事を見ながらインストールと初期設定を行ってください。
お問い合わせページとなる固定ページの作成
![](https://dogistudio.net/wp-content/uploads/2021/08/a73416aa614574a790702b067cd95fbb.png)
![](https://dogistudio.net/wp-content/uploads/2021/08/787254b6ce597a780c2433c94973e2cd-1024x53.png)
ショートコードのコピー
WordPressの管理画面の「お問い合わせ」→「コンタクトフォーム」をクリック。
あらかじめ作成しておいたコンタクトフォームのショートコードをコピーする。
![](https://dogistudio.net/wp-content/uploads/2021/08/e838e3e2e5d9a8b3306bd0a7e9daf36d.png)
固定ページの新規追加
WordPressの管理画面から「固定ページ」→「新規追加」をクリック。
![](https://dogistudio.net/wp-content/uploads/2021/08/8a22592e4de9cae5369ffc09e22150e4.png)
タイトルと本文の記述
特にこだわりがなければタイトルは「お問い合わせ」としましょう。
本文には「当サイトへのお問い合わせはこちら」と記述しておきました。
![](https://dogistudio.net/wp-content/uploads/2021/08/b63cc43b6eb34719520166d50d537bef.png)
ショートコードの貼り付け
「当サイトへのお問い合わせはこちら」と記述した下のブロックに、
先ほどコピーしたショートコードを貼り付けします。
![](https://dogistudio.net/wp-content/uploads/2021/08/7d28b94e0aac5d48cbb55b0f0cc5bebe.png)
上の画像のような状態になればOKです。
![](https://dogistudio.net/wp-content/uploads/2021/08/bfa17073a48be8ca19d5d7ed2d5aa76c.png)
![](https://dogistudio.net/wp-content/uploads/2021/08/33df2eea426b347202e605be0195b4be.png)
パーマリンクの設定と公開
右側の歯車マークから「パーマリンク」のタブを選択して、任意のURLスラッグを設定しましょう。
パーマリンクが設定できない時は一度「公開」をすれば編集可能になると思います。
「公開」をクリック。
お問い合わせページの作成方法については以上です。
お疲れ様でした!
おわりに
作成したお問い合わせページはヘッダーメニューやフッターメニュー、サイドバーなど、目につきやすいところに配置するようにしましょう。
といったところで今回はこの辺で。
コメント