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

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

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

VR関連記事 まとめ

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

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

サイト内検索

過去7日間の人気記事

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

ホーム > ホームページカテゴリー No.1 ~ No.10 > 記事No.2

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

← 前の記事

次の記事 →

一言コメント欄
自分のホームページにブログでよく見るようなコメント機能を追加したい!でもCGIとか勉強するのメンドくさいし・・・。 そういった方のために今回、簡単に一言コメント欄を設置する方法を紹介します!(Google Chrome, IE11で動作確認)

ちなみに導入に成功すると、このページの下部にあるようなコメント欄が設置されます。


※より多機能なコメントフォームを、より簡単に設置する方法についての記事を書きました(2015/05/31)。
ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法


① プログラムのダウンロード

まずはプログラムを配布して下さっている 「WebmasterTOOL」さんのサイトに行き、下の方にスクロールすると"一言コメント"のダウンロードボタン があるので、押してダウンロードを開始してください。


※押してもダウンロードを開始しない場合は、ページ上部でメールアドレスを送信してから 再度押してみてください。

② HTML行の追加

ボタンを押すと"comment110.zip"がダウンロードされると思うので、解凍して "comment.html""comment.php"を出してください。

そしてエディタなどで"comment.html"を開き、 "一言コメントフォーム START"から"一言コメントフォーム END"の間の部分をコピーし、 設置したいページの設置したい箇所に貼り付けてください。この部分がコメント欄になります



この時に、コメント欄を設置するページごとで別々に管理したい場合は、"comment.php"(赤枠で囲った部分)の名前を 分かり易いように設置するページの名前に変更してください(例ではcomment_page1.phpとしています)




③ .phpファイルの編集

次にもう一つのファイル、"comment.php"を開いてください。
※上で赤枠の部分を変更した場合は、このphpファイルも同じ名前に変更してください。

開いたら4行目にある"$setchar='Shift_JIS';と、39行目のheader("content-type: text/html; charset=Shift_JIS"); の文字コード「Shift_JIS」の部分を、設置するHTMLページの文字コードと同じものにしてください。
(UTF-8, Shift_JIS, EUC-JP,ISO-2022-JP から選択)


ページごとにコメントを管理したい場合

ページごとにコメントを管理したい場合は、24行目と32行目の"hpcomment.msg"(赤枠で囲った部分)の名前を 管理しやすいように、ページに対応する名前に変更しておいてください(ページにコメントが書き込まれると、この名前の.msgファイルが生成され、 コメントの管理や削除ができるようになります)



④ アップロード

以上の手順が完了したら手順③で編集した.phpファイルを、コメント欄を設置したいhtmlファイルと同じ階層のフォルダ内に置き、 サーバーにアップロードしてください。



コメント欄は設置できたがコメントが送信できない時の対処法

■ 荒らし対策の為、半角文字のみのコメントは送信できません。必ず全角文字を一文字以上含めてください。


■ ダウンロードした.phpファイルはコメント欄を設置したいhtmlと同じ階層に置いてあるかどうか確認してください。


■ .phpファイルの名前は、htmlの方で指定した名前と同じになっているかどうか確認してください。


■ 送信テストは全てのファイルをサーバーにアップロードしてから行っているでしょうか。 (※サーバーにアップする前のローカルの状態で送信ボタンを押してもコメントは送信されません)


■ 利用しているサーバーがPHPに対応しているかどうか確認してください。

(レンタルサーバーによってはphpを使用する際に設定が必要なところもあります。ちなみに私は"さくらサーバー"を使用しています。)


■ htmlのコメント欄設置部分(手順2)が、別の<table></table>内に入れ子状態になっていると正常に動作しないという報告を頂きました。


■ 以上の対処法を試しても機能しない場合は、ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法 の方のコメント欄を試してみてください。



以上で完了です!コメント欄が無事に設置されていたら試しにコメントを送信してみて、きちんと表示されるかを確認してください。もし文字化け してしまう場合は、"手順3"での文字コードが間違っている可能性があります。再度確認してみてください。


これで面倒なCGIの勉強をすることなくコメント欄を設置することができました! もしもご不明な点がありましたら掲示板の方へどうぞ!


※より多機能なコメントフォームを、より簡単に設置する方法についての記事を書きました(2015/05/31)。
ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法


関連記事はこちら


  ■ 一言コメントをどうぞ!(100字まで・半角文字のみの文は送信できません)


過去7日間の人気記事

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

VR関連記事 まとめ

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

AR関連記事 まとめ

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

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


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

©Copyright fukafuka295.jp 2016 All rights reserved.

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