My Search(調べ物)

最終更新日:

メールフォームプロCGI

 

 

「メールフォームプロCGI」のダウンロード

 

上記サイトの下のほうにダウンロードボタンがある

 

解凍

 

メールフォームプロ,設置方法

 

「Jcode関連ファイル群」のダウンロード

 

「Jcode」とは、メールフォームプロCGIを使うのに必要なモジュール

ここからダウンロード

 

メールフォームプロ,設置方法

 

ダウンロードしたら解凍する

 

メールフォームプロ,設置方法

 

「Jcode」を「mailformproフォルダ」にセット

 

先ほど解凍した「Jcode-2.07」の中から必要なフィルを「mailformproフォルダ」の中に入れる。

 

▼必要なファイル

 

・Jcodeのフォルダ

・Jcode.pmファイル

 

メールフォームプロ,設置方法

 

▼コピーする場所

 

・「mailformpro2フォルダ」 → 「mailformproフォルダ内」

 

メールフォームプロ,設置方法

 

設定ファイルの修正(変更)

 

設定ファイル

→「mailformpro2フォルダ」 → 「mailformproフォルダ内」 → config.cgi

 

※注意

config.cgiを開く時はメモ帳ではなくTeraPad等を使う

 

▼主な変更箇所

 

##フォームからの送信先 設定したほうの先頭の#を削除してください

# ひとつの場合

#@mailto = ('xxxxx@example.jp');

#複数の場合 (シングルクォートでくくったメールアドレスをカンマで区切って指定)

#@mailto = ('●●@●●.com','●●@●●.or.jp'); ←#を取ってアドレスを記入

 

##フォームの差出人名

$config{"fromname"} = '●●'; ←名前を変更

 

##サンクスページのURL(URLかsend.cgiから見た相対パス)

$config{"thanks_url"} = 'http://●●.com/'; ←URLを記入

 

##設置者に届くメールの本文整形 / 自動生成の場合 NULL / 特殊整形文字 :送信内容一式 / :日付 / :通し番号 / :入力秒

$config{"posted_body"} = <<'__posted_body__';

ご予約・お問い合せフォームより以下のメールを受付ました。

──────────────────────────

受付番号:

入力時間:

確認時間:

 送信元:

──────────────────────────

 

━━━━━━━━━━━━━━━━━━━━━━━━━━

 ※この署名はサンプルです。必ず変更してください※ 

 シンクグラフィカ / SYNCKGRAPHICA

 〒003-0801 札幌市白石区菊水一条四丁目一番三十九号

 TEL / 011-832-8698 FAX / 011-832-8698

 http://www.synck.com

━━━━━━━━━━━━━━━━━━━━━━━━━━

↑この部分を消す

__posted_body__

 

##送信者に届く自動返信メールの件名

$config{"return_subject"} = 'ご予約・お問い合せありがとうございました';

 

──────────────────────────

 

この度はお問い合せ頂き誠にありがとうございました。

改めて担当者よりご連絡をさせていただきます。

 

─ご送信内容の確認─────────────────

受付番号:

──────────────────────────

 

このメールに心当たりの無い場合は、お手数ですが

下記連絡先までお問い合わせください。

 

この度はお問い合わせ重ねてお礼申し上げます。

 

━━━━━━━━━━━━━━━━━━━━━━━━━━

 ※この署名はサンプルです。必ず変更してください※ 

 シンクグラフィカ / SYNCKGRAPHICA

 〒003-0801 札幌市白石区菊水一条四丁目一番三十九号

 TEL / 011-832-8698 FAX / 011-832-8698

 http://www.synck.com

━━━━━━━━━━━━━━━━━━━━━━━━━━

__return_body__

 

メールフォームプロCGIのアップロード

 

FTPソフトを使ってアップロード

アップロードする場所は、「どのページに設置するか?」ということで、そのディレクトリ内(フォルダ内)に・・・

 

▼アップロードするファイル

 

「mailformproフォルダ内」 →

 

