【2017年8月】アドセンスの合格に向けてブログ固定ページに行ったカスタマイズ|その1

パソコンの画面上にグラフ表示
ブログ開設当初は、Googleアドセンス合格を目標に運営して参りました。

手探りながらもおかげさまで
6記事という少ない記事数の投稿で合格することができました。
そして現時点ではなんとか10記事ほどの執筆を終えることができています。

今回は「アドセンス審査の合格に向けて私が固定ページで行ったカスタマイズ
として WordPress ブログにお問い合わせフォームを設置する
簡単な方法を紹介したいと思います。

これからアドセンスブログを始めたいと思っている方へ少しでも参考になればと思います。
なお、使用テーマは「Simplicity2」です。

スポンサーリンク

コンタクトフォームの設置

「お問い合わせ」の設置です。
しばしばサイトに設置されているのを目にする機会もあるのではないでしょうか。

あなたががんばって作成するブログに少しでも読者様がアクセスしやすいように。
それに、アドセンス審査には必要不可欠と言われるコンタクトフォームの設置です。

プラグイン(拡張機能)を使います。
今回使用したプラグインは「Contact Form 7」です。

新しいプラグインをインストールすると、ごく稀に不具合が発生することがあります。
そんな時、すぐに復元できるようにプラグインを操作する時は、
「WordPress のバックアップ」を取り、ローカル環境で検証するようにしましょう。
参照BackWPUpで確実にWordPressのバックアップを取る方法 – バズ部

Contact Form 7 のインストール

WordPress 編集画面左のサイドバーから、
プラグイン」→「新規追加」をクリックします。

プラグイン内新規追加を選択

「プラグインを追加」画面に移動したら、右上の検索窓からプラグインの検索をします。
英数字で Contact Form 7 と入力して下さい。

プラグインを追加画面、検索窓
プラグイン名を確認したら、
今すぐインストール」→「有効化」をクリックします。

contact form7 インストールボタン

Contact Form 7 のインストール(zip ファイルをダウンロードする方法)

こちらのサイトから直接 zip ファイルをダウンロードし、
Wordpress にアップロードすることもできます。
サイトcontact-form-7

リンク先ページ「ダウンロード」ボタンをクリックして
ファイルを保存します。

Contact form 7 zipファイルのダウンロードボタン

WordPress 編集画面左のサイドバーから、
プラグイン」→「新規追加」をクリック。

プラグイン内新規追加を選択

「プラグインを追加」画面内に移動したら「プラグインのアップロード」をクリック。

プラグイン追加画面内プラグインのアップロードボタン

先ほど保存した zip ファイルをドラッグ&ドロップしてアップロードします。
または「参照」ボタンをクリックのうえ、ファイルを指定してアップロードして下さい。
この時、ファイルを解凍する必要はありません。

zipファイルをドラッグ&ドロップ

Contact Form 7 の設定

インストール完了後、Wordpress 編集画面左のサイドバーから、
プラグイン」→「インストール済みのプラグイン」をクリックします。

インストール済みプラグインをクリック

プラグイン一覧画面に移動しますので、インストールした Contact Form 7 にカーソルを合わせ、「設定」をクリックします。

Contact Form 7設定をクリック

「コンタクトフォーム」設定画面内、「コンタクトフォーム 1」を選択します。

コンタクトフォーム1 をクリック
「コンタクトフォームの編集」画面、
”このショートコードをコピーして、投稿、固定ページ、またはテキストウィジェットの内容にペーストしてください”
という指示が書かれていますので、まずは指示通り表示されているショートコードをコピーします。

貼り付け用ショートコード部分

あらかじめ作成しておいた固定ページ(ここでは Contact としました)に
先ほどコピーしたショートコードを貼り付けます。

私は固定ページの説明として、
「ご質問やお問い合わせはこちらのフォームでお伺いしております。」
と入力していますが、わかりやすければ何でも良いと思います。適宜作成してみてください。

ショートコードをコピペ

更新」ボタンをクリックし、
固定ページの編集を終えます。
このように固定ページにコンタクトフォームが表示されたことを確認してください。
Contact form7完成画面

これでブログの固定ページにお問い合わせフォームを設置することができました。

固定ページの作成方法についてはこちらの記事
サイトWordPressの固定ページの使い方 – バズ部

コンタクトフォームのカスタマイズについては
こちらの記事がとても参考になるかと思います。
サイトContact Form 7のCSSデザインとカスタマイズ方法 – Naifix

ご覧頂き、ありがとうございました。

スポンサーリンク
レクタングル大




レクタングル大




シェアする

フォローする