PukiWikiにプラグインを使って、お問い合せフォームを設置


投稿日:2012年7月9日
  • 0
  • 0



お問い合せフォーム用のプラグインpkwkmail.inc.phpを設置しました。

今回はPukiWikiにお問い合せフォームを設置します。設置するといってもプラグインが用意されているので、インストールして調整するだけで利用できます。
pkwkmail.inc.php」でダウンロードできます。


導入方法

上記サイトから「pkwkmail100b.zip」をダウンロード。プラグインに入れるだけ。設定後スパム対策でページを凍結することを忘れないこと。

書式

#pkwkmail{{
ここにフォームの部品やメッセージを書く
}}

記述例

#pkwkmail{{
default_message = 'デフォルトメッセージを入力'
default_explanation='*こちらには説明文を入力'
attr = 'ご氏名','text','1','','お名前','(15)'
attr = 'ふりがな','text','0','','おなまえ','(15)'
attr = 'メールアドレス','email','1','',''
attr = '性別','option','1','(,女,男)'
attr = 'メニュー','radio','1','(うどん,そば,ラーメン)',''
attr = '趣味','checkbox-br','1','(野球,テニス,サッカー)','(テニス,サッカー)'
attr = '内容','textarea','0','','なにか文章を書いてください','(15,20)'
admin_adrs ='example@example.com'
}}

上記のようにテキスト、チェックボックス、ラジオボタン、プルダウン、テキストエリアに対応している。
attrはそれぞれ、「項目名、種類、必須(1が必須、0が通常)、選択肢、初期値、サイズ」に対応する。

default_message」にメッセージ本文を入れる。
default_explanation」に説明を入れる。「*」や「」などwikiの書式を指定できる。
admin_adrs」で送るメールアドレスを指定する。

補足

このままでも十分使えますが、入力後に表示される文言などをサイトに合わせて修正。
必須項目を赤文字にしたいので283行目の以下の記述を

if($k[2] == 1) $render_must = '<strong>'.$_pkwkmail_msg['must'].'</strong>';

下のように変更。

if($k[2] == 1) $render_must = '<span style="color:#ff0000;"><strong>'.$_pkwkmail_msg['must'].'</strong></span>';

続いてCSSで表示の調整を行うためにclassを追加。382行目

$result_form .= '<form action="" method="POST">'."\n";

下のように変更。

$result_form .= '<form action="" method="POST" class="pkwkmail">'."\n";

その後CSSで表示を調整する。

サンプルはこちら「リンク依頼フォーム


現在のページを共有する



現在のページに関連する記事

PukiWikiにプラグインを使って、お問い合せフォームを設置 PukiWikiをビジュアルエディタ(TinyMCE)で編集できるプラグインを作成
PukiWikiにプラグインを使って、お問い合せフォームを設置 5段階評価プラグインを通して学ぶPukiWikiのプラグインを作成する方法
PukiWikiにプラグインを使って、お問い合せフォームを設置 WordPressのコメント欄に追加された「次回のコメントで使用するため…」を削除する方法
PukiWikiにプラグインを使って、お問い合せフォームを設置 WordPressのテンプレートタグを使ってコメントフォームをカスタマイズする方法
PukiWikiで複数行のコメントを挿入 PukiWikiで複数行のコメントを挿入
PukiWikiにプラグインを使って、お問い合せフォームを設置 もう覚えなくても大丈夫!?WordPressの条件分岐タグの使い方まとめ
PukiWikiで表組みデザイン PukiWikiで表組みデザイン

おすすめの記事

標準のアンインストーラーで消えないソフトを徹底的に削除する方法

標準のアンインストーラーで消えないソフトを徹底的に削除する…

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法

PukiWikiで5段階評価を付けるプラグインを作成しました

PukiWikiで5段階評価を付けるプラグインを作成しました

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集できる投稿画面を作る方法

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集…

lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポンシブイメージの基本

lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポン…

WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデザインに変更

WordPress公式テーマTwenty Tenを子テーマでレスポンシブWebデ…

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

iptablesの設定ファイルをシェルスクリプトを利用して動的に作成

iptablesの設定ファイルをシェルスクリプトを利用して動的に作成


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。