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カスタマイズ依頼

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

エディタ上での色変更が反映されない
 
共有:
通知
すべてクリア

[解決済] エディタ上での色変更が反映されない

96 投稿
5 ユーザー
73 Reactions
10.7 K 表示
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
トピックスターター  

@mk2_mk2 さん

見出しの色です!


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

hossyさんのお書きになった、右上の「投稿」「ブロック」というところの黒い点ですが。

今のバージョンでは、親テーマのスタイルシートのulの「list-style-type: disc;」が当たっているようです。

少し前バージョン(これも2.3.3.3なので。。。)では、load-style.phpがあたっているみたいです。
ulは「list-style: none;」になっています。


   
hossy reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

hossyさん

投稿者:: @hossy

見出しの色です!

見出しを選択した状態で、色を変更はできます。
(前の仕様をちょっと把握していない。。。)

普通に本文中の文字色を変更するイメージです。

これからGIF作ります。

 

【追記】

アコーディオンが反応して、ちょっと操作が稚拙…?

 
 
【再追記】
 
見出し文字色については、WordPress 5.7.2の頃からこの仕様でした。

   
hossy reacted
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
トピックスターター  

@mk2_mk2 さん

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

わたし、そこで色変えるの知りませんでした・・・!

そこで変えられたら本文は黒で見出しは色付きとかできるんですね!!

でも私のはテキスト色ってのがない?設定するのかな?

 

私は右側のところで色を変えていたのですが、こんな感じっての画像添付します!


   
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
トピックスターター  

すみません、もしかしてこれは元々こういうものってことでしょうか?

だったらスミマセン !!? 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

hossyさん

おや…本当ですね。

ちょっと過去バージョンも確認してきます。

 

【追記】

過去バージョンもそうですね。
(WordPress 5.7.2の頃)

ボーダー色の設定がない場合は、アコーディオンの見出し・中身ともに、右側(サイドバー?)の文字色の設定が反映される。

ボーダー色の設定がある場合は、右側(サイドバー?)の文字色で変更できるのは、中身のみ。
見出しの文字色は白くなる。(直接選択して変更は可能)

 

見出しの文字色は、ボーダー色との色被りのことを考えると、ボーダー色のある時の見出しの文字色は、基本白でも良いような印象は持ちます。


   
hossy reacted
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
トピックスターター  

@mk2_mk2 さん

過去バージョン確認してくださってありがとうございます!!

元々そうだったんですね!すみません ? 

濃い色のボーダー色の場合は白でいいですよね。

直接選択して変更できるのであれば全然問題ないと思います!

ありがとうございます!m(_ _)m


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

確かに、エディタの本文入力欄ではないところがちょっと変わってはいます。
これが何の影響なのかは、まだ分かりません。
(WordPressの素?それとも。。。)

 

本文入力欄の下。

WordPress 5.8 Cocoon 2.3.3.4

 
WordPress 5.7.2 Cocoon 2.3.3.3
 
 
サイドバー?
 
WordPress 5.8 Cocoon 2.3.3.4
 
WordPress 5.7.2 Cocoon 2.3.3.3

   
hossy reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

たくさん話が出てきましたので、現状の残課題?について整理します。
(特に触れていないものは、このトピック内へのリンクです)

以下4件です。

現状で、残3件。
(2件は実害はないと言えばないかも。。。1件は仕様確認的意味合い。)


1件目

SILKは対応が必要ないかもしれない件
https://wp-cocoon.com/community/postid/53847/

 

以下の別トピックでの報告
SILKスキンのCSSが重複している?
https://wp-cocoon.com/community/postid/53815/

 

【追記】

本件は、上記内トピックで解消した模様。
Cocoonは、2.3.3.5へ。


2件目

サイドバー?の「投稿」「ブロック」に黒い点
https://wp-cocoon.com/community/postid/53839/
https://wp-cocoon.com/community/postid/53857/


3件目

エディタ本文編集欄下の「SEO」の入力欄が大きく
エディタ本文編集欄右(サイドバー?)の文字が大きい。
https://wp-cocoon.com/community/postid/53839/
https://wp-cocoon.com/community/postid/53872/


4件目

アコーディオンの見出しの文字色

ボーダー色がない場合は、サイドバー?の文字色で変更が可能
ボーダー色がある場合は、サイドバー?の文字色で変更が不可
(見出しの文字を直接選択して、文字色の変更は可能)

https://wp-cocoon.com/community/postid/53853/
https://wp-cocoon.com/community/postid/53857/
https://wp-cocoon.com/community/postid/53863/
https://wp-cocoon.com/community/postid/53869/

基本的には、WordPress 5.7.2 Cocoon2.3.3.3と同仕様で、
不具合というよりも、仕様の確認的な意味合いが強い印象です。


   
hossy reacted
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
トピックスターター  

