サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021-09-04 12:39
お世話になります。
リンクの下線が消えません。
たとえば、記事内の特定のリンクのみを、「text-decoration:none」にしたいので、「カスタマイズ」→「追加CSS」の部分に
a.nolinkdecoration{
text-decoration:none!important;
}
と追加しても、記事内の上記classのリンクのデコレーションがとれません。
通常通り、表示されてしまいます。
どうすれば、特定のURLのデコレーションを取ることができますでしょうか。
他にCSSを記入する箇所があるのでしょうか。
それでは以上よろしくお願いいたします。
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-colors-pink/style.css
2021-09-04 13:35
書き込んでいただいた情報だけですとどこのリンクタグの装飾を取りたいのか、こちらからではわかりません。
書き込みの前に以下の3点をご確認ください。
案内にある通りカスタマイズ相談のときは該当のURLの提示をお願いします。URLの提示が難しい場合は、同じ環境のデモサイトでも構いません。
URLの提示ができない場合はプロにお願いする手もあります。
詳細なカスタマイズ依頼をするならこちら。
わいひら reacted
2021-09-04 13:43
前略、mrsmith11さん
出先でスマホなので、簡単にですが、セレクタが違うような気がします。
実際のURL をご提示いただくと、より具体的なアドバイスがいただけるかもしれません。
2021-09-04 16:02
mrsmith11さん
通常ですと、aタグの親要素か先祖要素にclassを設定した場合は以下のように指定します。
HTML
<p class="kasen-nashi">
<a href="https://hogehoge.com">リンク文字列</a>
</p>
CSS
.kasen-nashi a {
text-decoration: none;
}
わいひら reacted
Topic starter
2021-09-04 17:44
Topic starter
2021-09-04 17:47
ありがとうございます。
なるほど、しかしながら、今まで使用していた他のテーマ（数種類[５種類以上]）では、この方法で出来ておりました。
cocoonは、お教えいただいた仕様でしかdecoration noneが機能しませんでしょうか？
すでに記事数が３００件ほどあり、ひとつずつ手作業で直していくのは時間と手間がかかり、どうにか避けたいです。
なにかいい方法はございませんでしょうか？
それでは以上よろしくお願いいたします。
2021-09-04 18:00
@mrsmith11 さん
URLをご提示いただかない場合、回答する方は推測で回答することになり、URLをご提示いただいた場合より、フォーラムでのやり取りの回数等も増える傾向となります。
ですので、お差し支えなければURLをご提示いただくのが一番です。
回答者側の負担の軽減にご協力をお願いいたします。（お差し支えのある場合を除き）
これは、mrsmith11さんが、どなかたかのご質問に回答してみるとよくわかるかと思います。
カスタマイズのご相談は、「不具合報告」のジャンルではなく、「カスタマイズ相談」のジャンルにトピックを立てていただくと良いかもしれません。
カスタマイズにつきましては、さる子さんがとても有用なトピックを立ててくださっていますので、ぜひ参考になさってみてください。
【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック
https://wp-cocoon.com/community/postid/31048/
すでに記事数が３００件ほどあり、ひとつずつ手作業で直していくのは時間と手間がかかり、どうにか避けたいです。
なにかいい方法はございませんでしょうか？
ＨＴＭＬタグに同じClassを設定を設定されているのでしたら、子テーマのCSSファイルに記述することで、適用されるかもしれません。（同じ条件のCSSセレクタが有効であれば、という条件ではありますが・）
This post was modified 3年前 3回 by リフィトリー
わいひら reacted
2021-09-04 18:11
@mrsmith11 さん
他テーマで有効になるCSSのセレクタであっても、Cocoonの親テーマや、スキンなどで、より詳細度の高いセレクタで別の指定がなされている場合は、そちらが優先されてしまいます。
どのようなセレクタを設定すれば良いのかは、実際のサイトを調べてみるのが良い方法です。
This post was modified 3年前 by リフィトリー
2021-09-04 18:38
@mrsmith11 さん
a.nolinkdecoration{
text-decoration:none!important;
}
ではなく、正しくは、
.nolinkdecoration a {
text-decoration: none;
}
だった、というような事はありませんか？
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。