開発者向けフォーラム - Cocoon フォーラム https://wp-cocoon.com/community/developer/ Cocoon ディスカッション掲示板 ja Fri, 17 Apr 2026 00:29:44 +0000 wpForo 60 サーバ移行時の正しい方法について https://wp-cocoon.com/community/developer/%e3%82%b5%e3%83%bc%e3%83%90%e7%a7%bb%e8%a1%8c%e6%99%82%e3%81%ae%e6%ad%a3%e3%81%97%e3%81%84%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ Tue, 27 Jul 2021 02:37:59 +0000 インフラ関係はどこなのか分からなかったのでここに書かせて頂きます。

 

サーバ移行する際にDBと全ファイルを移行したのですが、cocoonの設定は移行できませんでした。

1. 基本的には設定をファイルを書き出して、サーバ移行が正しい手順でしょうか？

2. DBと全ファイルを移行で再現できない理由を知れたらありがたいです。(設定読み込みの仕組み)

3. 可能であれば、設定読み込み以外のcocoon設定再現方法を知りたいです。(移行作業を簡易化するため)

 

もしどなたか教えていただければ幸いです。

]]> 開発者向けフォーラム KERBEROS https://wp-cocoon.com/community/developer/%e3%82%b5%e3%83%bc%e3%83%90%e7%a7%bb%e8%a1%8c%e6%99%82%e3%81%ae%e6%ad%a3%e3%81%97%e3%81%84%e6%96%b9%e6%b3%95%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ 管理画面サイドメニューからの非表示 https://wp-cocoon.com/community/developer/%e7%ae%a1%e7%90%86%e7%94%bb%e9%9d%a2%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%8b%e3%82%89%e3%81%ae%e9%9d%9e%e8%a1%a8%e7%a4%ba/ Mon, 17 May 2021 02:00:12 +0000 管理画面サイドメニューをユーザー権限によって変更する際、global $menu;では上がってこないので現状ではcssで非表示にするしかないのでしょうか？

]]> 開発者向けフォーラム 投稿者名 https://wp-cocoon.com/community/developer/%e7%ae%a1%e7%90%86%e7%94%bb%e9%9d%a2%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%8b%e3%82%89%e3%81%ae%e9%9d%9e%e8%a1%a8%e7%a4%ba/ 「AMPエラー　Lazy Load」のトピックにつきまして https://wp-cocoon.com/community/developer/%e3%80%8camp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%80lazy-load%e3%80%8d%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%81%ab%e3%81%a4%e3%81%8d%e3%81%be%e3%81%97%e3%81%a6/ Sat, 13 Mar 2021 08:00:31 +0000 わいひらさん

いつもお世話になっております。

 

以下のトピックにつきまして、もしかしたら、テーマ側での対応が要るかもしれないと思い、このトピックを立てました。

 

「AMPエラー　Lazy Load」

 

トピックが「雑談」のジャンルに立ってしまったことと、トピックが長くなって、本来の主旨がわかりにくくなっているようでしたので、その意味で立てたトピックです。

 

WordPress5.7からの仕様変更によるもののようでしたので。

 

WordPress 5.7がiframeのネイティブLazy-loadingをサポート

 

Lazy-loading iframes in 5.7

]]> 開発者向けフォーラム リフィトリー https://wp-cocoon.com/community/developer/%e3%80%8camp%e3%82%a8%e3%83%a9%e3%83%bc%e3%80%80lazy-load%e3%80%8d%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%81%ab%e3%81%a4%e3%81%8d%e3%81%be%e3%81%97%e3%81%a6/ PC表示で、メディアクエリの切り換え付近の画面幅で横スクロールバーが出ます https://wp-cocoon.com/community/developer/pc%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%80%81%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%ae%e5%88%87%e3%82%8a%e6%8f%9b%e3%81%88%e4%bb%98%e8%bf%91%e3%81%ae%e7%94%bb%e9%9d%a2%e5%b9%85/ Tue, 19 Jan 2021 14:53:18 +0000 わいひらさん

いつもお世話になっております。


ちょっと、気になったのですが、PC表示のときに画面幅を少しずつ狭くしていくと、メディアクエリの切り換えの幅辺りで、横スクロールバーが表示されてしまうようです。

 

以前も、一瞬だけ表示されてはいたと思うのですが、横スクールバーが表示される範囲が若干増えているような気がします。

 

個人的には、横スクールバーがギリギリ出ない数値をメディアクエリの切り換え数値に設定した方が良いような気もするのですが、それだと何か問題がありますでしょうか？

 

例えば、Cocoonのカラム幅がデフォルトの時、「.wrap」の値は、1256pxですが、それに対してメディアクエリの切り換え値は、1260pxとなっていて、4pxだけ足した値になっています。

 