@mk2_mk2 さん

まとめてくださってありがとうございます!!!

この投稿は3年前ずつhossyに変更されました

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

アコーディオン、ボーダー色を変えると文字色が反映されなくなるようです!(マイクロバルーンの時と同じ感じです)

アコーディオンの見出し部分ですか?
だとしたら、以前からだったかもしれません(はっきりとは覚えていない ? )。
本文部分の色は変わりますか?


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 
アコーディオンの見出しの文字色です。
 
既存仕様のようです。
見出しの文字を直接選択して、文字色の変更は可能です。
 
投稿者:: @mk2_mk2

過去バージョンもそうですね。
(WordPress 5.7.2の頃)

ボーダー色の設定がない場合は、アコーディオンの見出し・中身ともに、右側(サイドバー?)の文字色の設定が反映される。

ボーダー色の設定がある場合は、右側(サイドバー?)の文字色で変更できるのは、中身のみ。
見出しの文字色は白くなる。(直接選択して変更は可能)

 

見出しの文字色は、ボーダー色との色被りのことを考えると、ボーダー色のある時の見出しの文字色は、基本白でも良いような印象は持ちます。

 


   
わいひら reacted
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
トピックスターター  

@yhira さん

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

本文の色は変わります!

 

@mk2_mk2 さん

ありがとうございます!

 

 


   
(@ちゃつみ)
New Member
結合: 3年前
投稿: 3
 

@yhira 

私もこちらの質問と同じ症状が出ていて困っていたのですが、Zipファイルをダウンロードしたあとこのファイルはどのようにして使えばよいのですか?

やり方があまりよくわかっておらず教えて頂ければ幸いです

お手数おかけいたしますが宜しく願い致します


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

ちゃつみさん

GitHubから最新版のテーマをダウンロードしたということでしょうか。

そうであれば、以下のマニュアルページの手順に従ってアップデートできます。

Cocoonテーマファイルを手動でアップデートする方法
https://wp-cocoon.com/manual-update-of-cocoon-theme/

 

このトピックの途中で、わいひらさんから修正版をご提示いただいた際にも、やり方は書いてあります。
https://wp-cocoon.com/community/postid/53763/


   
わいひら reacted
(@ちゃつみ)
New Member
結合: 3年前
投稿: 3
 

@mk2_mk2

ご指導ありがとうございます

インストールできました

早速新しいバージョンで立ち上げてみたのですが、吹き出しの背景色が変わらないのは変化ありませんでした

こらご確認いただけないでしょうか?

何度もすみません

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

ちゃつみさん

すみません、その事象はこのトピックで報告はされていません。

そもそも、背景色とは2通り考えられますが…。

アイコンの背景色と、吹き出しの背景色。
どちらでしょう?

そして、申し訳ないですが、私は今スマホからで、確認はできません。

そもそも、現状仕様で変更できたかも記憶しておりません。

 

【追記】

アイコン部分は画像ですから、変更できなさそうです。

吹き出し部分は、どうでしたっけ…すみません記憶にないです。

 

【再追記】

文字色と背景色は変更できそうな感じですね。

変更できないのは、背景色だけでしょうか。

この事象は、まだ報告がありません。

後ほど確認させていただきます。(お昼過ぎになってしまうと思います。)


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

ちゃつみさん

私もGitHubからVersion: 2.3.3.6をインストールして試しているところですが、吹き出しの背景色は、「キーカラー」と「黒」以外は、吹き出し口の小さな三角部分しか色が付かないようです。

この投稿は3年前ずつリフィトリーに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

リフィトリーさん

了解です。

 

ちゃつみさん

もし、可能でしたら、事象説明の画像添付などいただけると助かります。

できないようでしたら大丈夫です。

お昼過ぎになると思いますが、私が調べてまとめておきます。

 

と思ったら、リフィトリーさんが添付くださってますね。

ありがとうございます。

 

もしかすると、別のブロックのように、背景色があると文字色が反映されないなどの、複雑なパターンもあるかもしれません。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

ちゃつみさん

ちなみに、吹き出しのボーダー色も、吹き出し口の小さな部分しか色が変わらないようです。

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

リフィトリーさん

なるほどです。

吹き出しは、その他にも左右、吹き出しの形などもあると…大変です?


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

わいひらさん

「投稿→ブロック」の切り替えボタンのところの黒丸は、ulタグのものが表示され、paddingも適用されているようです。

 


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

リフィトリーさん

●は、親テーマのものが適用されてはダメなんですよね、そもそも。

ulはulなんですけど。

本来は、load-style.phpのものが適用されて、マーカーがないはずです。

とはいえ、それは5.7.2の話ですので、5.8の公式テーマと比較した方が良さそうです。

その他にも、文字が大きくなったりもしていたと思います。

また、別途課題整理した方が良いかもしれませんね。

