投稿画面にて「追加CSSクラス」にクラス名を入力してもスタイルが反映されない（一部Cocoonブロックのみ） - 開発者向けフォーラム https://wp-cocoon.com/community/developer/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%ab%e3%81%a6%e3%80%8c%e8%bf%bd%e5%8a%a0css%e3%82%af%e3%83%a9%e3%82%b9%e3%80%8d%e3%81%ab%e3%82%af%e3%83%a9%e3%82%b9%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b/ Cocoon ディスカッション掲示板 ja Fri, 16 Oct 2026 17:39:39 +0000 wpForo 60 RE: 投稿画面にて「追加CSSクラス」にクラス名を入力してもスタイルが反映されない（一部Cocoonブロックのみ） https://wp-cocoon.com/community/developer/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%ab%e3%81%a6%e3%80%8c%e8%bf%bd%e5%8a%a0css%e3%82%af%e3%83%a9%e3%82%b9%e3%80%8d%e3%81%ab%e3%82%af%e3%83%a9%e3%82%b9%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b/#post-27832 Sun, 09 Feb 2020 10:46:21 +0000 ご確認ありがとうございます。

]]> 開発者向けフォーラム わいひら https://wp-cocoon.com/community/developer/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%ab%e3%81%a6%e3%80%8c%e8%bf%bd%e5%8a%a0css%e3%82%af%e3%83%a9%e3%82%b9%e3%80%8d%e3%81%ab%e3%82%af%e3%83%a9%e3%82%b9%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b/#post-27832 RE: 投稿画面にて「追加CSSクラス」にクラス名を入力してもスタイルが反映されない（一部Cocoonブロックのみ） https://wp-cocoon.com/community/developer/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%ab%e3%81%a6%e3%80%8c%e8%bf%bd%e5%8a%a0css%e3%82%af%e3%83%a9%e3%82%b9%e3%80%8d%e3%81%ab%e3%82%af%e3%83%a9%e3%82%b9%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b/#post-27795 Sat, 08 Feb 2020 18:32:11 +0000 @yhira

早速のご対応ありがとうございます。
追加CSS反映されるようになっていました。



]]> 開発者向けフォーラム oharu https://wp-cocoon.com/community/developer/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%ab%e3%81%a6%e3%80%8c%e8%bf%bd%e5%8a%a0css%e3%82%af%e3%83%a9%e3%82%b9%e3%80%8d%e3%81%ab%e3%82%af%e3%83%a9%e3%82%b9%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b/#post-27795 RE: 投稿画面にて「追加CSSクラス」にクラス名を入力してもスタイルが反映されない（一部Cocoonブロックのみ） https://wp-cocoon.com/community/developer/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%ab%e3%81%a6%e3%80%8c%e8%bf%bd%e5%8a%a0css%e3%82%af%e3%83%a9%e3%82%b9%e3%80%8d%e3%81%ab%e3%82%af%e3%83%a9%e3%82%b9%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b/#post-27790 Sat, 08 Feb 2020 14:36:09 +0000 こ連絡ありがとうございます。
エディター上でも該当ブロックの追加CSSが即時に反映されるように修正してみました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
https://wp-cocoon.com/wp-content/uploads/2019/01/github-zip.png
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
よろしければ、テスト環境でアップデートして試してみていただけると幸いです。

]]> 開発者向けフォーラム わいひら https://wp-cocoon.com/community/developer/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%ab%e3%81%a6%e3%80%8c%e8%bf%bd%e5%8a%a0css%e3%82%af%e3%83%a9%e3%82%b9%e3%80%8d%e3%81%ab%e3%82%af%e3%83%a9%e3%82%b9%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b/#post-27790 投稿画面にて「追加CSSクラス」にクラス名を入力してもスタイルが反映されない（一部Cocoonブロックのみ） https://wp-cocoon.com/community/developer/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%ab%e3%81%a6%e3%80%8c%e8%bf%bd%e5%8a%a0css%e3%82%af%e3%83%a9%e3%82%b9%e3%80%8d%e3%81%ab%e3%82%af%e3%83%a9%e3%82%b9%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b/#post-27771 Sat, 08 Feb 2020 03:08:56 +0000 致命的ではありませんが、Cocoonで制作したクライアントサイトにて起きている問題ですので、できれば対応いただけると幸いです。

***
問題点：
投稿画面にて「追加CSSクラス」にクラス名を入力してもスタイルが反映されない（一部Cocoonブロックのみ）

***
詳細：
投稿時、ブロックを選択して右サイドメニューから「高度な設定＞追加CSSクラス」にクラス名を入力することで、子テーマ（style.css、editor-style-css）にて設定したスタイルが反映される仕様だと思います。

この機能を使って、スマホ/PC表示を切り替えたり、マージンを調整したり、デザイン装飾できるように独自でスタイルを用意しました。

しかし、下記のブロックのみクラス名を入力してもスタイルが反映されません。
（デベロッパーモードで確認してもクラス名が付与されていないようです。）

・付箋風ブロック
・アイコンボックス
・案内ボックス
・検索案内
・ブログカード
・２カラム
・３カラム

※実際の公開ページではスタイルは反映されるため致命的な問題ではありませんが、ユーザーが困惑しているため、なるべく投稿画面と公開ページの表示を統一させたいと考えております。

***

おそらくCocoonブロック（React）の作りの問題だと思うのですが、最新のソースコードは公開されていなかったのと、私自身Reactに詳しくないので原因の特定まではできませんでした。。

お手数おかけしますが、ご確認お願い致します。


文章ではイメージがお伝えしづらいのでキャプチャー動画もとりました。↓

//drive.google.com/file/d/1BoR_3DvxPvkhBqJNT5aa2u4fMoKOaEK_/view?usp=sharing

 

]]> 開発者向けフォーラム oharu https://wp-cocoon.com/community/developer/%e6%8a%95%e7%a8%bf%e7%94%bb%e9%9d%a2%e3%81%ab%e3%81%a6%e3%80%8c%e8%bf%bd%e5%8a%a0css%e3%82%af%e3%83%a9%e3%82%b9%e3%80%8d%e3%81%ab%e3%82%af%e3%83%a9%e3%82%b9%e5%90%8d%e3%82%92%e5%85%a5%e5%8a%9b/#post-27771