トップページに
"Contact" とリンクを用意したものの
問い合わせフォームを
未設置のままでした。

livedoorブログなら
簡単に問い合わせフォームを
追加できます。

お問い合わせフォーム


Contents

  1. とにかくお問い合わせフォームを追加
  2. フォームの設定を変更してみる
  3. グロナビにリンクを追加

1.とにかくお問い合わせフォームを追加

まず、見た目はとにかく
お問い合わせフォームを
追加してみます。

①「マイページ」の「ブログの設定」から「デザイン/ブログパーツ設定」の「PC」を選択します

お問い合わせフォーム設置_1

②「ブログパーツ」タブで右側のパーツのリストから「メッセージ」を「B」のセクションにドラッグ&ドロップで追加します。

お問い合わせフォーム設置_2

基本的にはこれだけです。

今まで何もなかった
トップページの右下に

お問い合わせフォーム設置_4

お問い合わせフォームが
追加されました。

お問い合わせフォーム設置_5

2.フォームの設定を変更してみる

大きくデザインを変更するのは
簡単ではないのですが
少しであればフォームの表示を
変えることができます。

先ほどの「ブログパーツ」タブで追加した
「メッセージ」の設定をクリックすると
下のようなダイアログボックスが開きます。

お問い合わせフォーム設置_3

①のラベルを変更すると
トップページに表示されている
いちばん上の文字が変更されます。

ここでは試しに
「メッセージ」から 
「Contact」へ変更してみます。

お問い合わせフォーム設置_6

②の説明文を変更すると
ラベルの下に
入力した説明文が追加されます。

ここでは
「お問い合わせはこちらへお願いします。」
の部分を追加してみました。

お問い合わせフォーム設置_9


③の表示形式を
「送信フォームを表示」から
「送信画面へのリンクを表示」へ変更すると
問い合わせを入力する
テキストボックスが消えて
かわりに「送信フォームへ」という
リンクが表示されます。

そして、このリンクをクリックすると
お問い合わせフォームが表示されます。

お問い合わせフォーム設置_7

④「パーツの表示」を「表示する」から
「表示しない」に変更すると
表示されていたメッセージ部分が
もとのように何もなくなりました。

お問い合わせフォーム設置_8

3.グロナビにリンクを追加

さきほど表示した
「送信フォームへ」のリンク先を
コピーしておきます。

そのURLを
HTMLの "CONTACT" の
リンク先に指定します。

これでナビゲーションの 
"CONTACT" をクリックすると

お問い合わせページ

お問い合わせフォームへ
ジャンプしました。

これで完成です。

デザインについては
いつになるかわかりませんが
落ち着いたら変更しようと思います。