SSブログ

WordPress Plugin [Contact Form 7] [WordPress]

お問い合わせフォームを設置するプラグイン

お問い合わせフォームが簡単に設置できるプラグインでWordPressのメールフォールとしては世界で最も使われている。

作者は日本人なので文字化けが起きにくい。

image

Contact Form 7のページからダウンロードサイトへ移動できる。

http://contactform7.com/ja/

http://wordpress.org/plugins/contact-form-7/

image

設置方法

1.設定

プラグインの設定ページから「設定」を押す。

image

2.フォーム画面の編集

①フォームのコード作成

管理画面から「お問い合わせ」を選択する。するとすでに「コンタクトフォーム1」いうタイトルのフォームが作成されており、ショートコード部に以下のコードが書かれているのでこれをコピーする。

[contact-form-7 id="35" title="コンタクトフォーム 1"]

image

②表示ページの設定

管理画面から「固定ページ」、「固定ページ一覧」と選択し、Contact画面の編集を押しContactページの変種画面を開く。

image

③Contact固定画面の編集

ページの編集部分に、先のショートコードを張り付け、「更新ボタン」を押す。

image

3.表示と動作確認

メールフォームが追加されました。

image

フォームを埋めてから「送信」ボタンを押してメールを送ってみます。

送信成功です。

image

4.フォームのカスタマイズ

管理画面から「お問い合わせ」選択、次に編集するフォームを選択しフォームの編集画面を表示します。ここで送信フォームと送信メールのレイアウトを編集できる。次に「タグの作成」ボタンを押すと利用できるタグの一覧が表示されるので、これをドラッグ&ドロップでフォームに配置する。最後の「保存」ボタンを押して完成となる。

image

詳細については参考サイトに詳しいので、ここでは基本的な部分までとします。

5.スパム防止

先のブログで説明した、Akismetプラグインを有効化している場合、Contact Form 7プラグインと連携してスパムによる問い合わせ防止を強化できる。

対策前のフォーム

<p>お名前 (必須)<br />
    [text* your-name] </p>

<p>メールアドレス (必須)<br />
    [email* your-email] </p>

対策後のフォーム

<p>お名前 (必須)<br />
    [text* your-name akismet:author] </p>

<p>メールアドレス (必須)<br />
    [email* your-email akismet:author_email] </p>

 

 

参考資料

参考サイト


nice!(0)  コメント(1)  トラックバック(0) 

nice! 0

コメント 1

온라인카지노

Saya sangat berterima kasih kepada pemilik website ini yang telah berbagi paragraf mengesankan ini di tempat ini.


https://www.safecasinosite.net/

https://holyangel.xyz
https://holycross.one
https://holyname.one

by 온라인카지노 (2023-05-22 12:38) 

コメントを書く

お名前:
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 0

WordPress Plugin [Ak..WordPress Plugin [Je.. ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。