サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2022-11-28 09:59
WordPress に Cocoon のみを入れた状態でテスト中です。
投稿の編集中、リストボックスや段落ボックスの背景にグラデーションを付けようとしても、右端下の「ミッドナイト」以外は視覚的に色が変わりません。
プレビューや公開記事上は反映されています。
正確な Cocoon のバージョン番号は把握していないのですが、v2.5.3 でこの現象に気づきました。
WordPress デフォルトの Twenty Twenty-Three テーマでは、問題なく色が変化します。
仕様が変更されたのかと思いましたが、１色だけは従来通りの反応なので不具合なのかと思いました。
----------------------------------------------
サイト名：脳にビタミン
サイト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
----------------------------------------------
利用中のプラグイン：
----------------------------------------------
2022-11-28 16:05
わいひらさんのご確認をお待ちください。
Cocoonでは、グラデーションを無効化しているはずですので、グラデーションが表示される方が問題なのかもしれません。
WordPress 6.1.1
Cocoon 2.5.3
上記環境で確認したところ、以下のブロックの「背景色」にグラデーションが指定できるようです。
（カバーブロックは「オーバーレイ」、Cocoonブロックはグラデーションが指定できるものはないようです）
- 段落
- 見出し
- リスト
- 引用
- コード
- 整形済
- プルクオート
- テーブル
- 詩
- ギャラリー
- カバーブロック（オーバーレイ）
- メディアとテキスト
- ボタン
- カラム
- グループ
- 横並び
- 縦積み
（漏れがあるかも・・・）
WordPress 6.1
Cocoon 2.5.1
上記にダウングレードしてみましたが、段落ブロックにグラデーションがありますね。
対応が漏れたものなのか・・・。
わいひら reacted
Topic starter
2022-11-28 16:55
ご回答ありがとうございます。
＞わいひらさんのご確認をお待ちください。
了解です。
＞グラデーションを無効化しているはずですので
知りませんでした……。
確か WordPress 6.1 対応以前は普通に使えていたので驚きました。
2022-11-28 22:11
mk2さんが書かれている通り、以前はAMPの関係上無効にしておりました。
WordPress 6.1での状態を確認しました。
確か WordPress 6.1 対応以前は普通に使えていたので驚きました。
WordPress 6.0.3にダウングレードして試してみたんですが、このバージョンだとグラデーション設定は表示されませんでした。
以前のバージョンというのは、いくつだったか分かりますでしょうか？
大体で良いので。
2022-11-28 22:48
わいひらさん
WordPress 6.0.3
Cocoon 2.5.0
上記環境で、「リスト」ブロックであれば、グラデーションが出てきます。（「背景色」です）
（「段落」ブロックにはありませんでした。他のブロックも未確認です）
【追記】
以下のブロックでもグラデーションが出てきます
（「背景色」です）
以下のブロックでもグラデーションが出てきます
（「背景色」です）
- 引用
- コード
- 整形済テキスト
- プルクオート
- テーブル
- 詩
- カパー（オーバーレイ）
- メディアとテキスト
- ボタン（WordPress標準の方）
- カラム
- グループ
- 行
- 縦積み
- 区切り
Cocoonブロックは、ないと思います、たぶん・・・。
Topic starter
2022-11-28 23:31
わいひらさん
WordPress 6.1 の直前で止めていましたので、6.0.3 になります。
mk2さんのおっしゃる通り、リストブロックの背景色でグラデーションを使用していました。
2022-11-29 00:14
段落だけだったんですね。
段落だけ出ないという症状は頭になかったです。
どういうわけかグラデーションのCSSだけ出力されていないようですね（グラデーション変数は出力されている）。
CSSが出力されていない原因は、ちょっと現時点ではわかりませんでした。
ただ、応急的にブロックエディターにグラデーションのCSSを追加しておきました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
後で原因がわかったら根本原因の方を修正します。
2022-11-29 01:26
今日ご対応いただいたものを見ていると、そういうことかなと思いました。
グラデーションは大昔インラインスタイルだったような記憶があります（かなり昔なので間違っているかも…）。
ただ本日よくよく見てみたらclass+CSSで設定できるようになっていて、こっちはAMPでも問題なさそうかなと思いました。
ただいずれにせよ、AMPはそこまで気にする必要なくて、インラインスタイルでも復活させていたと思います。
※これを機にAMPは非推奨設定にしておこうと思います。
2022-11-29 01:38
こんな時間ですので、「段落」ブロックでしか確認していませんが・・・。
以下の対応について確認させていただきました。
- 文字色のカスタム色対応
- 背景色のカスタム色対応
- 背景色のグラデーション対応
- カスタム文字サイズ
ただ本日よくよく見てみたらclass+CSSで設定できるようになっていて、こっちはAMPでも問題なさそうかなと思いました。
以下の赤枠部分のような、既定色であれば、class+CSSみたいですね。
カスタム色（青矢印部分）は、流石にインラインです。
AMPはそこまで気にする必要なくて、インラインスタイルでも復活させていたと思います。
※これを機にAMPは非推奨設定にしておこうと思います。
そうですね。
正直、頑張ってAMP対応する意味をあまり感じなくなってきたような気はします。
既にAMPをご利用の方は影響があるかもしれませんので、次回アップデートの際には、少し触れた方が良さそうですよね。
（影響あるのかしら・・・）
今は、「段落」ブロックだけの確認にさせていただいて・・・。
本格的には、明日確認させていただこうと思います。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。