【wpDiscuz】コメント投稿機能のテストページ

WordPress

2020.06.282020.08.22

コメント投稿機能のテストページです。

WordPressのコメント機能を拡張するプラグイン「Comments – wpDiscuz」を導入してみたので、各機能を色々とチェックしています。

設定記事を書きました！

【WordPress】コメント機能強化プラグイン「comments - wpDiscuz」の設定備忘録

WordPressのコメント機能強化プラグイン「comments - wpDiscuz」の紹介＆各種設定の備忘録記事です。デフォルトのコメントを拡張/強化することでブログ上でのコミュニケーションが楽しくなりそうなプラグインです！

ファイル添付機能に関連する脆弱性が［7.0.0～7.0.4］と［5.3.5］以前のバージョンにあったそうです。
最新版で修正されているため速やかに更新しましょう。
関連コメント：#comment-1533

wpDiscuzについて
インラインコメント機能
ショートコードのテスト
まとめ

wpDiscuzについて

Comments – wpDiscuz

AJAX powered realtime comments. Designed to extend WordPress native comments. Custom comment forms/fields. Making commen...

機能がてんこ盛りのコメントプラグイン。

SNSでのログイン、インラインコメント、画像のアップロード、画像リンクから画像を表示、記事/コメントへの評価、reCAPTCHA(v2)などなどなど。

テスト環境

WordPress：5.4.2
PHP：7.3.18
テーマ：Cocoon 2.2.0.5
wpDiscuz：7.0.3
LiteSpeed Cache：3.2.3.2
Shortcodes Ultimate 5.9.0

インラインコメント機能

記事の特定の部位に読者による反応（コメント）を書き込めるフォームを追加する。

通常のコメントフォームとも連動している。

このインラインコメントは、記事を公開しないと機能しないのが難点（下書き/プレビュー/非公開は不可）。AMPでも動作しない。

CLOSED

ボタンを押すことでフォームを表示できる「CLOSED」オプション。

ボタンは地味にアニメーションする。

[wpdiscuz-feedback id=”rj4uu7vwf4″ question=”Please leave a feedback on this” opened=”0″]この機能をどう思いますか？[/wpdiscuz-feedback]

ボタンを押した際に表示される「question」部分の変更テスト。

↑ボタンの「Please leave a feedback on this」部分を「あなたの意見を聞かせてください」に変更。ついでに枠線も付けてみる。

[wpdiscuz-feedback id=”0miabr3qxj” question=”あなたの意見を聞かせてください” opened=”0″]この機能をどう思いますか？[/wpdiscuz-feedback]

OPEND

~~自動で入力フォームが開く「OPEND」オプション。~~

~~これは邪魔くさい印象。でも目立つから使いどころはありそう。~~

~~記事の冒頭に設置して、このボタンでコメントできますよって、アピールとかに使えるかな？~~

※AndroidのGoogle Chromeでページを開いてみると処理がかなり重かったので削除しました。

吹き出し

Cocoon機能の吹き出しに組み込む。

吹き出しだと筆者からのメッセージって感じがして良いかもしれない。

[wpdiscuz-feedback id=”asiwjgy7nh” question=”Please leave a feedback on this” opened=”0″]吹き出しに突っ込んでみる[/wpdiscuz-feedback]

各種装飾との併用

太字・装飾・ボックスなどとの併用。

↓太字・下線マーカー・文字サイズ32pxに指定してボックスにIN。

[wpdiscuz-feedback id=”0umaux2k1q” question=”まるっとお見通しだ！” opened=”0″]なぜベストを尽くさないのか[/wpdiscuz-feedback]

ショートコードを入力後にテキスト部分をいじればOK。

見出しに仕込む

見出しで動作するか。Cocoonの場合は見出し内タグを有効にする。

使えたけど、目次に余計なテキストが入り込むのでNG（※消しました）。

使い方

テキストの後ろにボタンがあるだけだと印象が弱い。ボックスで囲んだり、吹き出しに仕込むといいかもしれない。

