ゲマステ！- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ

ゲーマーズステーション | ゲームを中心に、動画・ブログ制作などのネットコンテンツ全般からレビュー情報まで分かりやすく紹介

※ 記事内にアフィリエイト広告が含まれています

HP・ブログ関連 セール・お役立ち情報

HTMLサイトでも設置可能！ホームページにブログのような"一言コメント欄"を設置する方法

2019年4月7日  

  • 自分のホームページにブログでよく見るようなコメント機能を追加したい！
  • でもCGIとか勉強するのメンドくさいし・・・

そういった方のために今回、簡単に一言コメント欄を設置する方法を紹介します！(Google Chrome, IE11で動作確認済み）

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

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

まずはプログラムを配布して下さっている 「WebmasterTOOL」さんのサイトに行きます。

ページを下の方にスクロールすると "一言コメント" と表示されているので、左横のダウンロードアイコンをクリックしてダウンロードを開始してください。

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

② HTML行の追加

ボタンを押すとZIPフォルダがダウンロードされるので、解凍して中身の "comment.html" と "comment.php" をフォルダの外に出してください。

続いて、メモ帳やNotePad++などのテキストエディタなどで"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」を選択しています）

  • UTF-8
  • Shift_JIS
  • EUC-JP
  • ISO-2022-JP

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

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

④ アップロード＆コメント欄の動作確認

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

これで面倒なCGIの勉強をすることなくコメント欄を設置することができました！ 

あとは実際にコメントを入力し、正常に投稿できるかを確認してみてください。

もし文字化けしてしまう場合は、"手順③" での文字コードが間違っている可能性があります。再度確認してみてください。

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

もしも、コメント欄は設置できたがコメントが送信できない場合には、以下の点を確認してみてください。

  • 荒らし対策の為、半角文字のみのコメントは送信できません。必ず全角文字を一文字以上含めてください。
  • ダウンロードした.phpファイルはコメント欄を設置したいhtmlと同じ階層に置いてあるかどうか確認してください。
  • .phpファイルの名前は、comment.htmlの方で指定した名前と同じになっているかどうか確認してください。
  • 送信テストは全てのファイルをサーバーにアップロードしてから行っているでしょうか。 （※サーバーにアップする前のローカルの状態で送信ボタンを押してもコメントは送信されません）
  • 利用しているサーバーがPHPに対応しているかどうか確認してください。
  • htmlのコメント欄設置部分（手順②）が、別の＜table＞＜/table＞内に入れ子状態になっていると正常に動作しないという報告を頂きました。

PHPバージョン8.X以降の環境下で設置する場合

サーバーのPHPバージョンが「8.X以降」の場合、ダウンロードしたファイル「comment.php」の中身のコードを修正する必要があります。

管理人が自作した修正版のコードを以下で配布しています。どうしてもコメント欄が動作しない場合には、「comment.php」の中身をすべて削除して、以下からダウンロードしたコードをそのまま全て貼り付けてください。

▼以下のリンクを右クリック ⇒「名前を付けてリンク先を保存」を選択

ダウンロードしたテキストデータの中身のコードを使って、「comment.php」の中身とすべて置き換えてください。

あとは、置き換え後の「comment.php」に対して手順③の作業を同様に行ってください。

コメント欄設置例

下のコメント欄が設置例となります。スタイルはCSSで好みなように編集可能です。

■ 一言コメントをどうぞ！（100字まで ※スパム対策のため、半角英数字のみの投稿はできません）

この記事をシェアする

   

こちらの記事も読まれています！

2枚の画像を比較するのに便利な『比較用スライドショー』を超簡単に設置する方法を紹…
コピペでOK！ドロップダウンメニューをHTMLとCSSだけで超簡単に作成する方法
ホームページ制作を初めて学ぶのならコレ一冊でOK！知識ゼロの私でもサイトが作れた…
『HCB Comment Box』コメントフォームの詳細カスタマイズ方法
ホームページにサムネイル付きスライドショーを簡単に設置する方法(jQuery)
ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法

関連コンテンツ

  • この記事を書いた人

ふかふか

SNSフォロワー13万人以上、ウェブコンテンツクリエイターとして活動しています！国内・海外の多数の企業と提携し、年間250以上のガジェットレビューを行っています。見やすく・分かりやすくがモットー！

-HP・ブログ関連, セール・お役立ち情報
-, , , , , , , , , ,

Copyright© ゲマステ！- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ , 2024 All Rights Reserved Powered by AFFINGER5.