エディターのスタイルについて - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/ Cocoon ディスカッション掲示板 ja Thu, 16 Jul 2026 23:53:37 +0000 wpForo 60 RE: エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86048 Wed, 06 Aug 2025 10:21:08 +0000 ご確認いただきありがとうございます！

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86048 RE: エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86044 Tue, 05 Aug 2025 12:59:29 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.7
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------

修正されていることを確認しました。
本件をクローズとします。

●雑談

何度もお手数をおかけしてしまい誠に申し訳ありません。

仕方ないと思っています。
だから、なるべくGitHubの変更コードまで見るようにしています。

 

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86044 RE: エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86043 Tue, 05 Aug 2025 11:17:04 +0000 何度もお手数をおかけしてしまい誠に申し訳ありません。動作確認後、何かの手違いで次のコミットで打ち消していました。
https://github.com/xserver-inc/cocoon/commit/21d7777969fe1788f81cb451ec577a69a65b0d92#diff-5dac1bcde8ff0308c9d81457b61c1648db3e20178b599e751d613912eb91a908L488-L491

該当コードを修正しました。
https://github.com/xserver-inc/cocoon/commit/106018c3c88abd7e8b3c0f722e53f258b8b0a0a4

「Veilnui Simplog」スキン背景色の!importantは、必ずしも必要なものではなさそうだったので外すことにしました。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86043 RE: エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86038 Mon, 04 Aug 2025 11:51:28 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.7
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------

●現象

https://github.com/xserver-inc/cocoon/commit/23893f2a5c207a253d185dbcdb287b983ec9b58d#diff-5dac1bcde8ff0308c9d81457b61c1648db3e20178b599e751d613912eb91a908

masternのeditor-style.cssに上記の内容が反映されていない。

body#tinymce {
border: none;
box-shadow: none;
border-radius: none;
background-color: initial !important;
}



このため、例えば「ミックスグリーン」のとき、box-shadowが付く。

https://github.com/xserver-inc/cocoon/blob/21d7777969fe1788f81cb451ec577a69a65b0d92/editor-style.css#L489-L491

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86038 RE: エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86035 Mon, 04 Aug 2025 11:02:49 +0000 確認いただきありがとうございます。
エディタースタイルを失念しておりました。申し訳ありません。

エディタースタイルを無効にした時はエディターに反映されないように修正しました。
https://github.com/xserver-inc/cocoon/commit/d03d21b50ad8af96a8c6646668b4f3f9eff40d4e

またクラシックエディターにスキンが干渉していたのを修正しておきました。
https://github.com/xserver-inc/cocoon/commit/23893f2a5c207a253d185dbcdb287b983ec9b58d

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86035 RE: エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86031 Mon, 04 Aug 2025 04:18:17 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.7
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------

●設定

→→コンテンツ幅「900px」
→→コンテンツ余白幅「30px」

●問題点

「エディターにテーマスタイルを反映させる」オン・オフにに関係なく、カラム設定の値を反映している。

●現象１

Gutenbergエディターの場合、コンテンツ幅が900pxとなる。

●現象２

クラシックエディターのとき、余白（padding）を反映している。

https://github.com/xserver-inc/cocoon/blob/9f2893104f84f5e0de97874fc8e3ffcacaf22676/lib/admin-tinymce-qtag.php#L59

しかし、「エディターにテーマスタイルを反映させる」オフのとき、親CSSを読み込まない。
このため、以下のbox-sizingが反映されないため、main幅960pxとなり、更に左右に余白30pxとなってしまう。（図参照）

https://github.com/xserver-inc/cocoon/blob/9f2893104f84f5e0de97874fc8e3ffcacaf22676/style.css#L569

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86031 RE: エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86029 Sun, 03 Aug 2025 13:07:55 +0000 ご連絡頂きありがとうございます。
エディターのカラム幅については、これまで不便を感じたことがなく、Cocoon設定の「カラム」の「コンテンツ幅」連動することは、考えたこともありませんでした。
ただ、入力する際はまったく同じにはできないにしても、公開ページと同じようにカラム幅も反映された方が良いと思い「コンテンツ幅」が反映されるように変更しました。
https://github.com/xserver-inc/cocoon/commit/b05c13cc2fb044612c2c91501afd28c7fd75b9f2
https://github.com/xserver-inc/cocoon/commit/9f2893104f84f5e0de97874fc8e3ffcacaf22676

スキンについては、先ほど修正後に書き込みを見たので、明日以降確認し対応させていただこうと思います。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86029 RE: エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86025 Sun, 03 Aug 2025 02:05:51 +0000
  • Like Simplicity：枠
  • 「ミックス」シリーズ：枠
  • 「Veilnui Simplog」シリーズ：背景色

Veilnui Simplogはエディター内の背景色が付くだけなので、余り気にならず。

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86025 RE: エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86024 Sun, 03 Aug 2025 01:54:52 +0000 ●追記

→→エディタースタイル「エディターにテーマスタイルを反映させる」オン。
スキン「tecurio」シリーズで、クラシックエディターとした。

図示の通り、スキンCSSでmainにbox-shadowを定義しているのでエディター内に枠が表示される。

他のスキンも同様のことがあるか分かりませんが、メイン枠は表示されない方がいいのでは？
何も入力していないのに、表示されているので何か？と思いました。

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86024 エディターのスタイルについて https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86014 Sat, 02 Aug 2025 04:05:35 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.7
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------

●関連投稿

https://wp-cocoon.com/community/postid/86010/

●設定

→→エディタースタイル「エディターにテーマスタイルを反映させる」をオン

→

  • コンテンツ幅900px
  • コンテンツ余白幅30px
  • コンテンツ枠線幅0px

●現象

このとき、クラシックエディターのコンテンツ幅が900pxとならない。
また、Gutenbergエディターのコンテンツ幅は840px固定となっている？

●原因

クラシックエディターの場合、editor-style.cssで余白を1em 20pxとしているため、コンテンツ幅は920pxとなってしまう。

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%83%9a%e3%83%bc%e3%82%b8%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%a8/#post-86014