[wpdiscuz-feedback id=”f4lnit11y6″ question=”意見を聞かせてください” opened=”0″]wpDiscuzを使っている方はどのように活用していますか？[/wpdiscuz-feedback] ←コメントをどうぞ。

こんな感じ？

ショートコードのテスト

他のプラグインやテーマのショートコードと衝突しないかテスト。

どんぱっぱ

当サイト管理人｜Windowsソフト・Androidアプリ・WordPressプラグインの使い方、読書感想、暮らしアイテムのレビュー・体験談など書いてます｜2014~2020年まで艦これ甲提督｜SF・本格推理小説、映画、アニメ、ビーグルがわりと好き

Cocoonのプロフィールボックス。

タブ1タブ2

タブコンテンツ1

タブコンテンツ2

Shortcodes Ultimateのタブ。

まとめ

多機能
メインコンテンツとコメントの融合

設定項目が多くて大変＆やや難しい
AMPでは使えない
LazyLoad設定でもページの表示速度は少し落ちる

記事やコメントへの評価を付けることができるので読者もブログに”参加”しているような雰囲気を作れるかもしれません。

今回試したのはwpDiscuz機能の一部なので興味のあるWordPressブロガーさんは試してみるのもいいと思います。コメントの多いブログではなかなか面白い使い方ができそうです。

公式サイトのデモページに設置されているコメントフォームでコメント投稿を試すことができます。

wpDiscuz 7 Demo - wpDiscuz - WordPress Comment Plugin

Thank you for trying wpDiscuz! wpDiscuz 7 is a revolutionary perspective on the commenting world! This version is mostly...

コメント一覧

どんぱっぱより:
2020年6月28日
最上部のインラインコメント機能への返信。
管理者としてログイン中。
返信
どんぱっぱ（ログアウト状態）より:
2020年6月28日
管理人によるログアウト状態でのコメントテスト。
・リスト
1. リスト
2. リスト
3. リスト
・引用
吾輩は猫である。名前はまだ無い。
・URLを直接入力（内部リンクなのでブログカード化）

【レビュー】単機能＆低価格な電動歯ブラシ『ブラウンオーラルB すみずみクリーンEX(D12013AE)』
ブラウンの電動歯ブラシ『オーラルB D12013AE』のレビュー・感想・紹介記事です。
かれこれ10年以上愛用していた先代のオーラルB『3Dエクセル Type4736』の充電池がついに寿命を迎えたので、新しいオーラルBを購入しました。
tonahazana.com
2021.07.05

・URLを直接入力（外部リンク）
https://www.nicovideo.jp/watch/sm37048244
・URLを直接入力（Youtube）
https://youtu.be/Yp4MsnCARpc
・テキストにリンクを挿入
【WordPress】ページキャッシュプラグイン『LiteSpeed Cache（Version3）』の設定方法
・コードブロック
```
<a href="https://tonahazana.com/" target="_blank" rel="noopener">となはざな</a>
```
・スポイラー
[spoiler title=”スポイラーテスト”] 雨ニモマケズ
風ニモマケズ
雪ニモ夏ノ暑サニモマケヌ
丈夫ナカラダヲモチ
慾ハナク
決シテ瞋ラズ [/spoiler]
返信
- どんぱっぱより:
  2020年6月28日
  アップロードした画像は最後尾に添付される模様。
  1920×1080の画像を縦300pxにサムネイル化。クリックで元画像を拡大表示。
  【※追記】画像のアップロード機能はイタズラ防止のためオフにしました。設定記事の方にその旨を記載しています。
  imgurなどの画像URLを読み込んで直接画像を表示する機能もある。けれど直リンク禁止のアップローダーなどもあるのでとりあえず機能をOFFにしている。
  コメント入力フォーム右上の3000は書き込める文字数の上限。設定で変更可能。
  コメントに対する評価機能は、「プラスマイナス（+-）」「サムズアップq(≧∇≦)b」「顔文字」などに変更可。マイナスの表示も可能。
  返信
