Cocoonフォーラム

2018-02-102023-01-25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

共有:

通知

すべてクリア

[解決済] コメント欄の返信ボタンがスマホ表示だと反応が鈍い

不具合報告

最新の投稿 : わいひら 3年前

6 投稿

2 ユーザー

2 Likes

680 表示

未解決

RSS

Sho

(@Sho)

Active Member

結合: 3年前

投稿: 11

Topic starter 2021-05-01 20:21

素晴らしいテーマをありがとうございます。

https://sho-log.com/test/

コメント欄の返信ボタンがスマホ表示だと反応が鈍いです。ボタンの縁をクリックすると反応する感じです。

Chromeのデベロッパーツールとスマホ実機で確認しました。PCでは問題ありません。

高速化、プラグイン、自作CSS、アドセンスを全て停止してみましたが改善されませんでした。

返信ボタンからdisplay: inline-block;を解除すると普通にクリックできるようになりました。

https://ponhiro.com/cocoon-mobile-toc/ （人様のサイトなので問題があれば消してください）

上記のサイトを確認すると問題なくクリックできました。

困っているわけではないのですが、一応ご報告させていただきます。

スポイラー

環境情報

----------------------------------------------
サイト名：Sho-log
サイトURL： https://sho-log.com
ホームURL： https://sho-log.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.7.1
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-JP,ja;q=0.9,en-GB;q=0.8,en;q=0.7,en-US;q=0.6
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.8.8
カテゴリ数：6
タグ数：81
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.1
style.cssサイズ：719バイト
functions.phpサイズ：306バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 4.1.9
Broken Link Checker 1.11.15
Contact Form 7 5.4.1
Enable Media Replace 3.5.0
EWWW Image Optimizer 6.1.2
Google XML Sitemaps 4.1.1
Phoenix Media Rename 3.2.3
Rinker 1.8.2
Search Regex 2.4.1
Simple Definition List Blocks 3.0.0
UpdraftPlus - Backup/Restore 1.16.56
WP Multibyte Patch 2.9
Yoast Duplicate Post 4.1.2
----------------------------------------------

わいひら

(@yhira)

Illustrious Member Admin

結合: 6年前

投稿: 16450

2021-05-02 19:40

僕の環境でも同じ症状を確認いたしました。
一応、display:inline-block;を使用しないスタイリングで修正してみました。
よろしければ以下で試してみていただければ幸いです。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

Sho

(@Sho)

Active Member

結合: 3年前

投稿: 11

Topic starter 2021-05-08 21:38

お疲れさまです。
確認してみたとろ、.comment-reply-linkと共通の.tag-link（コンテンツ最後のタグ一覧）が途中で改行されてしまっていました。画像参照。

.tag-link {
display: inline-block;
padding: 2px 6px;
}

上記のように.tag-linkだけ変更した部分を戻す追加をするといいかもしれません。

また.comment-reply-linkと.tag-linkが共通だったのは、まったく同じデザインだったからだと思うのですが、今回で大きく変わってしまったので、以下のように.cat-link（カテゴリータグ）と共通にしてしまっても良いかもしれません。
その場合は.comment-reply-linkからmargin-right: 5pxが消せるので、見栄え的にも良くなります。

.comment-reply-link {
color: #333;
text-decoration: none;
margin-right: 5px;削除可能
padding: 5px 8px;
font-size: 12px;
border: 1px solid #999;
border-radius: 2px;
word-break: break-all;
}
.cat-link, .tag-link {
color: #fff;
text-decoration: none;
display: inline-block;
margin-right: 5px;
padding: 2px 6px;
font-size: 12px;
background-color: #333;
border-radius: 2px;
word-break: break-all;
}
.tag-link {
color: #333;
border: 1px solid #999;
background: white;
}