今更聞けないWordPress備忘録

初心者がワードプレスを始める基礎知識のまとめ

WordPress  プラグインの追加(お問い合わせページの作成)

スポンサーリンク

WordPressは可能性無限大。その理由のひとつが『プラグイン』です。 導入するプラグイン次第で、色々な機能を追加可能になります。 ここでは、プラグインの検索方法とインストール方法についてご説明いたします。

<練習>お問い合わせフォームを簡単に設置できるプラグイン『Contact Form 7』をインストールしてみましょう。

プラグインとは、WordPressに機能を追加する為の拡張プログラムです。

 

プラグインの新規追加画面へ
ダッシュボードの『プラグイン』の『新規追加』をクリックします。

 

 

f:id:yumeji773:20170113145547p:plain

 

キーワード検索をする
インストールをするプラグインを探します。今回は検索窓からキーワード検索を行います。まず検索窓に『Contact Form 7』と入力し、キーボードのEnterキーを押してください。

 

f:id:yumeji773:20170113145636p:plain

 

検索結果一覧からインストールするプラグインを選択する
検索が完了すると、検索結果一覧が表示されます。一覧から『Contact Form 7』を探します。見つけたら『いますぐインストール』をクリックします。

検索結果は変動するので、必ず一番目に出てくるかは保証できません。

 

f:id:yumeji773:20170113145714p:plain

 

プラグインを有効化する
インストールができたら、以下のような画面が表示されます。インストールした時点ではまだプラグインが反映されていないので、『プラグインを有効化』をクリックし、反映させましょう。

 

f:id:yumeji773:20170113145921p:plain

 

プラグインが有効になりました。インストール済みのプラグイン一覧に、『Contact Form 7』の名前があるか確認しましょう。

 

f:id:yumeji773:20170113150016p:plain

 

プラグインを探す方法は様々
先ほど行ったキーワード検索以外にも様々なプラグインを探す方法があります。プラグインをインストールする方法にはダッシュボードから選ぶ方法と、用意したプラグインのファイルをアップロードするという2通りがあります。具体的には以下のような手段があります。

 

f:id:yumeji773:20170113150121p:plain

 

プラグインのアップロード
zip形式のプラグインファイルをアップロードし、インストールすることができます。自身で用意したファイルや、ネット上で配布されているプラグインをダウンロードし用意したプラグインをインストールしたい場合に利用します。
注目
注目のプラグイン一覧の中から選ぶことができます。
人気
人気の高いプラグインの中から選ぶことができます。
おすすめ
おすすめのプラグインの中から選ぶことができます。
お気に入り
WordPress.orgでプラグインをお気に入り(favorite)としてマークすると、ここで一覧表示できます。
検索フォーム
好きなキーワードを入力し検索することができます。

 

詳細な設定方法をはじめ、プラグインに関するご質問等は各プラグインの配布元へお尋ねください。

 

お問い合わせページ用に固定ページを作成する
お問い合わせフォームを設置するための固定ページを作成します。
固定ページの作成方法については固定ページの作成をご覧ください。

 

f:id:yumeji773:20170113150455p:plain

 

固定ページにお問い合わせフォームのコードを貼り付ける
このプラグインは、有効にした時点ですでにお問い合せフォーム部分が完成しています。そのフォームをお問い合わせページに設置しましょう。
ダッシュボードの『お問い合わせ』の『コンタクトフォーム』をクリックします。

『お問い合わせ』の項目は、『Contact Form 7』のプラグインを有効化すると表示される項目です。

 

f:id:yumeji773:20170113150649p:plain

 

コンタクトフォーム一覧の中の、『コンタクトフォーム1』をお問い合せフォームとして利用します。『コンタクトフォーム1』の『編集』をクリックします。

 

f:id:yumeji773:20170113151041p:plain

 

お問い合せフォームを設置するためには、以下の位置にあるコードをコピーし、先ほど作成した『お問い合せ』という固定ページに貼り付けます。

 

f:id:yumeji773:20170113151144p:plain

 

ダッシュボードの『固定ページ』の『固定ページ一覧』から『お問い合わせ』の固定ページを開きます。(固定ページ一覧についてはこちら)まずは以下のように『テキスト』のタブに切り替えます。その後、固定ページの本文の部分に、コピーしたお問い合せフォームのコードを貼りつけ、更新します。

 

f:id:yumeji773:20170113151329p:plain

 

表示の確認
作成したお問い合わせページをサイト上で確認できます。登録したメールアドレスに送信されるか、テスト送信してみましょう。

デフォルト状態でのお問い合せの送信先は、WordPressインストール時に登録したメールアドレスに設定されています。

 

f:id:yumeji773:20170113151538p:plain

 

『Contact Form 7』というプラグインは、非常に柔軟性のあるプラグインで、目的に合わせたフォームのカスタマイズが可能です。カスタマイズについては、配布元の【Contact Form 7】でご確認ください。