サイト内検索
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日 00:20
ついでにカスタム色とカスタム文字サイズを復活させておきました。
上記二つは現在でもインラインスタイル指定。
インラインスタイルですが、もう正直AMPにこだわる必要なさそうに思うので。
2022年11月29日 01:26
今日ご対応いただいたものを見ていると、そういうことかなと思いました。
グラデーションは大昔インラインスタイルだったような記憶があります（かなり昔なので間違っているかも…）。
ただ本日よくよく見てみたらclass+CSSで設定できるようになっていて、こっちはAMPでも問題なさそうかなと思いました。
ただいずれにせよ、AMPはそこまで気にする必要なくて、インラインスタイルでも復活させていたと思います。
※これを機にAMPは非推奨設定にしておこうと思います。
2022年11月29日 01:38
こんな時間ですので、「段落」ブロックでしか確認していませんが・・・。
以下の対応について確認させていただきました。
- 文字色のカスタム色対応
- 背景色のカスタム色対応
- 背景色のグラデーション対応
- カスタム文字サイズ
ただ本日よくよく見てみたらclass+CSSで設定できるようになっていて、こっちはAMPでも問題なさそうかなと思いました。
以下の赤枠部分のような、既定色であれば、class+CSSみたいですね。
カスタム色（青矢印部分）は、流石にインラインです。
AMPはそこまで気にする必要なくて、インラインスタイルでも復活させていたと思います。
※これを機にAMPは非推奨設定にしておこうと思います。
そうですね。
正直、頑張ってAMP対応する意味をあまり感じなくなってきたような気はします。
既にAMPをご利用の方は影響があるかもしれませんので、次回アップデートの際には、少し触れた方が良さそうですよね。
（影響あるのかしら・・・）
今は、「段落」ブロックだけの確認にさせていただいて・・・。
本格的には、明日確認させていただこうと思います。
2022年11月29日 19:41
ご確認いただきありがとうございます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。