これだと、横スクールバーが表示されてしまうので、「.wrap」の値に対して、24pxを足して、メディアクエリの切り換え値を1280pxにすると、ギリギリ、スクロールバーが表示されずに、キレイに切り替わるような気がします。

 

]]> 開発者向けフォーラム リフィトリー https://wp-cocoon.com/community/developer/pc%e8%a1%a8%e7%a4%ba%e3%81%a7%e3%80%81%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%af%e3%82%a8%e3%83%aa%e3%81%ae%e5%88%87%e3%82%8a%e6%8f%9b%e3%81%88%e4%bb%98%e8%bf%91%e3%81%ae%e7%94%bb%e9%9d%a2%e5%b9%85/ Cocoon設定保存時のアクションフック https://wp-cocoon.com/community/developer/cocoon%e8%a8%ad%e5%ae%9a%e4%bf%9d%e5%ad%98%e6%99%82%e3%81%ae%e3%82%a2%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%95%e3%83%83%e3%82%af/ Sun, 06 Sep 2020 12:55:32 +0000 Cocoon設定保存時のアクションフックについて、_top-page.php#L107にある

do_action('cocoon_settings_after_save');

を全ての保存動作が実行された後の_top-page.php#L120に移動させることは可能でしょうか？

保存動作にcss-custom.cssの作成までが含まれているので、この動作が完了した後に別途プログラムを実行させたいです。

]]> 開発者向けフォーラム ろこ https://wp-cocoon.com/community/developer/cocoon%e8%a8%ad%e5%ae%9a%e4%bf%9d%e5%ad%98%e6%99%82%e3%81%ae%e3%82%a2%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%83%95%e3%83%83%e3%82%af/ スキンを更新しました https://wp-cocoon.com/community/developer/%e3%82%b9%e3%82%ad%e3%83%b3%e3%82%92%e6%9b%b4%e6%96%b0%e3%81%97%e3%81%be%e3%81%97%e3%81%9f/ Thu, 27 Aug 2020 00:05:24 +0000 いつもお世話になっております。

「みるらいと」スキンを更新しましたのでお知らせいたします。お手数ですが、お時間のあるときに下記ページから再ダウンロードして同梱いただけますと幸いです。

https://milmemo.net/mil-light-skin

変更点は以下です。

  • ヘッダーを追従させたときに背景色が抜けていたのをopacityで調整（Cocoonの公式サイトを見て調整漏れに気付き、ずっと気になっていました）
  • 日時表示に使っていた専用のfont-familyに不都合が起きていたので修正

これだけですので、お手すきのときで結構です（とは言いつつ、せっかくCocoon公式サイトに適用されている今！なのに背景色が抜けているのは「あちゃー」と思ってました?）

最後になりますが、スキンを使ってくれている方がとても多いみたいで本当に嬉しいです！！

お問い合わせや感想などもたくさんいただけるようになりました。これも素晴らしいテーマ「Cocoon」というベースがあるからこそなのは間違いありません。いつも本当にありがとうございます。

では。

]]> 開発者向けフォーラム みるみ https://wp-cocoon.com/community/developer/%e3%82%b9%e3%82%ad%e3%83%b3%e3%82%92%e6%9b%b4%e6%96%b0%e3%81%97%e3%81%be%e3%81%97%e3%81%9f/ ブロックエディターのスタイルに影響する擬似要素の修正 https://wp-cocoon.com/community/developer/%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e5%bd%b1%e9%9f%bf%e3%81%99%e3%82%8b%e6%93%ac%e4%bc%bc%e8%a6%81/ Sun, 16 Aug 2020 12:49:38 +0000 Move To機能によるスタイル崩れの不具合

の問題が解決してから新たにトピックを立てようとしていた内容なのですが、

見出しh2の下線の横線が、文字の中央に入り読みにくくなった。

にて先に修正が入ったため、合わせてトピックを立てておきます。

 

少なくとも

  • ほんわかライトニング
  • カラフルライン
  • Hygiene
  • m-系
  • Simple系
  • ミックス系
  • サムライブルー系
  • Bizarre-food系
  • おでかけ系
  • ドット系

以上のスキンでも同様の問題が確認されています。

WordPress5.5では各ブロックの外側にあるタグの擬似要素（::before,::after）を用い、ブロックの

  • 追加
  • 選択
  • 移動

などの動作をデザインしているからです。

 

擬似要素について、

  1. ブロックエディター側
  2. テーマ側

どちらのスタイルに寄せるかで修正方法は異なりますが、テーマ側のスタイルに寄せるのであれば、ブロックの動作を邪魔しないよう対策する必要があります。

]]> 開発者向けフォーラム ろこ https://wp-cocoon.com/community/developer/%e3%83%96%e3%83%ad%e3%83%83%e3%82%af%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%ae%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ab%e5%bd%b1%e9%9f%bf%e3%81%99%e3%82%8b%e6%93%ac%e4%bc%bc%e8%a6%81/ スタイルの余白（Cocoon設定の本文余白）に関する不具合 https://wp-cocoon.com/community/developer/%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ae%e4%bd%99%e7%99%bd%ef%bc%88cocoon%e8%a8%ad%e5%ae%9a%e3%81%ae%e6%9c%ac%e6%96%87%e4%bd%99%e7%99%bd%ef%bc%89%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e4%b8%8d/ Sun, 09 Aug 2020 14:58:28 +0000 プレビュー表示に含まれる問題の一部ですが、トピックを別にしました。

