サイト内検索
Cocoonフォーラム
![](https://wp-cocoon.com/wp-content/themes/cocoon-master/screenshot.jpg)
書き込みの前に以下の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 テーマでは、問題なく色が変化します。
仕様が変更されたのかと思いましたが、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
----------------------------------------------
利用中のプラグイン:
----------------------------------------------
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にダウングレードして試してみたんですが、このバージョンだとグラデーション設定は表示されませんでした。
以前のバージョンというのは、いくつだったか分かりますでしょうか?
大体で良いので。
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をご利用の方は影響があるかもしれませんので、次回アップデートの際には、少し触れた方が良さそうですよね。
(影響あるのかしら・・・)
今は、「段落」ブロックだけの確認にさせていただいて・・・。
本格的には、明日確認させていただこうと思います。
2022年11月29日 19:41
ご確認いただきありがとうございます。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。