サイト内検索
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
419
表示
トピックスターター 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日 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)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。