・mailformpro

・images

・iplogs

・commons

 

パーミッションの設定(確認)

 

・mailformpro(755)

 send.cgi(755)

 亙nclude.cgi(755)

 歪heck.cgi(755)

 serial.dat(777)

 time.dat(777)

 unique.dat(777)

・postcodes

 枠et.cgi(755)

 

動作チェック

 

省略(笑)

 

HTMLファイルの編集

 

HTMLファイルのhead内に以下を追加

 

<!--[メールフォームプロ・参照ファイルここから]-->

<link rel="stylesheet" href="commons/mailform.css" type="text/css" />

<script type="text/javascript" src="commons/jquery.js" charset="UTF-8"></script>

<script type="text/javascript" src="commons/mfp.lang.js" charset="UTF-8"></script>

<script type="text/javascript" src="commons/mfp.extensions.js" charset="UTF-8"></script>

<script type="text/javascript" src="commons/mailform.js" charset="UTF-8"></script>

<script type="text/javascript" src="postcodes/get.cgi?js" charset="UTF-8"></script>

<!--[メールフォームプロ・参照ファイルここまで]-->

 

 

自分用のシンプルバージョン・・・

なので、もしこれを使う人はあしからず・・・(汗)

 

▼「お問い合わせ」の場合

 

<!--[ここからメールフォームプロ・本体]-->

<form id="mailform" method="post" action="mailformpro/send.cgi" onsubmit="return falsesubmit(this)" accept-charset="UTF-8">

<script type="text/javascript" src="mailformpro/include.cgi" charset="UTF-8"></script>

<noscript>

<p><input type="hidden" name="javascript_flag" value="0" /></p>

</noscript>

<div id="mailfrom_hidden_object">

<input type="submit" value="submit" />

<input type="hidden" name="must_id" value="(必須)" />

<input type="hidden" name="input_time" value="0" />

<input type="hidden" name="confirm_time" id="confirm_time" value="0" />

<input type="hidden" name="sitein_referrer" value="" />

<input type="hidden" name="mailform_confirm_mode" value="1" />

</div>

<table border="0" cellspacing="0" cellpadding="0" class="mailform" summary="mailform main">

 

<tr class="mfptr">

<th><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />お名前<span>your name</span></th>

<td>

<input type="text" name="姓(必須)" size="15" class="mfp" onkeyup="inputTyping(this.form.id,'セイ',event.keyCode,this)" /> 

<input type="text" name="名(必須)" size="15" class="mfp" onkeyup="inputTyping(this.form.id,'メイ',event.keyCode,this)" />

<div id="errormsg_姓" class="mfp_err"></div>

<div id="errormsg_名" class="mfp_err"></div>

</td>

</tr>

 

<tr class="mfptr">

<th>フリガナ<span>assumed name</span></th>

<td>

<input type="text" name="セイ" size="15" class="mfp" />  <input type="text" name="メイ" size="15" class="mfp" />

</td>

</tr>

 

<tr class="mfptr">

<th><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />メールアドレス<span>mail address</span></th>

<td><input type="text" name="email(必須)" size="40" class="mfp" /><div id="errormsg_email" class="mfp_err"></div></td>

</tr>

<tr class="mfptr">

<th><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />確認のためもう一度<span>confirm mail address</span></th>

<td><input type="text" name="confirm_email(必須)" size="40" class="mfp" /><div id="errormsg_confirm_email" class="mfp_err"></div></td>

</tr>

 

<tr class="mfptr">

<th><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />お問い合わせ内容<span>Content of inquiry</span></th>

<td><textarea name="お問い合わせ内容(必須)" rows="10" cols="60" class="mfp"></textarea><div id="errormsg_お問い合わせ内容" class="mfp_err"></div></td>

</tr>

 

<tr class="mfptr">

<th><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />送信確認<span>sending confirm</span></th>

