カレンダー

11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

広告



最近の記事

カテゴリー

DATE: CATEGORY:WEB


サイトを作ると、
「問合せフォームを付けたいなぁ」、
「単純にメールアドレスを貼り付けるのも迷惑メール増えそうで嫌だなぁ」、
「わざわざフォームを作るのもメンドクサイなぁ」、
となります。・・・いや、なるはず。

で、思いついたのがFC2ブログの公式プラグインの
メールフォームを流用する方法を紹介します。

Photo:Still Waiting .... By:KennethMoyle
Photo:Still Waiting .... By KennethMoyle

手順1:プラグインを作成


まずは、FC2ブログの設定でプラグインを作成します。

・FC2ブログ管理者画面のメニューから「プラグインの設定」を選択。

・「公式プラグイン追加」を選択。

・「拡張プラグイン」の中にある「メールフォーム」を追加。

これで、ブログのプラグインの中にメールフォームが追加されます。

続いて、設定。

手順2:プラグインを設定


作成したプラグインの設定をします。

・さきほど追加した「メールフォーム」プラグインの「詳細」を選択。

・FC2ブログにフォームが必要なければ「表示の設定」を「表示しない」に設定。

・「メールフォームの設定」で「Captcha」設定をチェックします。
 こうしておくと、迷惑メール的なものがかなり減ります。

ひとまずこれで設定はOK。

手順3:HTMLを流用


設定が終わったので、サイトに貼り付けるためのHTMLを取得し流用します。

・「プラグインの改造」から「HTMLの編集」を選択。

表示されるHTMLはこんな感じになります。

<form action="./" method="post">
<p class="plugin-mail" &align>
名前: <input type="text" size="10" name="formmail[name]" value="" maxlength="100" style="width:90%;" /><br />
メール:<input type="text" size="10" name="formmail[mail]" value="" maxlength="150" style="width:90%;" /><br />
件名: <input type="text" size="10" name="formmail[title]" value="" maxlength="150" style="width:90%;" /><br />
本文:<br />
<textarea name="formmail[body]" cols="10" rows="6" style="width:90%;"></textarea>
<input type="submit" value=" 確認 " />
<input type="hidden" name="mode" value="formmail" />
<input type="hidden" name="formmail[no]" value="&formno" />
</p>
</form>

このコードのformのactionを自分のブログのURLに修正します。

<form action="./" method="post">
 ↓
<form action="http://babyp.blog55.fc2.com/" method="post">

このURLが問合せ投稿後に表示されるページになる模様。

手順4:HTMLを貼り付け


作成したHTMLを別サイトに貼りつけた結果がこんな感じ。
デザインはお好きな様にカスタマイズ出来ます。

Ontohihi's Inquiry PageOntohihi's Inquiry Pagehatena
ontohihis home 問合せフォーム


問い合わせ後は、FC2ブログの問い合わせフォームに遷移します。

感想


FC2にはブログとは関係なく「FC2メールフォーム」って機能も
あるんですが、CAPTCHA機能がついてないので微妙。

この方法を使えば、労せずして「CAPTCHA機能」も使えちゃうのが良い。
さらに内部処理は不要でHTMLさえ用意すれば「メール送信」の処理も
FC2ブログ側に任せられるのも良い。

少し残念な点は、問合せをしたした後にFC2ブログのページに飛びます。
なので、あまりサイトとブログに相互性がないと違和感が酷いかも。

以上。

タグ : FC2 ブログ 問合せ フォーム

Comment

コメントの投稿

管理者にだけ表示を許可する


トラックバック


この記事にトラックバックする



copyright © なんとなしの日記 all rights reserved.
内職☆在宅ワークの最強は?アフィリエイト!. 初心者だってカッコ良いホームページ作るぅ!
Powered by FC2ブログ
Related Posts Plugin for WordPress, Blogger...