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

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

更新後にトグルボックスの文字色変更がで...
 
共有:
通知
すべてクリア

[解決済] 更新後にトグルボックスの文字色変更ができない

21 投稿
3 ユーザー
10 Reactions
764 表示
(@wigul)
Active Member Registered
結合: 2年前
投稿: 5
トピックスターター  

cocoonを最新に変更後トグルボックスの外側の文字色変更が出来なくなりました。

タブボックスなどでも同様にできません。


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

Wigulさん

こういう場合は、環境情報等のご提示があると、話がスムーズに進むかと思います。
フォーラム上部に案内がありますので、ご確認をお願い致します。

少なくとも、WordPress・Cocoonのバージョンや、Gutenbergなのかクラシックエディタなのか、そういう情報は欲しいです。


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

投稿者:: @wigul

cocoonを最新に変更後トグルボックスの外側の文字色変更が出来なくなりました。

上記については、おそらくアコーディオンの見出しのことかと思われます。

 

【Cocoon 2.6.0、WordPress 6.2.1】

上記バージョンで確認してみたところ、確かに「文字色」にアコーディオンの見出し(開閉の+-マークも)が、連動しなくなっています。

 
 
【Cocoon 2.5.8.3、WordPress 6.1.1】
 
上記バージョンでは、以下のような感じで、「文字色」を変更すると、アコーディオンの見出しも変更されます。

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

投稿者:: @wigul

タブボックスなどでも同様にできません。

上記は、どういうことか分かりませんでした。

タブボックス以外にもあれば、挙げていただきたいです。
そして具体的に、どのブロックの、どこの色が変わらないのか、明記していただきたいです。

文字での説明が難しいようでしたら、画像添付もご検討ください。
(フォーラム上部の案内に、この辺りのことは書いてあるかと思います)

 

「タブボックス」で試してみました。
(「タブ見出しボックス」のことかと思い、別途試してみましたが、タブボックスと同様の結果でした)

【Cocoon 2.6.0、WordPress 6.2.1】

 
 
【Cocoon 2.5.8.3、WordPress 6.1.1】
 
 
違いはないように見えます。

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

説明不足で大変申し訳ありません。

 

WordPress:6.2.1

Cocoon:2.6.0

 

Gutenbergの使用時に発生しています。

 

mk2様がupして下さっている現象が発生しており、

WordPressの更新時には発生しておらず、Cocoonを更新したら発生するようになりました。

 

ボックス系のブロックをいくつか確認したところ、

 

タブボックス/アコーディオン(トグル)ボックス⇒不具合発生

 

タブ見出しボックス/ラベルボックス/見出しボックス⇒問題なし

 

ボックス系ブロックに抜けがあったらすみません。

 


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

wigulさん

アコーディオンについては、親テーマ側の問題かと思います。

 

投稿者:: @wigul

タブボックス/アコーディオン(トグル)ボックス⇒不具合発生

上記のようなお書きになっていますが・・・。

タブボックスについて、少なくともご説明いただけますでしょうか。

私には、違いが分かりません。(添付GIFのとおり)

どこが不具合なのか、ご説明いただければ、私も確認してみます。

(ただいまスマホなもので、確認は後程になってしまいます)

 


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

mk2様、各ボックスについては添付ファイルでご確認ください。

不具合の詳細確認をしましたので報告します。

 

【タブボックス】

タブ部分の文字色を変更できない(元々変更できていたか不明)

ボックス内のテキスト色は変更可能

【タブ見出しボックス】

見出し部分について

①枠の色がデフォルトだと文字色変更可能

②枠の色を変更すると文字色がデフォルトの白色になる

【見出しボックス】【アコーディオン(トグル)ボックス】

タブ見出しボックスと同様の現象が発生

【ラベルボックス】

問題なし

 

確認した限りではこの様な現象が確認できています。


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

Wigulさん

まだスマホなもので、確認していません。

投稿者:: @wigul

【タブボックス】

タブ部分の文字色を変更できない(元々変更できていたか不明)

上記については、私の添付したGIFのとおり、Cocoon 2.5.8.3では、変更できませんでした。

それ以前のバージョンをご利用だったということでしょうか?

(もっと前のバージョンだと、変更できた?)

 

【追記】

後程、もっと古いバージョンで確認してみます。
(Cocoon 2.5.8.3の添付ではご納得いただけないようですので。)

 


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

タブボックスの見出しの件についてです。

WordPress 6.0.3、Cocoon 2.5.2.5で確認しました。

以下の通り、「枠の色」「背景色」「文字色」のいずれを変更しても、タブ部分見出しの文字色については変更されません。

 
 
よって、元々の仕様かと思います。
(元々、タブボックスのタブ部分見出しの文字色は、変更できないものと思います)
 
他のものは、後程確認させていただきます。
(只今立て込んでおり・・・)
 
※アコーディオンの見出しについては、先のGIF添付の通り、親テーマ側の不具合かと思います。

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

投稿者:: @wigul

【タブ見出しボックス】

見出し部分について

①枠の色がデフォルトだと文字色変更可能

②枠の色を変更すると文字色がデフォルトの白色になる

 

タブ見出しボックスについて、確認しました。

