サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2022年2月22日 13:06
もう修正されているかもしれませんが一応報告です。
[解決済] Ctrl+Shiftで「HTML編集」が開いてしまう
以前上記のトピックで頂いた修正バージョンで「global-styles-inline-css」と「wp-block-library-theme-inline-css」が読み込まれてしまってデザインに影響が出ていました。
Cocoonバージョン:2.4.1.1に戻したら読み込まれなくなりました。
参考:WordPress | v5.9から追加される global-styles-inline-css を読み込まないようにする
わいひら reacted
2022年2月22日 19:21
ご連絡ありがとうございます!
「wp-block-library-theme-inline-css」についてはこちらでどうでしょうか。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
2022年2月22日 19:23
「global-styles-inline-css」については、WordPress5.9からのデフォルトの機能のようです。
https://analyzegear.co.jp/blog/1840
とりあえずまずは、「wp-block-library-theme-inline-css」だけを解除した状態でお試し頂ければ幸いです。
できればWordPressデフォルトは変更したくないので。
Topic starter
2022年2月22日 19:41
対応ありがとうございます。問題が解消されているのが確認できました。
「global-styles-inline-css」は恐らくブロックエディタ上でカラーやフォントサイズを指定した場合のコードみたいなので影響無いみたいですね。
<style id='global-styles-inline-css'> body{ --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale'); --wp--preset--duotone--grayscale: url('#wp-duotone-grayscale'); --wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow'); --wp--preset--duotone--blue-red: url('#wp-duotone-blue-red'); --wp--preset--duotone--midnight: url('#wp-duotone-midnight'); --wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow'); --wp--preset--duotone--purple-green: url('#wp-duotone-purple-green'); --wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange'); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; } .has-black-color{ color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color{ color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color{ color: var(--wp--preset--color--white) !important; } .has-pale-pink-color{ color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color{ color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color{ color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color{ color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color{ color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color{ color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color{ color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color{ color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color{ color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color{ background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color{ background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color{ background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color{ background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color{ background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color{ background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color{ background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color{ background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color{ background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color{ background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color{ background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color{ background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color{ border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color{ border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color{ border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color{ border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color{ border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color{ border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color{ border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color{ border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color{ border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color{ border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color{ border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color{ border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background{ background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background{ background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{ background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background{ background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background{ background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background{ background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background{ background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background{ background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background{ background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background{ background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background{ background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background{ background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size{ font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size{ font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size{ font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size{ font-size: var(--wp--preset--font-size--x-large) !important; } </style>
わいひら reacted
2022年2月22日 20:05
ご確認いただきありがとうございます!
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。