<td><label for="send_confirm" id="send_confirm_label" class="mfp"><input type="checkbox" id="send_confirm" name="送信確認(必須)" value="送信チェック済み" class="mfp" /> 上記送信内容を確認したらチェックを入れてください</label><div id="errormsg_送信確認" class="mfp_err"></div></td>

</tr>

 

</table>

<div id="mfp_buttons">

<ul>

<li><input type="button" value="" id="button_mfp_reset" onclick="mfp_reset(this.form)" onkeypress="mfp_reset(this.form)" onmouseover="mfp_bt(this,1)" onmouseout="mfp_bt(this,0)" /></li>

<li><input type="button" value="" id="button_mfp_goconfirm" onclick="sendMail(this.form)" onkeypress="sendMail(this.form)" onmouseover="mfp_bt(this,1)" onmouseout="mfp_bt(this,0)" /></li>

</ul>

</div>

</form>

<!--[ここまでメールフォームプロ・本体]-->

 

 

メモ

 

▼必須にする場合

 

<th><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />お問い合わせ内容<span>Content of inquiry</span></th>

<td><textarea name="お問い合わせ内容(必須)" rows="10" cols="60" class="mfp"></textarea><div id="errormsg_お問い合わせ内容" class="mfp_err"></div></td>

 

 

▼必須にしない場合

 

<th>お問い合わせ内容<span>Content of inquiry</span></th>

<td><textarea name="お問い合わせ内容" rows="10" cols="60" class="mfp"></textarea></td>

 

▼保存

 

<tr class="mfptr">

<th><img src="images/mfp_must.gif" width="30" height="16" alt="必須" class="must" />性別<span>sex</span></th>

<td>

<ul>

<li><label for="male" id="male_label" class="mfp"><input type="radio" name="性別(必須)" id="male" value="男" class="mfp" /> 男性</label></li>

<li><label for="female" id="female_label" class="mfp"><input type="radio" name="性別(必須)" id="female" value="女" class="mfp" /> 女性</label></li>

</ul>

<div id="errormsg_性別" class="mfp_err"></div>

<!--radioを配置する場合、CSVのログズレを防ぐために同名のhiddenを配置してください。-->

<input type="hidden" name="性別(必須)" />

</td>

</tr>

 

▼ご予約の項目を変更する時

 

「choice_date.js」を修正する

2011/12/24 06:28:24

独自ドメインを取得して、レンタルサーバーで使えるようにするための設定方法です。

 

これはどのようなことかと言うと、

「このドメイン名でアクセスされた際には、このWEBサーバに接続してホームページを表示して下さい」

という情報になります。。

 

「独自ドメイン」と「サーバー」に関連付けをするわけですね。

 

独自ドメイン ⇔ サーバー

 

 

現在、独自ドメインとレンタルサーバーにはいろいろな業者があります。

それぞれ業者によって設定方法は異なりますが、関連付けをするための基本的なことは同じです。

 

ここでは、

 

・独自ドメイン → お名前.com

・レンタルサーバー → エックスサーバー

 

この会社の設定方法を記載しときます。

 

 

▼設定の流れ

 

1)お名前.comで独自ドメインを取得

2)エックスサーバーで独自ドメインを追加

3)お名前.comでDNS(ネームサーバー)の変更

 

 

お名前.comで独自ドメインを取得

 

お名前.comでお好きなドメインを取得します。

 

ドメインというのは早いもの勝ちです。

運よく希望のドメインが空いていてそれを取得できれば後は自分のものになります。

どの業者でも、最低で1年契約となります。

 

エックスサーバーで独自ドメインを追加

 

お名前.comで取得したドメインをエックスサーバーに追加(登録)します。

「どのサーバーを使ってホームページを表示させるのか?」という設定になります。

 

⇒ エックスサーバーに独自ドメインを追加する方法

 

※設定が反映するまでには、1時間〜半日程度かかります。

 

お名前.comでDNS(ネームサーバー)の設定

 

お名前.comで取得したドメインにエックスサーバーのネームサーバーを割り当てます。

