案内ボックスのカラー変更で文字が見づらい - 要望 https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/ Cocoon ディスカッション掲示板 ja Mon, 17 Aug 2026 02:14:46 +0000 wpForo 60 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7880 Sat, 20 Oct 2018 22:16:17 +0000  

僕の方でも一応昨日教えて頂いたプラグインで何通りかの文字列で検索しほぼ該当する記事は変更できたと思います。

作業は小一時間程で済みましたのでとても助かりました。ご親切にありがとうございました。

 

]]> 要望 banba https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7880 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7878 Sat, 20 Oct 2018 20:00:41 +0000 そのkeywordが長いので、以下のような文字列でも試すとよさそうにも思います。

<div class="sp-primary primary-box">
<span style="

 

span style="color:#fff;font-size:18px;" class=""

この場合のみ検索してるので、それ以外半角が入った場合やspan style="color:#fff; font-size:18px;" class=""

フォントサイズの指定が異なる場合…って感じです。もし必要があればですが。

個人的には違った文字列でも検索してチェックするなと思ったので。

]]> 要望 かうたっく https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7878 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7869 Sat, 20 Oct 2018 12:22:15 +0000 皆さまご助言ありがとうございます。

かたうっくさんに紹介して頂いたプラグインで変更しなければいけない記事がすぐ特定できましたので助かりました。（該当数が多いかと思いましたが50記事ほどだけでした）

あとは地道に手動で変更していきます。

お騒がせ致しました。

 

 

]]> 要望 banba https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7869 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7868 Sat, 20 Oct 2018 11:58:06 +0000 Search Regexプラグインで正規表現を使えば、一発でできる可能性もあります。

Search pattern：/<span style="color: #fff; font-size: 18px;">(.+?)<\/span>/
Replace pattern：$1
Regex：チェック

ただ、Search Regexは、下手に利用すると、投稿内容を下手に変更してまう可能性があるプラグインなので自己責任でお願いします。
置換作業を行うとしても、しっかりと置換対象候補を見極めて実行する必要があると思います。
加えて、前にデータベースのバックアップをしておくこともオススメします。

不安な場合は、かうたっくさんが書かれたように、検索だけして結果から投稿画面を編集して修正した方が良いかもしれません。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7868 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7866 Sat, 20 Oct 2018 11:29:47 +0000 haineonsさんに。ゴメンナサイ、なぜか気付きませんでした＞＜　ボケてますね＾＾；

青く反転させた状態で移動させたりすれば、そうなる時もあった気もします。って。ほんとスミマセン ? 

]]> 要望 かうたっく https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7866 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7864 Sat, 20 Oct 2018 11:25:58 +0000 Search Regexと言うプラグインがあって、以下リンク先の文字列を検索して見つけて

https://notepad.pw/oyoqhxv1

該当箇所を直接　spanタグ<span style="color:#fff;font-size:18px;" class="">と</span>を手作業で消すのも手だと思います。

使い方は割愛しますが

]]> 要望 かうたっく https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7864 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7862 Sat, 20 Oct 2018 11:22:41 +0000

↑「テレキャスターはオクターブが合いづらい？」という部分が白文字で読みづらい状態です。

この部分は以下のように表示されてます。

https://gyazo.com/da08182a92ce4472e5f54fb05d777e77

https://notepad.pw/1y2qq3ox

<span style="color:#fff;font-size:18px;" class="">テレキャスターはオクターブが合いづらい？</span>

HTML（テキストエディタ上）では、こんな感じになってるのが原因みたいです。

この<span style="color:#fff;font-size:18px;" class="">と</span>を消せば元に戻るはずですのでお試しいただけますか。

通常の（テーマの）CSSよりstyle="color:#fff;font-size:18px;" と指定があるだけでそれが優先されてしまう感じだからです。

 

 

]]> 要望 かうたっく https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7862 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7860 Sat, 20 Oct 2018 10:28:57 +0000 span style="color:#fff;font-size:18px;" テレキャスは～

↑この部分が入ってるから文字が白くなってますね

この部分を抜けば他の案内ボックス同様黒っぽい文字になりますよ

スタイルのみを使った場合この部分は入らないと思うので、編集中に何か指定などしませんでしたか？

]]> 要望 haineons https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7860 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7858 Sat, 20 Oct 2018 10:00:36 +0000 下記記事の水色の案内ボックス内の文字色は「黒文字」と「白文字」が混在しています。（アップデート後からこの状態です）

https://guitarhana.info/2017/02/12/post-196/

↑「テレキャスターはオクターブが合いづらい？」という部分が白文字で読みづらい状態です。

理想としては下記サイトの一番上のボックス（濃い青色に白文字）に戻るのが一番です。（このサイトはCocoon1.3.0）

https://minnaguitar.info/2018/05/01/post-42/

 

ただし今回の変更になった水色のボックスの場合でしたら黒文字になってくれてさえいれば問題ないと思ってます。

ちなみにサイトはこの返信時点で教えて頂いたコードをＣＳＳに追加した状態です。（カラーは黒に変更しています）

CSSやサイトをいじる事は僕自身正直分からない事が多いので的外れな返信をしていると思います。

 

]]> 要望 banba https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7858 RE: 案内ボックスのカラー変更で文字が見づらい https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7855 Sat, 20 Oct 2018 09:03:58 +0000 『今回のプライマリーが薄い水色になった』と言うのは以下のことですか？

https://gyazo.com/2f138677c502fed2ebfa1171f23104b0

 

が、一部の記事に白文字のままの案内ボックスがあったようです。

良かったら、その状態を見せていただけますか。

と言うのも仕様変更で以前の状態が良い場合、子テーマCSSで一式変更できるからです。一部のみ・と大半は黒という状態が分かりません。

.primary-box {
	color: #fff;
}

または以下のCSSを子テーマstyle.css・amp.cssに追記してもダメな感じでしょうか？？

.primary-box, .sp-primary, .primary {
	color: #fff;
}
]]> 要望 かうたっく https://wp-cocoon.com/community/demands/%e6%a1%88%e5%86%85%e3%83%9c%e3%83%83%e3%82%af%e3%82%b9%e3%81%ae%e3%82%ab%e3%83%a9%e3%83%bc%e5%a4%89%e6%9b%b4%e3%81%a7%e6%96%87%e5%ad%97%e3%81%8c%e8%a6%8b%e3%81%a5%e3%82%89%e3%81%84/#post-7855