RSSを購読する
follow us in feedly
ふかふか交易所 | ネットの情報をわかりやすくお届け!
RSSを購読する
follow us in feedly

ニュータウンシリーズ まとめ

マインクラフト関連記事 まとめ

VR関連記事 まとめ

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ下部へ

ホームページカテゴリ 新着記事

サイト内検索

過去7日間の人気記事

  • 総合
  • ゲーム
  • 動画
  • ホームページ

ホーム > ホームページカテゴリー No.11 ~ No.20 > 記事No.13

ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法

← 前の記事

次の記事 →

フィードバックコメント欄

ブログでよく見るような、閲覧者が投稿したコメントがフィードバックされて表示されていくコメントフォームをホームページに設置する簡単な方法についてご紹介します!
※このページの下部のようなコメント欄が設置されます(試しにコメントしてみて下さい)。


ちなみに以前の記事でもコメントフォームの設置方法について紹介しましたが今回は、より簡単に、より多機能な コメント欄を設置することができます。

以前の記事:「ホームページにブログのような"一言コメント欄"を設置する方法

① 提供サイトへのアクセス&ログイン

今回のコメントフォームの設置には、「HTML COMMENT BOX」さんのサイトが提供するサービスを利用します。
※コメントフォーム管理の為に「Googleアカウント」が必要です。
(アカウントの運用は自己責任で行ってください)


サイトURL(海外サイト): http://www.htmlcommentbox.com/

上記のサイトにアクセスし、右上の「LOGIN/JOIN」ボタンを押して、お持ちの「Googleアカウント」でログインしてください。

もしGoogleアカウントをお持ちでない方は「Googleアカウントの作成」 でアカウントを作成してください。


② コメントフォームの作成

ログインが完了したら、左上の「GET THE CODE」をクリックしてください



すると上の画像のページが出るので、「+options」ボタンを押して、下の画像のようなオプション一覧を開いてください。



ここで設置するコメントフォームのレイアウト・機能の設定を行います。
(ちなみに画像は私の設定状況です)

■ 各設定の説明

①:コメント欄のスタイルを4種類の中から選択できます。
(CSSで装飾することもできます)

②:一度に表示されるコメント数の上限を設定します。コメント数が この値を超えると「next page」ボタンが表示されるようになります。

③:コメントフォームを設置するページのURLを入力してください。 ページごとにコメントを管理するためです。

④:メールアドレス入力欄を表示するか否かです。
・don`t show: 表示しない
・show: 表示する(入力は任意)
・require: 表示する(入力必須)
アドレスを入力し、「email me replies」にチェックを入れてコメントを投稿すると 返信があった際にそのアドレスに通知がきます。


▼ その他の設定についての説明

③ コメントフォームの設置

手順②でコメントフォームの作成を終えたら、同ページに表示されているHTML文をコピーし、 設置したいページHTMLの設置したい箇所に貼り付ければ、実装は完了です。

※コメント欄の大きさやデザイン、言語に等の設定方法に関しては以下の記事をご覧ください。

『HCB Comment Box』コメントフォームの詳細カスタマイズ方法


これでブログのようなコメントフォームを簡単に設置することができました! もしもご不明な点がありましたら下のコメントフォームにお願いします。

関連記事はこちら

この記事に対するコメント

Comment Form is loading comments...

過去7日間の人気記事

マインクラフト関連記事 まとめ

VR関連記事 まとめ

Aviutl(動画編集)関連記事まとめ

AR関連記事 まとめ

ご意見・ご質問等は 掲示板へ!

コメントを公開されたくない場合は メッセージフォームへ!


当サイトについて  月極広告の募集

©Copyright fukafuka295.jp 2016 All rights reserved.

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ上部へ