ドメイン名(●●●.com)とIPアドレスを対応付ける仕組みです。

 

⇒ お名前.comのDNS(ネームサーバー)変更方法

 

※設定が反映するまでには、1時間〜半日程度かかります。

 

 

これで、お互いが関連付けされました。

後は、ページを作成して、HTPソフトなどを使いサーバーにアップロードすればホームページが表示せれるようになります。

2011/10/02 06:37:02

お名前.comで取得したドメインをエックスサーバーで使うための設定方法

お名前.comのDNS(Domain Name System)の変更方法です。

 

▼お名前.comにアクセスして「ログイン」をクリック

 

お名前.comのDNS(ネームサーバー)変更方法

 

▼ドメインnaviを選択、会員IDとパスワードを入力してログインをクリック

 

お名前.comのDNS(ネームサーバー)変更方法

 

▼ネームサーバーの「変更する」をクリック

 

ドメイン一覧が表示されるので、変更したいドメインのネームサーバーの「変更する」をクリック

 

お名前.comのDNS(ネームサーバー)変更方法

 

▼ネームサーバー情報変更の画面になったら、「他のネームサーバーを利用」をクリック

 

お名前.comのDNS(ネームサーバー)変更方法

 

▼ネームサーバーを入力

 

エックスサーバーのネームサーバー1〜5を入力する

 

・ネームサーバー1 → ns1.xserver.jp

・ネームサーバー2 → ns2.xserver.jp

・ネームサーバー3 → ns3.xserver.jp

・ネームサーバー4 → ns4.xserver.jp

・ネームサーバー5 → ns5.xserver.jp

 

お名前.comのDNS(ネームサーバー)変更方法

 

▼技術担当者情報の「お名前.com会員情報をコピー」をクリック

 

お名前.comのDNS(ネームサーバー)変更方法

 

▼入力漏れがないか確認して「確認画面へ進む」をクリック

 

お名前.comのDNS(ネームサーバー)変更方法

 

▼内容を確認して「設定する」をクリック

 

お名前.comのDNS(ネームサーバー)変更方法

 

 

以上で完了です。

設定が反映するまで約1時間〜半日程度かかります。

2011/09/28 06:53:28

MTのカテゴリは、任意の順番に並べることができません。

「数字」→「英字」→「かな(五十音順)」という順で、自働的に表示されてしまいます。

 

例えば、「はじめに」というカテゴリなのに、

上じゃなく下のほうに表示されてしまったら変ですよね。

 

そんな時はどうするか?

 

「カテゴリーの順番を並び替えるプラグイン」を使用すれば、

自分の好きな順で、カテゴリーの並べ替えを行うことができるのです。

 

カテゴリーの順番を並び替えるプラグイン

 

The blog of H.Fujimoto というサイトで配布されている、

SortCatFldというプラグインを使用します。無料で利用できます。

 

ダウンロードページ → http://www.h-fj.com/blog/archives/2007/08/28-114447.php

 

「SortCatFld」のインストール&設定方法

 

ダウンロードしたファイルを解凍すると、

「plugins」と「mt-static」というフォルダができます。

 

MT カテゴリの並び替えをする方法

 

この二つをサーバーにアップロードします。

まずは、「plugins」から。

 

「plugins」の中を開くと「SortCatFld」というフォルダがあります。

これをMTをインストールしたフォルダにある「plugins」の中にアップロードします。

 

続いては、「mt-static」のアップロード

 

「mt-static」の中を開くと「plugins」というフォルダがあり、さらに「SortCatFld」があります。

これをMTをインストールしたフォルダにある「mt-static」 → 「plugins」の中にアップロードします。

 

 

まとめます。

解凍すると「plugins」と「mt-static」のフォルダ

 

・「plugins」 → 「SortCatFld」 = MTの「plugins」

・「mt-static」 → 「plugins」 → 「SortCatFld」 = MTの「mt-static」 → 「plugins」

 

 

アップロードの終了後、

MTにログインすると、すぐにアップグレード開始画面がでるので