WordPress 6.0.3、Cocoon 2.5.2.5です。

 
少なくとも、このバージョンの頃から、仰る通りの仕様のようです。
 
タブ部分が有色だった場合、文字色が反映されると、見づらくなってしまうため、こういう仕様だった気がするのですが、気のせいでしょうか。
(もっと古いバージョンだと変更できたのでしょうか? それとも、仕様を変えて欲しいという、ご要望でしょうか。)
 
 
他のブロックも後程確認してみます。
(少し時間が空くかもしれません)

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

見出しボックスも、WordPress 6.0.3、Cocoon 2.5.2.5で確認しました。

先程の、タブ見出しボックスと同様かと思います。

 
 
今、時間がないもので、Cocoon 2.6.0の方を確認していませんが、上記と同様であれば、元々そういう仕様だと思います。
(タブ見出しボックスの方に書いた理由だと思われます)

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

タブなどの外枠の色が変更されないのはもともとそのような仕様です。
以前変更できたとしたらそちらの方が不具合になります。
理由はmk2さんが書かれた通りです。

投稿者:: @mk2_mk2

タブ部分が有色だった場合、文字色が反映されると、見づらくなってしまうため、こういう仕様だった気がするのですが、気のせいでしょうか。
(もっと古いバージョンだと変更できたのでしょうか? それとも、仕様を変えて欲しいという、ご要望でしょうか。)

以前はどういった色使いでタブの色などを設定されていたのでしょうか?
タブの外枠の色を薄い色で使用されていたとかでしょうか?

 


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

わいひらさん

アコーディオンの見出しの文字色(開閉の+-含めて)について、反映されないのは、不具合かと思います。
(以前のバージョンでは、反映されていました。ただし、文字を選択してもハイライトで変更もできますけれど)

 


   
(@wigul)
Active Member Registered
結合: 2年前
投稿: 5
トピックスターター  

mk2様

ご丁寧にご確認ありがとうございます。

タブ系ボックスの文字色の件は仕様だったんですね。

確認不足で申し訳ありませんでした。

今回、アコーディオンボックスが変になったため、他のボックスは?との疑問から色々試した次第です。

他のボックスに関しては特に不都合を感じておりませんでしたので、要望等はございません。


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

投稿者:: @mk2_mk2

アコーディオンの見出しの文字色(開閉の+-含めて)について、反映されないのは、不具合かと思います。
(以前のバージョンでは、反映されていました。ただし、文字を選択してもハイライトで変更もできますけれど)

確認してみます。


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

投稿者:: @wigul

今回、アコーディオンボックスが変になったため、他のボックスは?との疑問から色々試した次第です。

他のボックスに関しては特に不都合を感じておりませんでしたので、要望等はございません。

そうだったんですね。
ということでしたらちょっと安心しました。
アコーディオンボックス確認してみます。


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

投稿者:: @mk2_mk2

【Cocoon 2.5.8.3、WordPress 6.1.1】
 
上記バージョンでは、以下のような感じで、「文字色」を変更すると、アコーディオンの見出しも変更されます。

確認してみました。
どちらかというと上記状態が不具合だったので修正した感じです。

変更した理由としてはmk2さんが書かれたこちらと同じ理由です。

投稿者:: @mk2_mk2

タブ部分が有色だった場合、文字色が反映されると、見づらくなってしまうため、こういう仕様だった気がするのですが、気のせいでしょうか。
(もっと古いバージョンだと変更できたのでしょうか? それとも、仕様を変えて欲しいという、ご要望でしょうか。)

でもこの機能利用していた人には影響は出てしまいますね…。
ただここら辺の仕様は統一しておいた方が良いのかなと思いまして。

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

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

投稿者:: @yhira

でもこの機能利用していた人には影響は出てしまいますね…。
ただここら辺の仕様は統一しておいた方が良いのかなと思いまして。

そうですねぇ。
確かに、今回確認していて、アコーディオンだけ違うなと思いました。

既存への影響という部分がどうか・・・というのはあるかもしれないなぁ…とは思うのですが・・・。

これから新たに編集するアコーディオン見出しの文字色については、ハイライトで変更できます。(+-は変わりません)
これは元々ですけれど。
(最初に添付したGIFの最後の方にあります)

 


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

mk2様、わいひら様

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

今回の変更で文字色が見にくくなりましたが、ハイライトで解決(+/-は薄いですが)できたので助かりました。

ありがとうございました。


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

+-は意図的に色を薄くしたと記憶しています。

開閉状態を意味するもので、見出しの文字列ではないということで。(同じ理由で、見出しとは少し離したはずです)


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

ご確認いただきありがとうございます。
以前の不具合状態に長く気づかなかったせいで、お手数をおかけすることになってしまい申し訳ないです。

投稿者:: @wigul

(+/-は薄いですが)

mk2さんが書かれている通りプラスマイナスは意図的に薄くしてあります。
CSSで修正することもできますので、もし修正方法が必要な場合は「CSSカスタマイズ相談」フォーラムにトピックを立てていただければ対応いたします。

とりあえずこのトピックは一旦閉じさせていただきます。


   
共有:

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

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

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

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

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

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

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

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