事象が増えてきてしまいました。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

投稿者:: @mk2_mk2

吹き出しは、その他にも左右、吹き出しの形などもあると…大変です?

おそらく、afterなどの疑似要素だけに変更の指定がなされているんだと思います。

吹き出し本体の

.editor-styles-wrapper div.speech-balloon

には、指定がなされていないんじゃないかと思います。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

ちゃつみさん

これは、わいひらさんの修正待ちかと思います。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

リフィトリーさん

やはり、そこなんですね。

過去のものと、同じ感じですね。

.editor-styles-wrapperは、読み込みが変わったらしいです、5.8で。

ブロックエディタとクラシックエディタの分離が始まったような印象です。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

これは、メジャーアップデートのリリース前に、ある程度チェックしておく必要があるのかもしれないですね?

 

もちろん、わいひらさんお一人では、無理だと思いますけども・・

 

開発版のWordPressって、どれぐらい前に出るんでしたっけ?

この投稿は3年前 2回ずつリフィトリーに変更されました

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

リフィトリーさん

投稿者:: @leafytree

メジャーアップデートのリリース前に、ある程度チェックしておく必要があるのかもしれないですね?

それができれば良いのですが。

メジャーアップデートの度に、これほど大きな変更があると、そういうことは必要だと思います。


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

私もあまり時間がとれないですが、メジャーアップデートのリリース前に、モデレーターメンバーさんの有志の方にご協力いただくなどは、できそうな気もしないでもないですね。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

リフィトリーさん

RC版の確認ってことですね。

やったことはないですが、それができればベターだと思います。

 

【追記】

次は5.9で、12月です。

考えた方が良さそうです。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

5.9のときは、少し先手を打ちたいですね。


   
mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

リフィトリーさん

はい、そう思います。

ここまで、変化が激しいときついです。

事前に拾えるものは拾って、潰したです。

 

【追記】

たぶん、β版、RC版とでてきます。

最初はまだ柔らかいものですから、どこの段階で試すかはありますが、少なくともRC版では、考えないと…。

英語のページなので、きちんと追えてませんが。

5.8は、β4が6月下旬、RC1が6月末前後だったっぽいです。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

と、言うことは、半月程度の期間が使えるということのようですね。


   
(@ちゃつみ)
New Member
結合: 3年前
投稿: 3
 

返信遅れ申し訳ありません

吹き出しの件はリフィトリーさんの言われてる通りです

小さい三角のみに色がついて全体は白のままになっています

宜しくお願いいたします


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

試験的にではありますが、●や吹き出し、諸々含めて修正してみました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
WordPress5.7.2と比較してなぜか、h見出しが.editor-styles-wrapperに囲われて出てこなくなっていたり、何でそのようにしたのか謎です(詳しく調べれば出てくるのかもしれませんがちょっと調べた限りではよくわかりませんでした)。
もしかしたらh見出し以外にも適用されないスタイルとかがあるのかも。


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

今回5.8になる前にRC版で確認してみたのですが、全く気づきませんでした…。
今回Gutenberg APIをアップデートしたので、ブロックエディターでエラーが出ないかばかり確認していたように思います。
CSSセレクタに影響があるものが来ているとは…。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

吹き出しについて、まずは確認しました。

吹き出しスタイル「LINE風」。
人物位置「右」。

この場合、文字色が反映されないようです。

WordPress 5.7.2、Cocoon 2.3.2.3では、変更可能でした。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

エディタ本文編集欄下の「SEO」「カスタム~」など。
エディタ本文編集欄右の「投稿」「ブロック」に出てくる黒い点、文字の大きさ。

共に、以前のように戻っていました。

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


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

ご確認ありがとうございます!
GitHubのファイルを修正しておきました。
https://github.com/yhira/cocoon


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

LINE風が修正されたことを確認しました。

 

すみません、確認を漏らしたものがありました。

考え事の吹き出しの"○"の部分のボーダー色が、全部につかないようです。

 
 
WordPress 5.7.2、Cocoon 2.3.2.3では、以下のような感じでした。

   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

LINE風 というのもあったのですね。 ? 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

リフィトリーさん

そうなんです。
そういう意味では、Cocoonは多機能ゆえに、確認ポイントも多いです?


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

GitHubに修正ファイルをアップしておきました。
公開ページでも同様の症状でしたね。


   
hossy and mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

解消されたことを確認しました。

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


   
hossy reacted
(@hossy)
Estimable Member Registered
結合: 5年前
投稿: 82
トピックスターター  

みなさんありがとうございました!

ちゃつみさんも大丈夫そうでしょうか??

スレッド解決済みにさせていただきますm(_ _)m

 

いつもありがとうございます!


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

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


   
hossy reacted
固定ページ 2 / 2
共有:

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

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

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

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

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

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

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

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