サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2023-03-03 12:10
いつもお世話様でございます。
先日バージョンを2.5.7.10に更新したのですが、動画のポスター画像や、ポチップ（カエレバのようなやつ）が添付のように編集画面で透過されてしまいます。
開発者ツールをだと添付の opacity:0.3; のチェックを外すことで解消するようです。外すことで何かに影響するということですよね？
あと、見出しボックスを使用した際に、編集画面では色背景の囲みケイが反映されずグレーで表示だれます・
よろしくお願いいたします。
Topic starter
2023-03-03 14:30
プレビューや公開すると通常に戻ります。
opacityがかかるのは編集中のみです。
2023-03-03 16:53
すみません、以下についてです。
あと、見出しボックスを使用した際に、編集画面では色背景の囲みケイが反映されずグレーで表示だれます・
上記が「枠の色」のことであれば・・・です。
私は先程ダッシュボードから「2.5.7.10」にアップデートしましたが、反映されているように見えます。
何か条件があるのでしょうか。
2023-03-03 17:25
動画のポスター画像や、ポチップ（カエレバのようなやつ）が添付のように編集画面で透過されてしまいます。
上記ですが、もしかすると仕様なのかもしれないです。
（わいひらさんに伺ってみないと分からないです）
動画ブロックを選択したことがはっきり分かるように、そうしているのかもしれないです。
動画ブロックの「選択」「非選択」の状態によって、変化するようです。
（動画ブロック非選択時にcomponents-disabledが出てきて透過される）
（「Twenty Twenty-One」切り替え後にCocoonに戻すと、背景が緑色のままに・・・）
わいひら reacted
2023-03-03 18:37
「枠の色」についてです。
以下がないということでしょうか。
上記は「light-blue」です。
カラーパレットの「枠の色」であれば、「html .body .has-色名-border-color」というものがあるはずなのですが。
（ここに関連することが、最近起こっていますので、もしかして・・・）
（ここに関連することが、最近起こっていますので、もしかして・・・）
Topic starter
2023-03-03 18:46
ｍｋ２さん
いつもご丁寧にありがとうございます。
見出しボックスは仰るとおり「枠の色」が上部カラーをどのカラーにしても枠のみグレーで表示されていました。
昨日の23:00ころまでは・・・。
今、再度確認しましたら正常表示されるようになっていました
おかしいな？・・・・
動画のポスター画像や、ポチップ（カエレバのようなモールへの集合リンクボタン）の件は、.components-disabledをopacity:1.0;にしてしまうとどこかに問題がでるのでしょうか？
よろしくお願いいたします。
2023-03-03 19:16
masabooさん
.components-disabledをopacity:1.0;にしてしまうとどこかに問題がでるのでしょうか？
「components-disabled」のCSSが定義されているのは、gutenberg-editor.cssのようですから、影響範囲はGutenberg編集画面内だと思います。
ただ、他のブロックがclass「components-disabled」を持っていれば、影響はあるとは思いますが、他が持っているかどうかまでは調べていません。
（そうだとしても、影響はGutenberg編集画面内かと、おそらく）
子テーマのedtov-style.cs8に書く前提です。
masaboo reacted
2023-03-03 19:40
.components-disabledは使用できないブロックオプションを視覚的に分かりやすくするために使用しました。
ただ適用するのはブロックオプション設定エリアだけで良いので以下のように修正してみました。
https://github.com/xserver-inc/cocoon/commit/bb95607df17944abaf4bbe13fb0aaa8832f93452
以下のファイルでアップデートして試してみていただければ幸いです。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
masaboo reacted
Topic starter
2023-03-03 19:50
mk2さん
ありがとうございます、editor-style.cssに追記してみましたが
とりあえず問題無いようで、透過しなくなりました。
/*ポチップや動画のポスター画像を透過させない*/
.components-disabled {
opacity: 1.0;
}
2023-03-03 19:52
masabooさん
わいひらさんがご対応くださったみたいですので、子テーマの編集は不要かもです。
（ブロックオプションまで透過されなくなるみたいですし）
わいひら reacted
Topic starter
2023-03-03 19:53
わいひらさん
mk2さん
ありがとうございます。
editor-style.cssのほうを削除して、アップデートしてみます。
行き違いになり、すみません。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。