ブログテンプレートならHKDメインエリアにメールフォームを設置するRSSはこちらブログテンプレートならHKDブログタイトルを3時間悩んでやっと思いつきました。変にこだわるデザインです。変にこだわって時間をロスしています。MAP更新休止のお知らせ現在HKDは更新を休止しており、緊急を要する修正以外は手をつけれない状態です。ご利用していただいてる方々には申し訳ございませんが、よろしくお願いいたします。2009⁄11⁄01(Sun)01:10メインエリアにメールフォームを設置するcomment:0trackback:0メインエリアにメールフォームを設置する方法を説明します。設置するだけでなく、設置場所・テキスト・画像で装飾するかどうかの設定を施せます。詳しくは続きで!当テンプレートVer1で有効です。ダウンロードして頂いたテンプレートの<head>タグ内に、次のような青字の記述があります。}--></script>HTMLソース1この部分で設定を行います。このメールフォーム機能はどちらかというとあまり使われないだろうと思ったので、最初は//でコメントアウトをしてこの機能を封印しています。$('#mainArea').FC2BlogMailForm({});HTMLソース2すると次のようになります。こんな感じでメインエリア上部にメールフォームがいきなり現れました!次はこのメールフォームの位置を変更してみましょう。設置できる場所は4箇所あります。"2"を入力しました。すると次のようになります。"3"の場合は次のように。"4"の場合は次のようになります。"1"については書いてありませんが、これはデフォルトで設定されているので何も記述していない状態と同じになります。メインエリア下部という風になっています。""をコンマで区切って追加して、挿入したい文章を記述しています。/>で改行もできます。すると次のような感じになります。次のようにポジション指定はなくてもOKです。"私のブログへようこそ!ご意見ご感想をお待ちしています!"});HTMLソース5さてお次はフォームを画像で装飾するかどうかの切り替えをします。このメールフォームはコメントフォームのデザインを通常に戻すで説明したように、jqtranceformというjQueryプラグインを使って画像に置き換えています。このプラグインを適用せずに通常のHTMLフォームで表示させる事ができます。"nomal"を追加してやってください。"nomal"});HTMLソース5もちろんtext:""の部分がなくmode:""だけでもOKです。すると次のようになります。フォームの部分が普通のHTMLフォームに変身しました!こんな感じで簡単にメールフォームを設置する事ができるようになります。このままだと全てのページで表示されてしまいます。(全てのページとはトップページ、個別記事ページ、全記事一覧ページ等)そこでFC2で用意されているFC2変数を組み合わせると、必要なページだけで表示するといった事も可能になります。トップページにのみ表示したい場合は次の感じに。<!--/index_area-->HTMLソース6赤字で表示している部分がFC2側で用意されているFC2変数。すると、トップページにのみFC2変数で囲まれた部分が表示されるので、トップページにのみメールフォームが表示されるという仕組みになります。同じように次は個別記事ページでのみ表示。<!--permanent_area-->HTMLソース7FC2変数についての詳しい説明はこちらをどうぞ。説明が長くなってわかりにくいかもしれませんが、いかがでしょうか?最初のほうに書きましたが、テンプレートをダウンロードして頂いた時点では//を使って適用させないようにしているので、//をはずしてから各種設定をおこなってくださいね。Entry検索フォームプロフィールAuthor:Hellowmail:hkdesign.mail☆gmail.com☆を半角@に変えてください。HenniKodawaruDesign略してHKDブログテンプレートならHKDにようこそ!このサイトではFC2で使える共有テンプレートを配布しています。サイトについての説明はこちらをどうぞ。like!」を作りました。機能1:はてなハイクをサイト上に投稿できる機能2:はてなハイク投稿時に同時にtwitterにも投稿する詳しくは次のURLへお越しくださいhk-factoryGoogleウェブストアプラグインギャラリーブログ管理画面の共有プラググイン追加から、作者:hkdesignと検索してダウンロードしてください。日付が未来になっている記事の表示設定CustomRssReaderを2つ同時に使う方法カスタムデザインサンプルImageClock詳しくはこちらカスタマイズはこちらImageClockを二つ以上表示する方法ImageClockカスタマイズ用Flashを作成テンプレートギャラリーブログ管理画面の共有テンプレート追加から、作者:hkdesignと検索してダウンロードしてください。詳しくはこちら動作環境についてテンプレートは以下の環境・方法で動作確認を行ってからFC2に申請しています。記載の環境でも表示が崩れて見えない場合は連絡してくれるとありがたいです。BrowserLabを使ってチェックしています。BrowserLabhttps://browserlab.adobe.com/ライセンスについてライセンス形態はGPLライセンスをとります。簡単に言うと次の4つです。カスタマイズ・再配布など連絡なしに使用OK。著作権表示は消したらダメです。なんらかの損害が出た場合は自己責任です。再配布する場合、GPLライセンスが適用されます。ブログテンプレートならHKD。