「メイド・イン・ヘブン」スキン適用中

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

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

2.5.7.10にアップデートしたら、...
 
共有:
通知
すべてクリア

[解決済] 2.5.7.10にアップデートしたら、動画のポスター画像が編集画面で透過になってしまう

14 投稿
3 ユーザー
8 Reactions
429 表示
(@masaboo)
Trusted Member Registered
結合: 3年前
投稿: 45
Topic starter  

いつもお世話様でございます。

先日バージョンを2.5.7.10に更新したのですが、動画のポスター画像や、ポチップ(カエレバのようなやつ)が添付のように編集画面で透過されてしまいます。

開発者ツールをだと添付の opacity:0.3; のチェックを外すことで解消するようです。外すことで何かに影響するということですよね?

 

あと、見出しボックスを使用した際に、編集画面では色背景の囲みケイが反映されずグレーで表示だれます・

 

よろしくお願いいたします。

 

 

 

 

 

 


   
(@masaboo)
Trusted Member Registered
結合: 3年前
投稿: 45
Topic starter  

プレビューや公開すると通常に戻ります。

opacityがかかるのは編集中のみです。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
 

すみません、以下についてです。

投稿者:: @masaboo

あと、見出しボックスを使用した際に、編集画面では色背景の囲みケイが反映されずグレーで表示だれます・

上記が「枠の色」のことであれば・・・です。

私は先程ダッシュボードから「2.5.7.10」にアップデートしましたが、反映されているように見えます。

 
何か条件があるのでしょうか。

   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
 

投稿者:: @masaboo

動画のポスター画像や、ポチップ(カエレバのようなやつ)が添付のように編集画面で透過されてしまいます。

上記ですが、もしかすると仕様なのかもしれないです。
(わいひらさんに伺ってみないと分からないです)

動画ブロックを選択したことがはっきり分かるように、そうしているのかもしれないです。

動画ブロックの「選択」「非選択」の状態によって、変化するようです。
(動画ブロック非選択時にcomponents-disabledが出てきて透過される)

 
 
 
(「Twenty Twenty-One」切り替え後にCocoonに戻すと、背景が緑色のままに・・・)

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

「枠の色」についてです。

以下がないということでしょうか。

 
上記は「light-blue」です。
 
カラーパレットの「枠の色」であれば、「html .body .has-色名-border-color」というものがあるはずなのですが。
(ここに関連することが、最近起こっていますので、もしかして・・・)


   
(@masaboo)
Trusted Member Registered
結合: 3年前
投稿: 45
Topic starter  

mk2さん

 

いつもご丁寧にありがとうございます。

見出しボックスは仰るとおり「枠の色」が上部カラーをどのカラーにしても枠のみグレーで表示されていました。

昨日の23:00ころまでは・・・。

今、再度確認しましたら正常表示されるようになっていました

おかしいな?・・・・

 

動画のポスター画像や、ポチップ(カエレバのようなモールへの集合リンクボタン)の件は、.components-disabledをopacity:1.0;にしてしまうとどこかに問題がでるのでしょうか?

 

よろしくお願いいたします。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
 

masabooさん

投稿者:: @masaboo

.components-disabledをopacity:1.0;にしてしまうとどこかに問題がでるのでしょうか?

「components-disabled」のCSSが定義されているのは、gutenberg-editor.cssのようですから、影響範囲はGutenberg編集画面内だと思います。

ただ、他のブロックがclass「components-disabled」を持っていれば、影響はあるとは思いますが、他が持っているかどうかまでは調べていません。
(そうだとしても、影響はGutenberg編集画面内かと、おそらく)

子テーマのedtov-style.cs8に書く前提です。


   
masaboo reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
 

投稿者:: @mk2_mk2

子テーマのedtov-style.cs8に書く前提です。

スマホからかいたもので、誤字だらけに。

editor-style.cssだったような。


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

.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
(@masaboo)
Trusted Member Registered
結合: 3年前
投稿: 45
Topic starter  

mk2さん

 

ありがとうございます、editor-style.cssに追記してみましたが

とりあえず問題無いようで、透過しなくなりました。

 

/*ポチップや動画のポスター画像を透過させない*/
.components-disabled {
opacity: 1.0;
}


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 7225
 

masabooさん

わいひらさんがご対応くださったみたいですので、子テーマの編集は不要かもです。

(ブロックオプションまで透過されなくなるみたいですし)


   
わいひら reacted
(@masaboo)
Trusted Member Registered
結合: 3年前
投稿: 45
Topic starter  

わいひらさん

mk2さん

 

ありがとうございます。

editor-style.cssのほうを削除して、アップデートしてみます。

行き違いになり、すみません。


   
(@masaboo)
Trusted Member Registered
結合: 3年前
投稿: 45
Topic starter  

わいひらさん

mk2さん

 

ありがとうございます。

アップデートしたら無事に透過されなくなりなした。

お手数おかけいたしました。

ありがとうございます。


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

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


   
masaboo reacted
共有:

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

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

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

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

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

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

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

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