Cocoonフォーラム

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

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

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

相談内容:

不具合の発生手順:

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

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

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

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

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

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール

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

白抜きボックス内の文字が指定した色に変...
 
共有:
通知
すべてクリア

[解決済] 白抜きボックス内の文字が指定した色に変わりません

12投稿
5ユーザー
12Likes
143表示
かおり
(@kaorishokuji-takuhai)
Eminent Member Registered
結合: 2年前
投稿: 32
Topic starter  

こんにちは。いつもお世話になっております。

本日、Cocoonをバージョン:2.4.8.1に更新しました。それと関係があるのかどうか分かりませんが、その後に不具合があることに気づきまました。

プラグインは1つずつ停止してみたのですが、改善はしませんでしたので、こちらで相談させてください。お忙しいところすみませんが、どうぞよろしくお願いいたします。

サイト中で複数のページに白抜きボックスをつかっていて、その中にアフィリエイトリンクを貼っています。黒板風にしているので、リンクのテキストが白い文字になるようにしています。

今まではそのようにできていたのですが、今日見てみたら、白くなるべきところが、リンクの色(青)に変わっておりました。12か所ありますが、1例だけ、画像を貼っておきます。

どうしたら改善されますでしょうか??

どうぞよろしくお願いいたします!

 

不具合のあるページ

https://shokuji-takuhai.com/beforeafter-childbirth/

https://shokuji-takuhai.com/nursing-food/

https://shokuji-takuhai.com/good-taste/

https://shokuji-takuhai.com/price/

https://shokuji-takuhai.com/low-calorie-2/

https://shokuji-takuhai.com/low-salt/

https://shokuji-takuhai.com/low-carb/

https://shokuji-takuhai.com/low-protein/

https://shokuji-takuhai.com/single-life/

https://shokuji-takuhai.com/elderly/

https://shokuji-takuhai.com/high-protein/

https://shokuji-takuhai.com/domestic-ingredients/

 

----------------------------------------------
サイト名:食事宅配サービス比較おすすめランキング!!
サイトURL: https://shokuji-takuhai.com
ホームURL: https://shokuji-takuhai.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
スキン:/wp-content/themes/cocoon-master/skins/skin-colorful-line/style.css
WordPressバージョン:5.9.3
PHPバージョン:7.4.28
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名:Cocoon
バージョン:2.4.8.1
カテゴリ数:4
タグ数:31
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.0
style.cssサイズ:827バイト
functions.phpサイズ:588バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 5.0
BackWPup 3.10.0
Category Order and Taxonomy Terms Order 1.7.1
Contact Form 7 5.6.2
Edit Author Slug 1.8.4
EWWW Image Optimizer 6.7.0
Gallery Custom Links 2.1.1
Jetpack 11.2
PS Auto Sitemap 1.1.9
SiteGuard WP Plugin 1.6.1
Wordfence Security 7.6.0
WP Fastest Cache 1.0.4
WP Multibyte Patch 2.9
XML Sitemap & Google News 5.3.3
----------------------------------------------


   
Akira
(@akira)
Noble Member Registered
結合: 5年前
投稿: 1115
Akira - FacebookAkira - Twitter
 

これは 2.4.8.1 からの不具合です。親テーマの修正が必要ですので、しばらくお待ちになるのがいいと思います。

もし、お急ぎでしたら、以下の作業で修正できます。

① WordPress 管理画面 > 外観 > テーマファイルエディターを開く。

② 右上あたりにある「編集するテーマを選択」で「Cocoon」を選択する。※ 添付画像の部分です。

③ 「Cocoon」の「スタイルシート(style.css)」の 1 番下に以下の CSS を追加する。※ 添付画像の部分です。

.has-text-color a {
  color: inherit;
}

---

親テーマでの修正方法はいくつかあると思いますが、私であれば以下の部分を…

https://github.com/yhira/cocoon/blob/master/scss/_basic.scss#L34-L53

