WordPressテーマSANGOの質問

スマホでコメント欄の「返信する」誤タッチ

アバター
タピオカ

お世話になっております。
私が運営しているブログの利用者から「返信するボタンが過敏に反応しすぎる」と多く問い合わせがあり、実際に私も試したところ、スマホから閲覧する場合、コメント欄をスクロールしていると、タップではなく指を離さなくても触れただけで「返信する」が反応してしまうのが気になりました。
コメントが100件近くあると何度もスクロールするので…。
もちろん左手で操作すれば誤操作は免れますが。。

もう少し「返信する」が反応しにくくなるような設定がないか、または「返信する」ボタンの位置を変える方法はないかと、相談しにまいりました。
よろしくお願いします。

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2019/08/22

お世話になっております。
仰る通りですね。コメントの返信ボタンの挙動についてはWordPress本体のcomment-reply.jsというスクリプトによるものです。
以前はこのような仕様ではなかったはず…と思って調べてみたら、比較的最近仕様が変わったようです。

本件についての指摘は公式に対しても既にされているようです。
https://core.trac.wordpress.org/ticket/46713
https://generatepress.com/forums/topic/gp-2-3-alpha-3-consider-using-passive-listeners/#post-923468

もしかすると今後比較的近いうちにWordPress本体のアップデートにより問題は解消するかもしれません。

そのため、テーマ側ではスクリプトに手をつけない方が良い気がするので、返信ボタンの位置を変えるのが良いかと思います。
(コメント用のスクリプト自体を読み込まない、という手もありますが、その場合、返信ボタンを押したときにページに再読み込みがかかるためユーザー体験がよくありません)

以下のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]に貼り付けることで、返信ボタンが触れにくくなるかと思います。

/* 返信ボタンのスタイルを変える */
.comment-reply-link {
    padding: 0;
    line-height: 1.5;
    background: transparent;
    color: gray;
    float: none;
    margin: 0 0 15px;
    font-size: 13px;
}
/* 位置の調整 */
.comment_content p:last-child {
    margin-bottom: 0;
}

よろしくお願いします。

アバター
タピオカ
2019/08/24

なるほど。WordPress本体自体の仕様だったのですね。
ひとまずは教えて頂いた対応策を利用させていただきます。
ありがとうございますm(__)m

アバター
タピオカ
2020/09/08

お世話になっております。
最近になってコメント欄の上部と下部にあるコメント送信フォームで下部から書き込みをすると反映されない不具合が出てしまいました。

それと、コメント欄の「返信するボタン」が過敏に反応しすぎてしまう問題を以前にさせて頂いたのですが、1年経った今、この問題は解消されたのでしょうか?

WordPressとSANGOは最新バージョンを使用しております。
よろしくお願いします。

サルワカくん
サルワカくん
2020/09/08

こちらをご覧いただくと良いかと思います。
https://core.trac.wordpress.org/ticket/46713

問題として認識されているものの、解決されていないようですね。
テーマ側で対応する部分ではないので、待っていただくしかないと思います。

コメント欄について、WordPressデフォルトでコメントフォームを複数設置することってできましたっけ?
プラグインなどを利用されていますか?
(念の為、一度プラグインをすべて停止したうえでご確認いただければと思います)

アバター
タピオカ
2020/09/11

コメント欄2個表示はコチラ(https://trif.jp/5336/)を参考に導入していたものでした。すみません。

返信ボタン問題の現状も把握しました。ありがとうございます。

サルワカくん
サルワカくん
2020/09/12

となると、おそらくWordPressのコメントに関するJavaScriptに原因がある気がします。
(すみませんが、ちょっとこちらでは原因が分からないです…)

お力になれず恐縮ですが、よろしくお願いします。