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. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

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

カラーパレットの色名とカラーコードにつ...
 
共有:
通知
すべてクリア

[解決済] カラーパレットの色名とカラーコードについて

12 投稿
2 ユーザー
8 Reactions
1,253 表示
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
トピックスターター  

お世話になっております。

細かい話かとは思いますが・・・。
(最近、あまりフォーラムを見る時間がなく、既知の問題でしたら、ご放念ください)

「Cocoon 2.5.7.7」で確認したところ、カラーパレットの「日本語の色名」とカラーコードの表示部分に、プロパティ変数名が表示されてしまっているようです。

テーマ独自色の以下の部分です。
(「Cocoon 2.5.7.7」です) 

 
そして、WordPressデフォルトの黒の色名が、何故か「赤色」と表示されています。
(本当は、こちらで気づいたのですけれど)
 

上記部分を、「Cocoon 2.5.6」で表示すると以下のような感じです。

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
トピックスターター  

上記の部分をGIFにしてみました。

「Cocoon 2.5.7.7」

 
 
「Cocoon 2.5.6」

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
トピックスターター  

以下のような淡い色の部分では、色名・カラーコードが見えない状態のようです。
(文字が白い?)

色のチェックマーク(丸い部分の✓)も見えません。

「Cocoon 2.5.7.7」

 
 
「Cocoon 2.5.6」

   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
トピックスターター  

上記をGIFにしてみました。

「Cocoon 2.5.7.7」

 
 
「Cocoon 2.5.6」

   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

ご連絡ありがとうございます!

投稿者:: @mk2_mk2

「Cocoon 2.5.7.7」で確認したところ、カラーパレットの「日本語の色名」とカラーコードの表示部分に、プロパティ変数名が表示されてしまっているようです。

こちらに関してはもともと意図通りではありました。
見た目が悪いのでどうしようかなと思ったのですが、CSSも変数をカスタマイズしたらそこも変更された方が良いのかと思って。
ただ改めて開発者ツールを見てみるとCocoonが指定している--cocoon-watery-blue-colorよりも--wp--preset--color--watery-blueの方が有線使用されて意味ないなと。これだったら--wp--presetに任せてしまった方が良いなと思いました。
一旦元に戻してみようと思います。

WordPressデフォルトの黒の色名が、何故か「赤色」と表示されるのは気づいてませんでした。
ここからもやっぱり一旦元に戻してみようと思います。

この投稿は2年前 3回ずつわいひらに変更されました

   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

元に戻してみました。
デフォルトの黒色が「赤(文字列)」になる現象も解消されたようです。
https://github.com/xserver-inc/cocoon/commit/899964c04f30a69d85f9c5d353bac33d4c041362
こっちにしておいた方が無難かもしれません。

html .body .has-watery-blue-background-color {
  background-color: var(--cocoon-watery-blue-color);
}

上記のように指定している箇所も上書きされて不要そうなので後で削除しておこうと思います。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

テーマ側で出力していたWordPressデフォルト色CSSも出力も廃止しました。
https://github.com/xserver-inc/cocoon/commit/80608ab1c2d10fcfdae55aeee2914d3972f02b09
WordPress仕様変更でいつのまにか不要になっていたっぽい。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

エディターデフォルトの拡張カラーパレット色もすべて#ffffffだと同じカラーコードが全て選択されて無駄なので、デフォルト色をカラーコードが違う白系の色に変更しておきました。
https://github.com/xserver-inc/cocoon/commit/563c8e8dbc4fbc74f6094a09083cffa84c168329
すでに拡張カラーパレット色#ffffffで使用している人はCocoon設定の保存でカラーコードが保存されているはずなので問題ないはず。


   
mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
トピックスターター  

ご対応いただきありがとうございます。

カラーパレットの色名とカラーコードが表示されていることを確認しました。

これ意図的だったのですね、すみません。
個人的には、プロパティ変数はご利用の方で分からない方もいらっしゃるように思えて、ご対応いただいたカラーコードの方が直感的で良い気はしています。
(カラーコードも分からないという方もいらっしゃるような気はしますけれど)

投稿者:: @yhira

エディターデフォルトの拡張カラーパレット色もすべて#ffffffだと同じカラーコードが全て選択されて無駄なので、デフォルト色をカラーコードが違う白系の色に変更しておきました。
https://github.com/xserver-inc/cocoon/commit/563c8e8dbc4fbc74f6094a09083cffa84c168329
すでに拡張カラーパレット色#ffffffで使用している人はCocoon設定の保存でカラーコードが保存されているはずなので問題ないはず。

こちらは、アップデート前に段落ブロックで、文字色・背景色に拡張色を割り当てて確認しましたが、影響ありませんでした。

インストール済の親テーマ・子テーマの「Cocoon設定」の拡張色を確認したところ、アップデート後も#FFFFFFのままでした。

親テーマを新規インストールすると、拡張色に反映されていました。

投稿者:: @yhira

テーマ側で出力していたWordPressデフォルト色CSSも出力も廃止しました。
https://github.com/xserver-inc/cocoon/commit/80608ab1c2d10fcfdae55aeee2914d3972f02b09
WordPress仕様変更でいつのまにか不要になっていたっぽい。

上記は良く分かっていませんが・・・。
アップデート前に編集したものも、アップデート後に編集したものも、「.has-~-color」は設定されているようです。
(テキスト色・背景色で確認しました、borderはスルーしてしまいました)


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

投稿者:: @mk2_mk2

上記は良く分かっていませんが・・・。
アップデート前に編集したものも、アップデート後に編集したものも、「.has-~-color」は設定されているようです。
(テキスト色・背景色で確認しました、borderはスルーしてしまいました)

ご確認いただきありがとうございます。
これは出力させても無意味なCSSがあったのでこの部分を削除しました。
動作に全く変化はないと思うので説明が分かりづらかったと思います。


   
mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8063
トピックスターター  

投稿者:: @yhira

これは出力させても無意味なCSSがあったのでこの部分を削除しました。
動作に全く変化はないと思うので説明が分かりづらかったと思います。

なるほどです。

確かに、Cocoon 2.5.7.9ではなくなっていました。
前のバージョンでも確認して、存在していることを確認しました。

確かに無くなっても、問題ないですね。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17375
 

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


   
共有:

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

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

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

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

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

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

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

タイトルとURLをコピーしました