以下は現在に至るまでの流れです。

 

 

ブロック構造（親ブロック、子ブロック、孫ブロック…）に対して子ブロック以下に本文余白の設定が反映されません。

各コンポーネントごとに指定されているデフォルトの余白が異なる（1em、1.2emなど）ことから調整も難しく、設定値によってはマイクロコピーが上下ブロックと重なる不具合等も確認されていました。

 

本文余白の設定は

  1. 実際に表示されるページの本文
  2. 編集画面内の各種ブロック

の両方に影響するため、コンポーネントベースで調整しやすくするにはスタイル全体の余白設計やブロックのコーディングから見直すことも考える必要があります。

また、各コンポーネントは本文以外でも用いられることを前提とした方がよい（ショートコード・ウィジェットのブロック化やウィジェットエリアのブロックエディター化なども踏まえる）ため、修正時には合わせて視野に入れておくことも提案しました。

例：https://www.slideshare.net/manabuyasuda1/ss-71261608

 

 

現時点で明らかな修正点（#38060）は、

1. テーブルブロックは、figureタグとtableタグの関係からテーブルとスクロールバーの間に余白が入ってしまう。

2. 以下のブロックに余白設定が反映されていない。

  • テーブルブロック
  • グループブロック
  • 埋め込みブロック
  • 案内ボックスブロック
  • 囲みボタンブロック

3. グループブロック内のlast-childにmargin-bottom:0が指定されていない。

です。

加えて、ブロックエディター側のテーブルブロックでは、

.wp-block-table {
  overflow: hidden;
}

の上書き指定によって横スクロールが表示されない点について理由が分かっていないため、不具合かどうか確認をお願いします。

 

以下の質問内容

記事本文以外（articleクラス外）のブロックエディターで作成するコンテンツについては、それぞれの箇所やブロック毎に別途CSSセレクタを書いていくという認識でよろしいでしょうか？

が疑問点で、具体的にはどの範囲をテーマ側で対応する予定なのかが見えてこないことにより、どのように確認作業をしてよいのかが分かりません。

例えば、ウィジェットエリア内での各コンポーネント使用を考慮すると、現時点ではarticleクラス外での各コンポーネントのスタイルやarticleクラス内外でのショートコード（ウィジェット）等の余白指定に対してはほとんど余白指定がないため、ユーザー側で各自指定する必要があります。

どこまでテーマ側の不具合として書き込み、どこからユーザー側での対応になるのかを明確にしてほしいです。

 

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

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

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

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

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

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

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

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

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

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

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

]]> 開発者向けフォーラム ろこ https://wp-cocoon.com/community/developer/%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%81%ae%e4%bd%99%e7%99%bd%ef%bc%88cocoon%e8%a8%ad%e5%ae%9a%e3%81%ae%e6%9c%ac%e6%96%87%e4%bd%99%e7%99%bd%ef%bc%89%e3%81%ab%e9%96%a2%e3%81%99%e3%82%8b%e4%b8%8d/ ツールバーボタンの整理 https://wp-cocoon.com/community/developer/%e3%83%84%e3%83%bc%e3%83%ab%e3%83%90%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%ae%e6%95%b4%e7%90%86/ Sun, 09 Aug 2020 13:32:59 +0000 Cocoonが用意している全てのツールバーボタンを用いる場合（最大8個？）、または両サイドバーを開いた状態でエディターを使用する場合、画面幅（特に1500px前後）によってはツールバーがはみ出してしまい、操作に支障が出ます。

ツールバーボタンを4～5個程度に整理した方がよさそうです。

整理について例えば、文字装飾のツールバーボタンは④にあるテキスト制御内に集約したり、インラインタグでないショートコードは⑤のようにショートコードブロック等に移動させるなどが考えられます。

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

]]> 開発者向けフォーラム ろこ https://wp-cocoon.com/community/developer/%e3%83%84%e3%83%bc%e3%83%ab%e3%83%90%e3%83%bc%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%ae%e6%95%b4%e7%90%86/ Move To機能によるスタイル崩れの不具合 https://wp-cocoon.com/community/developer/move-to%e6%a9%9f%e8%83%bd%e3%81%ab%e3%82%88%e3%82%8b%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e5%b4%a9%e3%82%8c%e3%81%ae%e4%b8%8d%e5%85%b7%e5%90%88/ Sun, 09 Aug 2020 13:18:01 +0000 Move To（キーボードでブロックを移動できるようにするための機能）を使用すると、Cocoonのスタイルが崩れます。

原因はgutenberg.js#L12で挿入するクラスが当機能によってリセットされるためです。

また、段落ブロックやグループブロックで用意されているスタイル設定の一部でもスタイル崩れが生じます。

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

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

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

]]> 開発者向けフォーラム ろこ https://wp-cocoon.com/community/developer/move-to%e6%a9%9f%e8%83%bd%e3%81%ab%e3%82%88%e3%82%8b%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e5%b4%a9%e3%82%8c%e3%81%ae%e4%b8%8d%e5%85%b7%e5%90%88/