Movable Type 備忘録

 サイドバーにメールフォーム設置してみる

こんばんわ^^

お友達からゆらいジェネレータっての教えてもらいました。
名前を入力すると、入力された名前から由来を表示してくれる･･･というものです。

試しにやってみました。
カタカナとひらがな両方やってみたのですが･･･『まんずり』、『添い寝』という、ろくな由来じゃありませんでした （；￣－￣）

さっ!! そんな由来なんて気にせず、今回もまたメールフォームのカスタマイズに関するご照会です (●＞∀＜●)／
でもね、前回のメールフォームテンプレートセット作ってみるの記事で、配布元であるThe blog of H.Fujimotoさんに申し訳ないことしちゃったんです （つω-`｡）

テンプレートセットは後々ネタとして説明する予定だったらいのですが先にわたしが書いちゃったらしくって、知らなかったとはいえ申し訳なくって (;￣∇￣A はは

なので、後々 The blog of H.Fujimoto さんところで説明がされるだろうという想定で、今回はあまり詳しく説明しません。
かいつまんでポイントだけざっと説明します。

既に Mail Form プラグインをお使いの人は気づいてることと思いますが、MailForm プラグインでは複数のメールフォームを作成／管理することができます。
ポイントはどのメールフォームを使用するかを明示する!! ですの。

ざっくりな説明

  1. メールフォーム用のテンプレートモジュールをコピー
    サイドバー用メールフォーム

    既にあるメールフォーム用のテンプレートモジュールをコピーします。
    具体的には右図の赤マークがついたものだけコピーすればいいと思います。

    コピーしたらサイドバー用にテンプレートを変更します。
    わたしの場合は h2 タグ削除したりなどのカスタマイズをやってます。

  2. サイドバー設置用のメールフォーム作成
    サイドバー用メールフォームの新規作成

    まず、通常のメールフォームの作成手順と同様にサイドバー用のメールフォームを作成します。

    「新規作成」メニューから「メールフォーム」を選択します。
    そして、「設定のタイトル」には他のメールフォームと重複しない名称（たとえば、サイドバー用メールフォーム）にします。ここは重要です。

    次に、先ほどコピーしたサイドバー用メールフォームの各テンプレートを使用するよう設定します。
    具体的には右図のテンプレート選択のドロップダウンリストから選択します。

    実際サイドバー用のメールフォームを作成してて思ったのですが、Mail Form プラグインはよく考えられてるなぁ･･･と関心する今日この頃です。

  3. サイドバーメールフォーム用のウィジェット作成
    最後にサイドバーメールフォーム用のウィジェットを作成します。
    具体的には以下のコードを貼り付けます。

    1. <MTSetVar name="mail_setting" value="サイドバーメールフォーム">
    2. <$MTMailFormAjaxJS$>
    3. <div id="ajax_mail"><$MTIncludeMailFormCommon$></div>

    大事なところは赤字の部分です。
    赤字の部分ではどのメールフォームを使用するかを明示してあげています。 ですので、先ほどサイドバー用のメールフォームを作成したときの名称を指定してあげます。

    後は、各自のサイドバーテンプレートモジュール内からウィジェットをインクルードしてあげれば表示されます (￣∇￣)b

以上です。
ざっと説明しましたが、たぶん The blog of H.Fujimoto さんの方で複数のメールフォームの作成について説明があるかと思います。
詳しくはそちらを参考にしてください。

一応今週いっぱいはサンプルとして、トップページサンプルを兼ねてリンク集のサイドバーに貼り付けておきますので参考になればと思います。

 Trackback Pings(0)

No trackbacks found.

 Comments(0)

No comments found.

 Post a Comment

 

コメント用フィード