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

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

投稿編集中にグラデーションが表示されな...
 
共有:
通知
すべてクリア

[解決済] 投稿編集中にグラデーションが表示されない

16 投稿
3 ユーザー
6 Reactions
771 表示
(@omusubi)
Active Member Registered
結合: 2年前
投稿: 4
トピックスターター  

WordPress に Cocoon のみを入れた状態でテスト中です。

投稿の編集中、リストボックスや段落ボックスの背景にグラデーションを付けようとしても、右端下の「ミッドナイト」以外は視覚的に色が変わりません。

プレビューや公開記事上は反映されています。

正確な Cocoon のバージョン番号は把握していないのですが、v2.5.3 でこの現象に気づきました。

WordPress デフォルトの Twenty Twenty-Three テーマでは、問題なく色が変化します。

仕様が変更されたのかと思いましたが、1色だけは従来通りの反応なので不具合なのかと思いました。

----------------------------------------------
サイト名:脳にビタミン
サイトURL: https://brain.vitamin.jp/wp
ホームURL: https://brain.vitamin.jp
コンテンツURL:/wp/wp-content
インクルードURL:/wp/wp-includes/
テンプレートURL:/wp/wp-content/themes/cocoon-master
スタイルシートURL:/wp/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.1.1
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.5.3
カテゴリ数:1
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:845バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
----------------------------------------------


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

わいひらさんのご確認をお待ちください。

Cocoonでは、グラデーションを無効化しているはずですので、グラデーションが表示される方が問題なのかもしれません。

WordPress 6.1.1
Cocoon 2.5.3

上記環境で確認したところ、以下のブロックの「背景色」にグラデーションが指定できるようです。
(カバーブロックは「オーバーレイ」、Cocoonブロックはグラデーションが指定できるものはないようです)

  • 段落
  • 見出し
  • リスト
  • 引用
  • コード
  • 整形済
  • プルクオート
  • テーブル
  • ギャラリー
  • カバーブロック(オーバーレイ)
  • メディアとテキスト
  • ボタン
  • カラム
  • グループ
  • 横並び
  • 縦積み

(漏れがあるかも・・・)

 

WordPress 6.1
Cocoon 2.5.1

上記にダウングレードしてみましたが、段落ブロックにグラデーションがありますね。

対応が漏れたものなのか・・・。


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

ご回答ありがとうございます。

わいひらさんのご確認をお待ちください。

了解です。

 

>グラデーションを無効化しているはずですので

知りませんでした……。

確か WordPress 6.1 対応以前は普通に使えていたので驚きました。


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

omusubiさん

投稿者:: @omusubi

確か WordPress 6.1 対応以前は普通に使えていたので驚きました。

確かAMP対応のため、無効化していたと思います。

おそらく、WordPress 5.9系では無効化されていたのではないかと思います。
(記憶が定かではないですが)

それが、6.0系で復活していたかもしれないです。

6.1 RC版の事前確認で気づき、無効化したはずなのですが・・・。
(文字色や背景色はWordPress公式テーマでは自由に変更できますが、Cocoonでは無効化しています)

わいひらさんのご確認を待ちましょう。


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

mk2さんが書かれている通り、以前はAMPの関係上無効にしておりました。
WordPress 6.1での状態を確認しました。

投稿者:: @omusubi

確か WordPress 6.1 対応以前は普通に使えていたので驚きました。

WordPress 6.0.3にダウングレードして試してみたんですが、このバージョンだとグラデーション設定は表示されませんでした。
以前のバージョンというのは、いくつだったか分かりますでしょうか?
大体で良いので。


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

わいひらさん

WordPress 6.0.3
Cocoon 2.5.0

上記環境で、「リスト」ブロックであれば、グラデーションが出てきます。(「背景色」です)
(「段落」ブロックにはありませんでした。他のブロックも未確認です)

 
 
