サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
CSSカスタマイズ相談
6
投稿
2
ユーザー
7
Reactions
403
表示
Topic starter
2023年8月20日 05:23
いつも大変お世話になっております。
サイドバーのプロフィールのリンクを表示しないように設定をしておりましたが、8月18日から
突然プロフィールのリンクが表示されるようになりました。
【 試したこと 】
①エックスサーバーから8月17日のバックアップデータを復元→元に戻りませんでした。
②WindowsでCSSを編集
③Google Chromeで再度編集
→ ②も③も同様の結果でした。
現在は、PCだけで、プロフィールのリンクが可能な状態です。
iPad miniとスマートフォンでは、リンクは表示されておりません。
お忙しい中、恐れ入りますが解決方法が分かりましたら、ご教示をお願い申し上げます。
今後とも宜しくお願い申し上げます。
----------------------------------------------
サイト名：アンラッキーエイトセイタイ
サイトURL： https://www.unlucky8seitai.com
ホームURL： https://www.unlucky8seitai.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バージョン：6.3
PHPバージョン：7.4.33
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en;q=0.9,en-US;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.4.4
カテゴリー数：12
タグ数：8
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：2091バイト
functions.phpサイズ：263バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2023/05/完全予約制-1.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
MTS Simple Booking 1.35.1
Remove Footer Credit 1.0.13
SiteGuard WP Plugin 1.7.5
Site Kit by Google 1.107.0
WPFront Scroll Top 2.1.1
XO Event Calendar 3.2.3
----------------------------------------------
2023年8月20日 07:22
●原因
[ユーザー]→プロイフィールページURLに「https：//www.unlucky8seitai.com/my-profile/」と入力していませんか？
書かれている通り以下となります。
- 入力されていると、プロフィールページへのリンク。
- 未入力だと、著者のアーカイブページへのリンク。
●対策
プロフィールページのURLを削除して下さい。
Kana Hokao and わいひら reacted
2023年8月20日 08:03
上記でなく、CSSで、プロフィールページへのリンクを抑止してなら、CSSの記述に誤りがあります。
@media内に以下を書いているので、1023px以下でないとリンクは無効になりません。
Kana Hokao and わいひら reacted
Topic starter
2023年8月20日 21:37
@chu-ya 様
いつも、迅速でご丁寧な対応に感謝をしております。
【対応した内容】
① 最初にご教示して頂いた、プロフィールのページのURLを削除しましたが、著者のアーカイブのリンクが
表示されてしまいました。
②ご教示して頂いた、CSSを削除しました。（pointer-events; none;）
③ ①と②の対応で、うまく改善出来なかったためプロフィールのページのURLを再度入力しております。
④ functuions.phpで以下を追記し、全ての端末で表示が可能になりました。
//プロフィールボックス名前のタグを外す
add_filter( 'the_author_box_name', function ($name){
return strip_tags($name);
});
今回の問題は解決いたしました。
chu-ya様と皆様のご健康を心からお祈り申し上げます。
本当にありがとうございました。
2023年8月20日 22:20
読み間違えているので、補足しておきます。
●CSSの間違え
②ご教示して頂いた、CSSを削除しました。（pointer-events; none;）
これは読み間違えています。
リンクを無効にする為、pointer-events: none;は必須です。
間違えて、pointer-eventsを削除していますが、例え、以下にpointer-eventsがあったとしても、画面幅1023px以下でしか、リンク無効となりません。
先にも回答しましたが、1023px幅を超える画面幅の考慮が漏れています。
画面幅1023pxを超えた時のpointer-events:noneの定義が無い為、リンクは無効となりません。
●参考例
上記を纏めるなら、clampを用い、画面幅に応じ文字サイズを18～24px可変とする方法もあります。
.author-box .author-name a {
color: #333;
font-size: clamp(18px, 3.75vw, 24px);
pointer-events: none;
text-decoration: none;
}
●functuions.phpの件
strip_tagsでHTMLタグ(aタグ)を取り除いているので、添付したCSSの部分は不要です。
わいひら and Kana Hokao reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。