このように変更します。あくまで一案です。もっといい方法があるかもしれません。

a{
  color: #1967d2;


  // &:visited{
  //   color: blue;
  // }
  // figure{
  //   transition: .7s;
  // }

  &:hover{
    color: #e53900;
    // //Lo-Fi風のフィルタリング
    // figure{
    //   //-webkit-filter: saturate(1.1) contrast(1.5);
    //   filter: saturate(1.1) contrast(1.5);
    // }
  }

  .has-text-color & {
    color: inherit;
  }
}
This post was modified 2か月前 by Akira

   
かおり
(@kaorishokuji-takuhai)
Eminent Member Registered
結合: 2年前
投稿: 32
Topic starter  

Akira様

お忙しい中、早速にアドバイスをどうもありがとうございました。

Akira様が教えてくださった最初のやり方を試してみたのですが、なぜか改善されませんでした。

2つ目の修正方法もやろうかと思いましたが、改変に不慣れで心配なので、とりあえず試してみないでおります。

いずれにしても、ありがとうございました!親テーマの修正を待てばよいと分かっただけでも助かりました!!

ところで、テーマの修正を待つ間、テーマをダウングレードすればよいだろうと思い、こちらの方法でダウングレードしました。

https://wp-cocoon.com/manual-downgrade-of-cocoon-theme/

ところがそうしたところ、テーマが上書きされず(上のリンクにあるような「アップロードしたもので現在のものを置き換える」というメッセージが出てこなかった)、現在新旧バージョン2のテーマが入っている状態になってしまいました。そして相変わらず最新のバージョンのみが反映されております。

新バージョン(添付画像右側)の方を削除すればよいのだろうと思うのですが、旧バージョンの方のみ「削除」の文字があり、新バージョンには「削除」と表示されないので、どうしたらよいのか分からずにおります。

FTPを使わずとも何とかなりますでしょうか?

無知で恥ずかしいのですが、アドバイスを頂けると幸いです。よろしくお願いいたします。

 

 

 

 


   
chu-ya
(@chu-ya)
Prominent Member Registered
結合: 6か月前
投稿: 496
 
投稿者:: @akira

③ 「Cocoon」の「スタイルシート(style.css)」の 1 番下に以下の CSS を追加する。※ 添付画像の部分です。

このコードを以下に追加しても反映されませんか?
[ダッシュボード]→[外観]→[カスタマイズ]→追加CSS


   
かおり
(@kaorishokuji-takuhai)
Eminent Member Registered
結合: 2年前
投稿: 32
Topic starter  

chu-ya様

アドバイスありがとうございます!

教えてくださったやり方で、直りました!とても助かりました!!!

こんなにすぐに解決すると思っていませんでした。ありがとうございました!!

 

先の書き込みで触れた、親テーマが2つある状態の解決方法も、どなたか教えていただけると助かります。

よろしくお願いします!


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 3905
 

かおりさん

投稿者:: @kaorishokuji-takuhai

先の書き込みで触れた、親テーマが2つある状態の解決方法も、どなたか教えていただけると助かります。

追加CSSを書くことで解消したのであれば、2.4.7.1を削除すれば良いだけだと思います。

 

おそらく、手順を飛ばしたのか、変更する場所を間違えて「cocoon-master」以外のフォルダ名で、アップロードしてしまったのだと思います。

具体的には、以下の部分。

Cocoonテーマを手動でダウングレードする最も手軽な方法
以前のバージョンのテーマファイルを取得
https://wp-cocoon.com/manual-downgrade-of-cocoon-theme/#toc1

zipファイルをダウンロードしたら展開(解凍)します。

「cocoon-XXXXX(XXXXX部分はバージョン)」というフォルダができるので、フォルダ名を「cocoon-master」に変更します。

「cocoon-master」フォルダを再び圧縮し「cocoon-master.zip」ファイルを作成します。