【追記】
以下のブロックでもグラデーションが出てきます
(「背景色」です)
  • 引用
  • コード
  • 整形済テキスト
  • プルクオート
  • テーブル
  • カパー(オーバーレイ)
  • メディアとテキスト
  • ボタン(WordPress標準の方)
  • カラム
  • グループ
  • 縦積み
  • 区切り

 
Cocoonブロックは、ないと思います、たぶん・・・。


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

わいひらさん

WordPress 6.1 の直前で止めていましたので、6.0.3 になります。
mk2さんのおっしゃる通り、リストブロックの背景色でグラデーションを使用していました。


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

段落だけだったんですね。
段落だけ出ないという症状は頭になかったです。

どういうわけかグラデーションのCSSだけ出力されていないようですね(グラデーション変数は出力されている)。
CSSが出力されていない原因は、ちょっと現時点ではわかりませんでした。
ただ、応急的にブロックエディターにグラデーションのCSSを追加しておきました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
後で原因がわかったら根本原因の方を修正します。


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

ついでにカスタム色とカスタム文字サイズを復活させておきました。
上記二つは現在でもインラインスタイル指定。
インラインスタイルですが、もう正直AMPにこだわる必要なさそうに思うので。


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

投稿者:: @yhira

ついでにカスタム色とカスタム文字サイズを復活させておきました。

こちらも表示されていないかも・・・です。
GitHubが更新されていないかも?

投稿者:: @yhira

もう正直AMPにこだわる必要なさそうに思うので。

やはりそういうとでしたか。

今日ご対応いただいたものを見ていると、そういうことかなと思いました。


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

すいません。GitHubにプッシュし忘れていました…。
申し訳ないです。たまにこれやっちゃいます。。


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

投稿者:: @mk2_mk2

今日ご対応いただいたものを見ていると、そういうことかなと思いました。

グラデーションは大昔インラインスタイルだったような記憶があります(かなり昔なので間違っているかも…)。
ただ本日よくよく見てみたらclass+CSSで設定できるようになっていて、こっちはAMPでも問題なさそうかなと思いました。
ただいずれにせよ、AMPはそこまで気にする必要なくて、インラインスタイルでも復活させていたと思います。
※これを機にAMPは非推奨設定にしておこうと思います。


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

こんな時間ですので、「段落」ブロックでしか確認していませんが・・・。

以下の対応について確認させていただきました。

  • 文字色のカスタム色対応
  • 背景色のカスタム色対応
  • 背景色のグラデーション対応
  • カスタム文字サイズ

投稿者:: @yhira

ただ本日よくよく見てみたらclass+CSSで設定できるようになっていて、こっちはAMPでも問題なさそうかなと思いました。

以下の赤枠部分のような、既定色であれば、class+CSSみたいですね。

 
 
カスタム色(青矢印部分)は、流石にインラインです。
 
 
投稿者:: @yhira

AMPはそこまで気にする必要なくて、インラインスタイルでも復活させていたと思います。
※これを機にAMPは非推奨設定にしておこうと思います。

そうですね。
正直、頑張ってAMP対応する意味をあまり感じなくなってきたような気はします。

既にAMPをご利用の方は影響があるかもしれませんので、次回アップデートの際には、少し触れた方が良さそうですよね。
(影響あるのかしら・・・)

 

今は、「段落」ブロックだけの確認にさせていただいて・・・。
本格的には、明日確認させていただこうと思います。


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

わいひらさん

早速の対応、ありがとうございます。

動作確認させていただきました。

根本修正の方はのんびりと待たせていただきます。

 

mk2さん、わいひらさん

丁寧なご対応ありがとうございました。

私は Cocoon の存在を知ってブログを始めましたので、今回のこの小さな交流にちょっと感動していたり……当方おっさんなんですけど。

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


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

omusubiさん

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

投稿者:: @omusubi

当方おっさんなんですけど。

私もおっちゃん・・・です😑


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

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


   
共有:

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

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

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

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

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

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

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

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