フォームメールの導入と、サイドメニューの開閉

TOPページ左側、「オススメ」の下にフォームメールを設置した。
「メールはコチラ」という所をクリックするとメールのフォームがガシっと開くと思う。
ここから僕宛にメールが送信できる。ちなみに、メアドは書かなくても送信できます。名前とコメントだけは何か書いてメール送信してみて下さい。

以前からフォームメールを設置したいと思っていた。
「コメントに書けないからメールを送ります」というメールが結構あったのが重い腰を上げた理由だ。

以前php化した時にこれを設置しようとしたが、UTF-8でのphpフォームメールがなかなか存在しない。
色んなところからDLしてきて中身を弄ったけどさっぱり上手く行かなかった。

で、今日、色々考えているうちに、自分のサイトのTOPページ右側のphotologを見た僕は愕然とした。これはSJISだが、インラインフレームを使って挿入しているのだ。馬鹿。これと同じ風にやればできるじゃん！あっさり完了。

メール欄が結構幅を取ることに気がついたので、ガマニアさんとこで実装されている、ガシっと開くサイドメニューを設置してみることにした。

クリックすると・・・

それでは設置方法を。

スポンサードリンク

1.モジュールの配置
開いたり閉じたりする為のjavascriptをココからダウンロードしましょう。解凍したら中の「sidehide.js」を自分のサーバにアップロードしましょう。仮に ( http://hoge.ne.jp/blog/sidehide.js )ＵＬしたとします。

2.javascriptの宣言
テンプレート→MainIndexの編集画面まで行き、head内に、

と書きます。あまり深くは考えません。

3.テンプレート部の編集

大体サイドメニューというのはこんなカンジになっているかと思います。これを大胆に変えます。

簡単ですね。

ここで注意するのが、「C1」の部分です。これはクリックしたときにどのメニューをオープンするかという目印みたいなもので、もう一つ設置する場合は「C2」のように数字を変えましょう。わかりましたか？

これで保存してリビルドして完了です。「メールはコチラ」というところをクリックするとメニューが開きます。感動ですねえ。

スポンサードリンク

※このサイトはさくらインターネットのサーバを利用しています。

■gi（ギィー）福岡浄水通りの絣(かすり)と手作り雑貨のセレクトショップ
↑サイト内紹介記事
【PR】BTOパソコンの先駆者 FRONTIER