サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年7月21日 11:15
いつもお世話になっております!
エディタでの不具合がありご報告させていただきました。
新しいタブでプレビューした時とアップされたページでは正しく表示されています。
◇白抜きボックス
→編集画面で色の変更が反映されない(グレーで表示されている)
◇アイコンリスト
→ボーダー色が出ない(見た目は枠が付いていない)
→文字色変更が反映されない
◇マイクロバルーン
→文字色の変更が反映されない
◇見出し
→装飾(下線等)がつかない
いつもありがとうございます。
よろしくお願いいたします。
----------------------------------------------
サイト名:くるラブ
サイトURL: https://kuru-love.com
ホームURL: https://kuru-love.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/silk/style.css
WordPressバージョン:5.8
PHPバージョン:7.4.13
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:90.0) Gecko/20100101 Firefox/90.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.3.3.3
カテゴリ数:5
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:953バイト
functions.phpサイズ:238バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
Akismet Anti-Spam 4.1.10
All-in-One WP Migration 7.45
Aurora Heatmap 1.5.1
Cocoon Custom BlogCard 1.2.3
Cocoon Custom Heading 1.1.1
Cocoon Custom Index 1.1.1
Cocoon Custom Sidebar 1.0.1
Cocoon Custom TOC 1.1.1
Contact Form 7 5.4.2
Duplicate Page 4.4
EWWW Image Optimizer 6.1.9
Rinker 1.8.3
Rinker Fanbox用プラグイン 1.5.1
Show Article Map 0.8
TypeSquare Webfonts for エックスサーバー 1.2.4
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------
This topic was modified 3年前 by hossy
わいひら reacted
Topic starter
2021年7月21日 11:22
追加です:
・cocoonボタンの色
・ラベルボックスの見出しの背景
2021年7月21日 12:34
hossyさん
WordPress 5.8ですね。
ちょっと、WordPress 5.8だと、時間が掛かるかもしれません。
経験・知見がありません。
少しお時間をいただくと思います。
今更言ってもですが。。。
複数のフォーラムメンバーは、WordPress 5.8へのアップデートは慎重を期す必要があると考えています。
以下ご参照です。
https://wp-cocoon.com/community/postid/53643/
ただ、先行してご確認いただいたということで、有難く思っています。
後程、時間がある時に確認させていただきます。
お腹空いたこと(食事します)、そしてこれから移動がありますのでWordPress 5.8での確認は遅くなると思います。
とりあえず、WordPress 5.7.2、Cocoon 2.3.3.3では、問題ありませんでした。
GIF動画を添付しようと思ったのですが、ことごとく容量オーバーになってしまいますので、添付は諦めます?
(多くのGIFが5MB超えていました…)
サンプルとして、白抜きボックスのみ。
GIF動画の圧縮って…どうすれば…?
後で考えます、昼食食べます。
後で考えます、昼食食べます。
hossy reacted
Topic starter
2021年7月21日 13:32
@mk2_mk2 さん
本当にいつもありがとうございます!!
そうなんです、昨日までできてたんです。
うっかり自動アップデートされてしまいました・・・。
急ぐことじゃないので、ゆっくりお食事&おでかけされてください!!
いつもありがとうございます。
2021年7月21日 13:49
これから出掛けてしまいますので、備忘録。
(調査はしばらくできません。もしかしたら他の方も見てくださるかもしれないので。)
この後、数時間単位で席を外します。
(夜まで戻ってこないかも。。。すみません。)
WordPress 5.7.2ではすべて問題ないものの、WordPress 5.8では、hossyさんからご連絡あった通り、ブロックエディタの表示で反映されないものあり。
(実際のページ表示は問題なし。)
hossyさんからご連絡のあった全てのパターンの確認はまだできていません。
数点確認したところ、傾向しては以下のstyleが当たっていないようです。
(もちろんブロックエディタ上の話です。)
wp-content\uploads\cocoon-resources\css-cache\visual-color-palette.css
何らかの読み込みの問題でしょうか?
おそらく他のものも同様ではないかと、数点確認したところではそんな感触をもちます。
(でもまだ、ちょっと良く分かりません。)
hossy reacted
2021年7月21日 18:58
ちゃんとメモりながら確認しないと、訳が分からなくなってしまいます。
メモしてませんでした、失敗しました。
混沌としてきましたので、少しまとめます。
(ただし、メモしていませんでしたので、自信なし…です。)
hossyさんからご連絡のあったもので、私が確認できたものは以下です。
◇白抜きボックス
→編集画面で色の変更が反映されない(グレーで表示されている)◇アイコンリスト
→ボーダー色が出ない(見た目は枠が付いていない)
→文字色変更が反映されない◇マイクロバルーン
→文字色の変更が反映されない◇見出し
→装飾(下線等)がつかない◇cocoonボタンの色
◇タイムラインボーダー色、文字色
私が良く分からなかったのは、以下です。
◇ラベルボックスの見出しの背景
「見出しの背景」とは。。。どうやって。。。?
「バッジ」?(私は「バッジ」は正しく反映されました。)
私が確認した範囲では
- 「ラベルボックス」は、文字色が反映されませんでした
そして、その他にも。
(勘違いで確認して、たまたま気づきました。)
- 「見出しボックス」は、背景色・文字色が反映されませんでした。
ここまで書いたものは確認したつもりですが、頭が混乱していますので、確認が十分ではないかもしれません。
(中には、思い違いもあるかも…。)
共通しているのは、やはり前述した以下だと思います。
wp-content\uploads\cocoon-resources\css-cache\visual-color-palette.css
「.editor-styles-wrapper」関連と言えば良いのでしょうか。
2021年7月21日 19:12
上記確認の内に、1度だけ、PHP Warningが出ているものがありました。
(PHP 7.4.1です。)
関係ありそうな気配はしますので、載せておきます。
(無関係かもしれませんが。)
なお、ローカル環境ですので、パスは一部加工しています。
[21-Jul-2021 04:37:34 UTC] PHP Warning: file_put_contents(/wp-content/uploads/cocoon-resources/css-cache/visual-color-palette.css): failed to open stream: Resource temporarily unavailable in \wp-content\themes\cocoon-master\lib\utils.php on line 1935 [21-Jul-2021 04:37:34 UTC] PHP Stack trace: [21-Jul-2021 04:37:34 UTC] PHP 1. {main}() \wp-admin\post.php:0 [21-Jul-2021 04:37:34 UTC] PHP 2. require() \wp-admin\post.php:187 [21-Jul-2021 04:37:34 UTC] PHP 3. get_block_editor_settings() \wp-admin\edit-form-blocks.php:264 [21-Jul-2021 04:37:34 UTC] PHP 4. apply_filters_deprecated() \wp-includes\block-editor.php:383 [21-Jul-2021 04:37:34 UTC] PHP 5. apply_filters_ref_array() \wp-includes\plugin.php:656 [21-Jul-2021 04:37:34 UTC] PHP 6. WP_Hook->apply_filters() \wp-includes\plugin.php:233 [21-Jul-2021 04:37:34 UTC] PHP 7. gutenberg_editor_settings() \wp-includes\class-wp-hook.php:303 [21-Jul-2021 04:37:34 UTC] PHP 8. visual_editor_stylesheets_custom() \wp-content\themes\cocoon-master\lib\settings.php:221 [21-Jul-2021 04:37:34 UTC] PHP 9. wp_filesystem_put_contents() \wp-content\themes\cocoon-master\lib\settings.php:110 [21-Jul-2021 04:37:34 UTC] PHP 10. file_put_contents() \wp-content\themes\cocoon-master\lib\utils.php:1935
hossy reacted
2021年7月21日 20:51
Wordpress5.8で不具合を確認しました。
この部分に影響が出るとは想定してませんでした。
とりあえず、公開ページに反映されるのは救い。
なんか、スタイルが当たらなくなってしまいましたね…。
ちょっと調査してみます。
hossy reacted
2021年7月22日 12:47
どうやらWordPress5.8でクラシックエディター用のCSSファイルが読み込まれなくなり、それぞれ独立したっぽい?のかもしれません。
加えて、CSSセレクタの仕様も少し変わったみたいです。おそらく。
取り急ぎ、修正版をアップしました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
アップデート後も色が反映されないものがありましたら、ブロック名(機能名)と色の箇所を教えていただければ修正します。
hossy reacted
2021年7月22日 16:24
ご確認ありがとうございます。
今確認してみたら僕の勘違いで、今度は公開ページにスタイルが反映されなくなってきました。
今から上に書き込んであるのも含めて修正します。
今は、一時的にバージョンを戻した方が良いかもしれません。
ダウングレード方法はこちら。
https://wp-cocoon.com/manual-downgrade-of-cocoon-theme/
お手数をおかけして申しわけないです。
hossy reacted
Topic starter
2021年7月22日 16:34
しかしこの記事をこんな短時間で・・・すごい!!
2021年7月22日 16:43
修正してみました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
「見出しの装飾」ってなんだろう?スタイル自体が装飾なので、いろいろなものにが当てはまるかと思います。
できればスクリーンショットをいただければと思います。
「ラベルボックスの見出しの背景」というのも、ラベルボックスというのは添付画像のようなものです。
この見出しの背景とは。
こちらもできればスクリーンショットをいただければ幸いです。
2021年7月22日 16:44
しかしこの記事をこんな短時間で・・・すごい!!
これは、毎回フォーラムでやり方を説明するのが大変なので、今日の昼頃たまたま書いたものです。
hossy reacted
Topic starter
2021年7月22日 17:00
@yhira さん
ありがとうございます!!
見出し、H2でアンダーライン、H3で横に縦線?が入ってた気がしたのですが・・・
自信がなくなってきました。すみません。。
ラベルボックス、画像添付します!
よろしくお願いいたします。
2021年7月22日 17:01
・ラベルボックスの見出しの背景
⇒ これはスキン「SILK」のものです。
確かに、変更はきかないです。
元々の「SILK」の仕様がちょっと分からないですけど。
ラベルボックスはスキンの影響ということか。
2021年7月22日 17:02
すみません、また出てきます。
ダウン中ですので、PCはさわらず確認はしていません。
「ラベルボックスの見出しの背景」
これは、スキン「SILK」のものです。
「見出しの装飾」ってなんだろう?
borderは反映されてなかったと思います。
もしかすると、backgroud-colorもかもしれません。
では、再びダウンします。
hossy reacted
2021年7月22日 17:02
見出し、H2でアンダーライン、H3で横に縦線?が入ってた気がしたのですが・・・
自信がなくなってきました。すみません。。
この状態のスクリーンショットをいただければ幸いです。
これもスキンと関係してそうですね。
2021年7月22日 18:07
皆様、参考画像ありがとうございます!
やっぱ、WordPress5.8からスタイルの読み込みなどはクラシックエディターとブロックエディターに分かれたみたいですね。
以前は管理画面で、クラシックエディターの方でスタイルを読み込んでおけば、ブロックエディターにも適用されていたのですが、WordPress5.8からそれぞれ別になったようです。
厳密に書くと、editor_stylesheetsフィルターフックが、ブロックエディターで読み込まれなくなり、必要なものはenqueue_block_editor_assetsフィルターフックで読み込む必要が出てきた。
一応、メモとして残しておきます。
GitHubのファイルで、ブロックエディターでもスタイルを読み込むようにし、シルクスキンのスタイルもエディターで適用できるように修正しておきました。
https://github.com/yhira/cocoon
こちらシルクスキンを適用した状態でのブロックエディター上での表示。
2021年7月23日 00:31
以下トピックも、こちらに関連すると思いますので、記載します。
WordPressをアップデートしたらトグルボックスが真っ白になった
https://wp-cocoon.com/community/postid/53810/
「アコーディオン(トグル)」ボックスのボーダー色が、「見出し」部分に反映されないようです。
また、「見出し」の文字も白くなってしまうようです。
エディタ画面のみではなく、実際のページ表示にも影響があるようです。
すみませんが、詳しくは確認しておりません。
(背景色・文字色は問題ないようには思いますが。。。)
2021年7月23日 00:51
リフィトリーさん
少々待ちください。
最新版でもう1度確認します。
2021年7月23日 00:59
リフィトリーさん
私も同様ですが、2.3.3.3は今日だけでかなりアップデートが…。
2021年7月23日 01:03
わいひらさん
解消されました。
速いっ!?
ちなみに、既知の部分は確認していません。
まだ不調ですので、hossyさんにお任せするつもりです。
hossy reacted
Topic starter
2021年7月23日 10:30
@yhira さん
遅くなってすみません!
全部直ってます!!!!!
ありがとうございました!!!!!
@mk2_mk2 さん、@leafytree さんもありがとうございました!!!
本当に皆さんいつもありがとうございますm(_ _)m
2021年7月23日 11:19
わいひらさん
スキン「SILK」についてです。
以下のトピックですが。
SILKスキンのCSSが重複している?
https://wp-cocoon.com/community/postid/53815/
今のところ、ご質問者さんのご質問内容、どんな不具合などあるのかは不明なのですが。
どうも、ろこさんにご確認をなさったという事らしいです。
ろこさんが仰るには、「SILK」自体は修正は不要だとのことです。
試しに、今のCocoonのバージョンのままで、古い「SILK」(Cocoon 2.2.7.1の頃)のものを適用しました。
「ラベルボックスの見出しの背景」については、古い「SILK」で問題がなかったです。
(他の箇所の確認はしていませんが。)
2021年7月23日 11:23
hossyさん
アコーディオン、ボーダー色を変えると文字色が反映されなくなるようです!(マイクロバルーンの時と同じ感じです)
これはどこの文字ですか?
アコーディオン内の文字色ですか?
それとも、アコーディオンの見出しの文字色ですか?
固定ページ 1 / 2
次へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。