「アップグレード開始」をクリックして進めます。

 

アップグレードの完了後、「Movable Typeに戻る」をクリック。

 

MT カテゴリの並び替えをする方法

 

テンプレートの書き換え

 

アップグレードが終わったら、テンプレートを書き換えます。

管理画面から設定する場合は、デザイン → テンプレート

 

テンプレートの中から、以下のタグが使われている箇所を探します。

 

・MTSubCategories

・MTTopLevelCategories

・MTSubFolders

・MTTopLevelFolders

 

この4つのタグに、次のアトリビュートを追加してテンプレートを保存します。

 

sort_method="SortCatFld::Sort"

 

例えば、「MTSubCategories」に追加する場合なら、

「<MTSubCategories>」 → 「<MTSubCategories sort_method="SortCatFld::Sort">」となります。

 

 

すべての書き換えが終わったら、カテゴリの管理画面を見てみましょう。

一覧 → カテゴリ

 

MT カテゴリの並び替えをする方法

 

「カテゴリの並び替え」のメニューが追加されました。

2011/09/25 07:48:25

エックスサーバーで"独自ドメイン"を利用(追加)するための設定です。

エックスサーバーはマルチドメイン(※1)対応のサーバなので、独自ドメインが無制限に追加できます。

 

※1 マルチドメインとは、一つのサーバー契約で複数の独自ドメイン(独自ドメインのサブドメイン)が利用出来るサーバーのこと。

 

 

▼エックスサーバーのTOPページ → 画面右上の「ログイン」をクリック。

 

エックスサーバーに独自ドメインを追加する方法

 

▼会員IDとパスワードを入力して「ログイン」をクリック。

 

エックスサーバーに独自ドメインを追加する方法

 

▼プランメニューの[サーバー]、 サーバーパネルの「ログイン」をクリック。

 

エックスサーバーに独自ドメインを追加する方法

 

▼「ドメイン設定」をクリック。

 

エックスサーバーに独自ドメインを追加する方法

 

▼ドメインを入力して「ドメインの追加(確認)」をクリック。

 

エックスサーバーに独自ドメインを追加する方法

 

▼内容を確認して「ドメインの追加(確定)」をクリック。

 

エックスサーバーに独自ドメインを追加する方法

 

 

以上でドメインが追加されました。

念のため、「ドメインの一覧」をクリックして確認してみましょう。

 

エックスサーバーに独自ドメインを追加する方法

 

▼ドメイン一覧

 

エックスサーバーに独自ドメインを追加する方法

 

 

※ドメインが反映されるまで、半日〜2日かかります。

※ドメインを管理しているところで、「ネームサーバー」の設定が必要になります。

 

2011/09/23 22:39:23

Movable Type 4から、テンプレートの編集時と記事の作成時に、

デフォルトの状態では、5秒間何も操作がない場合、自動保存を行う機能が搭載されています。

 

この自動保存機能を無効にする方法です。

 

 

設定方法

 

FTPクライアントソフト(FFFTPなど)を使って、

Movable Typeの設定ファイルである「mt-config.cgi」を開く。

 

「mt-config.cgi」の場所(※1)は、

対象URL → public_html → MTOS → mt-config.cgi

 

※1 エックスサーバー&MTOSの場合

 

 

mt-config.cgiの上で右クリック → 「ダウンロード」をクリック

 

MTの自働保存を無効にする方法

 

ローカルフォルダに移動するので、mt-config.cgiの上で右クリック → 「開く」をクリック

 

MTの自働保存を無効にする方法

 

開いたら、次の一行を追記する。(一番下にでも)

 

AutoSaveFrequency 0

追記したら、上書き保存をして閉じる。

 

 

追記したmt-config.cgiをサーバーにアップロード

ローカル側のmt-config.cgiの上で右クリック → 「アップロード」をクリック

 

上書きの確認をしてアップロード

 

MTの自働保存を無効にする方法

 

 

以上で設定完了です。

2011/09/16 23:34:16