上記が漏れたか、正しく変更できておらず、異なるファルダ名でアップロードしたために、親テーマが2つある状態になっただと思います。


   
かおり
(@kaorishokuji-takuhai)
Eminent Member Registered
結合: 2年前
投稿: 32
Topic starter  

mk2様

こんにちは、アドバイスをありがとうございます!

投稿者:: @mk2_mk2

追加CSSを書くことで解消したのであれば、2.4.7.1を削除すれば良いだけだと思います。

あ、そりゃそうだ!と思い、早速 2.4.7.1を削除しようとしたのですが、なぜか削除させてくれません。

添付画像の通り、「削除に失敗しました。選択したテーマはありません」と出てしまいます。

見た目の問題なので(??)、放置しておけばよいのでしょうか??

本当に無知で、すみません!

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 2年前
投稿: 3905
 

かおりさん

拝見したところ、存在していますね。

 
 
ブラウザのキャッシュやcookieを削除して、リロード。
その後、テーマの削除をしてみると、どうでしょうか。
 
 
もし、それでも消えない場合はFTPやサーバーの用意しているファイルマネージャー等で、「cocoon-2.4.7.10」フォルダ毎削除しなくてはならないかもしれないです。
 
今のところ実害はないと思いますが、先々のことを考えると、削除しておいた方が良いと思います。
 
 
ちなみに、エックスサーバーのファイルマネージャのマニュアルは以下です。
 

   
わいひら reacted
かおり
(@kaorishokuji-takuhai)
Eminent Member Registered
結合: 2年前
投稿: 32
Topic starter  
投稿者:: @mk2_mk2

もし、それでも消えない場合はFTPやサーバーの用意しているファイルマネージャー等で、「cocoon-2.4.7.10」フォルダ毎削除しなくてはならないかもしれないです。

mk2様

アドバイスありがとうございます。

キャッシュ削除などしてみたのですが、古い親テーマの削除はできなかったので、結局FTPで行い、無事に削除できました!

私はFFFTPを使っているのですが(「使っている」と言えるほどでなく、いざという時のためにダウンロードして用意してはあるが、使いこなせていない状態)、削除するだけなのに、最初はうまくいかず、ずいぶん手こずってしまい、こんな時間になってしまいました。

備忘録として、また、もしかしたら書いておくことで参考になる方もいらっしゃるかもしれないので、書かせていただきますと…

FFFTPでcocoon 2.4.7.10のフォルダを選択して削除しようとしたのですが、「~~を削除しますか?」という問いに対して「はい」を選択しても削除できなくて…!(~~の部分にバージョン番号は映っていないので、それも不安で…)

「はい」の他に「全て削除」というのもあり、フォルダなので「全て削除」を選ばないと削除できないということが分かるまで、あちこち検索して随分時間がかかってしまいました(^^; 

とまあ、お恥ずかしい話ですが、とても勉強になりました。どうもありがとうございました!!

これで無事に親テーマが1つだけになりましたので、安心してバージョンアップをゆっくり待てます。

皆さま、どうもありがとうございました!

 

 

 

 


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 13830
わいひら - Facebookわいひら - Twitter
 

昨夜は用事があり、対応できず申しわけありません。
Akiraさんの修正案を参考に(というかそのまま)修正させていただきました。
親テーマを以下でアップデートしても改善されるかと思います。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------


   
かおり reacted
かおり
(@kaorishokuji-takuhai)
Eminent Member Registered
結合: 2年前
投稿: 32
Topic starter  

わいひら様

お忙しい中、ご対応をどうもありがとうございます!

テーマを先ほどアップデートいたしました。そして今回の件でAkiraさん、chu-yaさんに教えていただいた追加したCSSを消し、元に戻したところ、問題が解決されて正常に表示されることを確認いたしました。

どうもありがとうございます。とても助かりました!!

 

 


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 13830
わいひら - Facebookわいひら - Twitter
 

ご確認いただきありがとうございます!


   
かおり reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。