どんぱっぱ（ログアウト状態）より:
2020年7月5日
メールでの通知/購読を設定した場合用のテストコメントです。
※管理者権限で再編集/追記
メールによる承認確認メッセージと通知の送信を確認できました。
フォームにメールアドレスを入力した際に表示可能なGravatarのアバター画像も正常。
返信
彷徨い人より:
2020年7月11日
IEではコメント欄が表示されないのですね。
返信
- どんぱっぱより:
  2020年7月11日
  IEでフォームとコメントリストが正常に表示されませんね。
  Chrome/Firefox/Edgeではチェックしていたのですが、IEは気付いていなかったので助かりました。
  コンソールのエラー
  SCRIPT438: オブジェクトは ‘forEach’ プロパティまたはメソッドをサポートしていません。
  wpdiscuz-combo.min.js (6,5580)
  IEなら「対応しなくていいかな…」と一瞬思いましたが、2020年でも9％くらいのシェアがあるんですね。
  https://webrage.jp/techblog/pc_browser_share/
  念のためにLiteSpeed Cacheとの衝突ではないぽいことを、プラグインを一時無効化して確認しました。
  ローカル環境でもちょっとテストしてみようと思います(´ε｀；)ｳｰﾝ…
  返信
  - どんぱっぱより:
    2020年7月11日
    IEでの表示をローカル環境でテスト。
    テーマは「Twenty Seventeen v2.3 / Twenty Twentyv1.4」を使用。
    ・コメントフォーム
    「Comment Form Settings」→「Load Rich EditorをNone（無効）」でテキストフォームが表示。
    ただし、投稿ボタンを押してもJavaScriptのエラーで送信できず。
    ・コメントリスト
    「Comment Thread Displaying」→「Comment List Loading Type」を「Load with page」で表示できた。
    「Initiate AJAX loading after page」「Display [View Comments] button」では読み込めなかった。
    いずれもコンソールでJavaScriptのエラーが出ているので、IEはサポートされていないのかもしれません。
    [spoiler title=”コンソールエラー”]
    SCRIPT438: オブジェクトは ‘forEach’ プロパティまたはメソッドをサポートしていません。
    wpdiscuz-combo.min.js (6,5580)
    SCRIPT438: オブジェクトは ‘get’ プロパティまたはメソッドをサポートしていません。
    wpdiscuz.js (2072,9)
    SCRIPT438: オブジェクトは ‘get’ プロパティまたはメソッドをサポートしていません。
    wpdiscuz-combo-no_quill.min.js (6,45887)
    [/spoiler]
    IEだと公式のデモページも正常に表示できませんでした(ﾉ∀`)ｱﾁｬｰ
    https://wpdiscuz.com/demo/
    返信
名前ですより:
2020年8月31日
良い記事です
返信
あーちゃんより:
2020年8月31日
はじめまして。テストさせてもらいます。
返信
助左衛門より:
2020年9月3日
どんな感じでしょうか。
返信
匿名より:
2020年10月4日
testさせていただきます。
返信
テス男より:
2020年10月10日
テスト失礼します
返信
- テストテストより:
  2022年8月18日
  テストさせて頂きます
  返信
匿名より:
2020年11月24日
ああ
返信
ホイヘンスより:
2020年12月25日
あんまりですねえ
返信
匿名より:
2021年1月23日
実験
返信
匿名より:
2021年1月28日
ああああ
返信
匿名より:
2021年1月29日
てすと
返信
yuki より:
2021年2月4日
いいですね！
返信
- 匿名より:
  2023年5月24日
  テストです
  返信
匿名より:
2021年2月6日
テストコメント
返信
匿名より:
2021年2月11日
Bbbb
返信
匿名より:
2021年3月12日
https://yahoo.co.jp
返信
テストですより:
2021年3月12日
https://yahoo.co.jp
https://yahoo.co.jp
リンクが別ページで開くかテスト
自動で別ページで開きたい場合はどうすれば？
返信
- どんぱっぱより:
  2021年3月12日
  別のウィンドウやタブで開くリンクをwpDiscuzのリッチエディタを使って作る方法、という意味で合ってるでしょうか？
  コードに［target=”_blank”］が入っている下段の方のリンクは別ウィンドウ/タブで開くようにできています。
  ・URLだけを直接入力
  https://www.yahoo.co.jp/
  ・以下のようなコードを直接入力
```
<a href="https://www.yahoo.co.jp/" target="_blank" rel="noopener">Yahoo! JAPAN</a>
```
  Yahoo! JAPAN
  基本的にはコードをそのまま入力するだけでいいみたいです。
  ただ、htmlタグのコードを直で入力する場合は書式設定なしのプレーンテキストでないと上手くリンクに変換できないみたいです。コードをコピペする場合だと、chromeならプレーンテキストとして貼り付ける［ctrl+shift+v］とかでしょうか。
  WordPress側で外部リンクや内部リンクの開き方を別に指定している場合は、それが優先される場合もあるかもしれません。
  返信
  - テストですより:
    2021年3月13日
    返信頂きありがとうございます。
    情報不足でごめんなさい。
    ノーマル状態だと、訪問者がURLを貼ると自動的にリンクになります。
    wpDiscuzを使う場合も訪問者がURLを貼ると自動的にリンクになります。
    しかし同ページで開くリンクに自動的に変換されるので、別ページで開くリンクにしたいです。
    WP External Linksを入れてみましたがwpDiscuzを利用していると別ページで開くように適用されません。
    テストでこちらにリッチテキストでリンクを入れる場合とＵＲＬを普通に書き込む場合の２通りを書き込みました。
    上と下のヤフーのリンクで挙動が違うようですので、普通にＵＲＬを書き込むだけでは同ページで開くのが正常のようですね・・・
    返信
    - どんぱっぱより:
      2021年3月13日
      なるほど、そういうことだったんですね。
      URLの入力で自動生成されるリンクが別ページ/タブで開くようにする設定。
      wpDiscuzの公式フォーラムに内容が近そうなトピックがありました。
      プラグイン『Comment Link Remove and Other Comment Tools』の「Open Comment Links in New Tab」機能を使う方法が紹介されています。
      しかし、上記は外部リンクを別タブで開く話みたいですし（内部リンクにも適用できる？）、『WP External Links』とも似たような機能ぽいです。自分で試していない点も含めて、上手く適用できるかは分かりません。
      https://wpdiscuz.com/community/troubleshooting/how-to-set-external-links-to-open-in-a-new-tab/
      https://gvectors.com/forum/how-to-and-troubleshooting/how-can-i-open-external-links-in-wpdiscuz-comments-in-new-tab/
      https://wordpress.org/plugins/comment-link-remove/
      返信
      - 匿名より:
        2021年3月13日
        こんにちは。丁寧にありがとうございます。
        試してみましたがプロ版の設定ばかりで有料で買わないと細かい設定はできないようです。
        色々と相性などもあるようなので、なんとか英語を解読しながら調べてみます。
        本当にありがとうございました。
- test太郎より:
  2022年10月11日
  テスト太郎
  返信
匿名より:
2021年3月17日
test
返信
匿名より:
2021年3月31日
初めまして。一点質問させてください。
日本語化はどのようにしているのでしょうか？
返信
- どんぱっぱより:
  2021年3月31日
  （サイトを訪れた一般ユーザーが見る側の）フロント画面に表示される項目の日本語化、という意味なら大体は「管理画面→wpDiscuz→Phrases」で設定を変更できます。
  管理画面なら翻訳ファイルを利用するかたちになるようです。
  設定記事の方にも書いていましたが、少し追記しておきました。
  
  【WordPress】コメント機能強化プラグイン「comments - wpDiscuz」の設定備忘録
  WordPressのコメント機能強化プラグイン「comments - wpDiscuz」の紹介＆各種設定の備忘録記事です。
  デフォルトのコメントを拡張/強化することでブログ上でのコミュニケーションが楽しくなりそうなプラグインです！
  tonahazana.com
  2023.04.22
  
  返信
  - 匿名より:
    2021年4月5日
    Phrasesが出てこないのですが…なぜかわかりますか？
    返信
    - どんぱっぱより:
      2021年4月6日
      「Phrasesが出てこない」というのが具体的にどういう事なのか分からないので、なぜなのかも見当がつきません。
      プラグインの不具合の様であるなら公式のサポートフォーラムに問い合わせるといいのではないでしょうか。
      https://wpdiscuz.com/community/
      返信
テストより:
2021年5月5日
a
返信
- 匿名より:
  2021年5月28日
  テストさせていただきます
  返信
匿名より:
2021年5月18日
テストのコメントです。
[spoiler title=”ネタバレ？”] ここはネタバレ？ [/spoiler] やったー
返信
R より:
2021年7月17日
素晴らしい
返信
かゆより:
2021年7月21日
どう使うか次第
返信
匿名より:
2021年8月16日
Test
返信
test より:
2021年9月15日
test
返信
test より:
2021年9月16日
再度テストさせていただきます。
テスト
テスト
返信
匿名より:
2021年9月22日
記事ありがとうございます
返信
テストより:
2021年9月26日
テスト
返信
匿名より:
2021年10月8日
qqq
返信
匿名より:
2021年10月13日
初めまして。動作見させていただきます。
返信
匿名より:
2021年11月6日
あ
返信
匿名より:
2021年12月5日
tttt
返信
test より:
2021年12月18日
test
返信
匿名より:
2022年2月1日
test
返信
Joe より:
2022年2月3日
テストさせていただきます
返信
匿名より:
2022年2月13日
テスト
返信
あかりより:
2022年2月23日
テストです。
返信
匿名より:
2022年4月27日
テスト
返信
匿名より:
2022年5月3日
テスト
返信
匿名より:
2022年5月11日
たぬき
返信
匿名より:
2022年5月29日
動作確認です
返信
匿名より:
2022年6月2日
テスト
返信
匿名より:
2022年7月6日
100
返信
- 匿名より:
  2022年8月13日
  てすと
  返信
test より:
2022年7月6日
こんなこともできるんですねー
返信
匿名より:
2022年7月11日
てっs
返信
匿名より:
2022年8月15日
初めまして。一点お伺いしたいです。
Throws SPAM Away、wpdiscuzの記事拝見したのですがwpdiscuzと連携可能なのでか？
NGキーワード設定等したいのですが、wpdiscuz単体でも対応出来ますか？
返信
- どんぱっぱより:
  2022年8月15日
  Throws SPAM AwayとwpDiscuzは併用できなかったと思います（2年くらい前に特段のカスタマイズなしで確認した際は）。
  wpDiscuzでのNGキーワード設定は、デフォルトのコメントシステムと同じように「管理画面」→「ディスカッション」→「コメント内で許可されないキーワード」で可能です。
  スパム対策はGoogle reCAPTCHAで可能です（無料版だとv2、有料アドオンでv3も利用可）。
  各プラグインの正確な仕様については公式のサポートフォーラムに問い合わせたほうがいいと思います。
  https://wordpress.org/support/plugin/throws-spam-away/
  https://wordpress.org/support/plugin/wpdiscuz/
  そういえば、Throws SPAM Awayが使えなくなったことに合わせて、コメントのゴミ箱機能の自動削除設定をカスタマイズしたことを思い出しました。
  
  【WordPress】ゴミ箱内のアイテムが自動削除されるまでの日数を変更する方法
  投稿やコメントを削除する前段階の入れ物になっている「ゴミ箱」の中のアイテムが自動削除される日数を変更する設定の備忘録です。
  ゴミ箱内に入れられたアイテムは、初期設定状態だと「ゴミ箱に入れられてから30日で自動削除」されます。ということで、主にスパム/荒らしコメントの自動削除を視野に設定を変えてみました。
  tonahazana.com
  2020.10.14
  
  返信
もんより:
2022年9月23日
初めまして。
1点質問させてください。
スマホでは設定したフォーム(テキスト入力欄,名前,評価,reCAPTCHA,投稿ボタン)が正常に表示されるのですが、PC(chrome)ではテキスト入力欄,評価,投稿ボタンしか表示されません。どうしたらPCでもスマホと同じように正常に表示してくれるでしょうか？
返信
- どんぱっぱより:
  2022年9月24日
  PCのChromeで、ウェブサイトの表示や読み込みに影響を与えそうな設定（セキュリティ系・広告ブロック等）を見直したり、ブラウザキャッシュを削除するとかでしょうか？
  情報が漠然としているので要領を得ませんでした。
  PCのOS、Chromeと拡張機能、WordPressとwpDiscuz、それらのバージョンや各種設定に関すること。
  原因を絞り込むためにどのようなチェックやテストを行ったか。などなど。
  返信
  - 匿名より:
    2022年9月25日
    漠然とした質問で申し訳ありません。
    wordpressでログインしていない場合であれば、chromeでも正常に表示してくれました。一度自分のPC以外から見てみようと思います。
    その他細い設定など、どんぱっぱ様のサイトがとてもなりました。
    ありがとうございました！
    返信
花がきれいより:
2022年10月11日
花がきれい
返信
いけなおより:
2022年10月24日
コメント編集コメント編集
返信
匿名より:
2023年2月19日
てすとてすと
返信
aaa より:
2023年3月1日
なんでやねん！
返信
匿名より:
2023年3月23日
ｆｆｆｆ
返信
匿名より:
2023年3月23日
テスト
返信
匿名より:
2023年3月23日
これはテストです
返信
匿名より:
2023年4月21日
1つのページにインラインコメントを複数導入したのですが、試しに1つにコメントを書くとすべてのインラインコメントに反映されてしまうのですが、どうしたらどんぱっぱさんの設定のようにできるでしょうか？
返信
- どんぱっぱより:
  2023年4月22日
  インラインコメントは個別のIDで管理されています。IDが重複して同一の扱いになっている、みたいなことでしょうか？
  環境・試行など具体的な条件や情報が不足しているため判然としません。
  設定記事の方でもインラインコメントの”癖”について触れていました。個別のIDに関することなのかは分かりませんが、いちおう大まかな手順を追記しておきました。
  
  【WordPress】コメント機能強化プラグイン「comments - wpDiscuz」の設定備忘録
  WordPressのコメント機能強化プラグイン「comments - wpDiscuz」の紹介＆各種設定の備忘録記事です。
  デフォルトのコメントを拡張/強化することでブログ上でのコミュニケーションが楽しくなりそうなプラグインです！
  tonahazana.com
  2023.04.22
  
  返信
  - どんぱっぱより:
    2023年4月22日
    AI(ChatWP)にも聞いてみました。
    https://wpdocs.chat/
    ●質問の原文（質問用に元コメント内容を少し変更）
    wpDiscuzで1つのページにインラインコメントを複数導入したのですが、試しに1つにコメントを書くとすべてのインラインコメントに反映されてしまうのですが、どうしたら個別に設定できますか？
    ●原文を英語に翻訳したもので質問（DeepLで翻訳）
    I installed multiple inline comments on one page in wpDiscuz, but when I try and write a comment on one, it is reflected in all inline comments, how can I set them individually?
    ●ChatWPの回答（英文回答をDeepLで日本語訳＆ざっくり要約・校閲）
    wpDiscuzのインラインコメント設定に問題があるようです。各インラインコメントセクションが別々に設定され、一緒にリンクされていないか、設定を確認することをお勧めします。
    ChatWPが提示したソースリンク
    https://learn.wordpress.org/lesson-plan/managing-comments/
    https://wordpress.org/documentation/article/comments-in-wordpress/
    https://wordpress.org/documentation/article/comment-moderation/
    ●wpDiscuzの公式ドキュメントとサポートフォーラム
    https://wpdiscuz.com/docs/
    https://wpdiscuz.com/community/
    https://wordpress.org/support/plugin/wpdiscuz/
    返信
    - 匿名より:
      2023年4月22日
      早速のお返事ありがとうございます。試してみます。大変助かります。
      返信
      - 匿名より:
        2023年4月24日
        こちらご教授いただいた通り、IDを手入力で変更したら直りました。ありがとうございました。
テスより:
2023年6月2日
テスト
返信
匿名より:
2023年12月14日
テストさせてください
返信
匿名より:
2024年1月9日
こんばんは。参考にさせて頂きます。
返信
匿名より:
2024年1月9日
テスト
返信