サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
このフォーラムには初心者の方も多く参加されています。質問に不慣れな方も安心して相談できるよう、できるだけ穏やかな言葉でご案内いただけますと幸いです。
通知
すべてクリア
トピックスターター 2026年8月23日 00:36
平素より、お世話になっております。
「WordPress 7.1」からの、レスポンシブブロックスタイルについて、確認させてください。
例えば、「段落」ブロックで以下のように、「タブレット」時のみ、文字色を設定します。
【デスクトップ】
【タブレット】
【モバイル】
この際、「段落」は以下のようになり。
以下のstyleタグが追加されます。
このメディアクエリのブレイクポイントが、Cocoonのものと差異があるように思います。
これを、どうするか（このままで良しとするか、あわせるか）、一応確認させてください。
（以前、雑談に少しリンクした件です）
このトピックは3週間前 7回からｍｋ２に変更されました
わいひら reacted
2026年8月23日 03:14
●WordPress標準レスポンシブのブレイクポイント
- デスクトップは、782px ＜ 表示幅
- タブレットは、480px ＜ 表示幅 ≦ 728px
- モバイルは、表示幅 ≦ 480px
theme.jsonで設定可能です。これはブロックの非表示に同様に適用されます。
{
"$schema": "https://schemas.wp.org/wp/7.1/theme.json",
"version": 3,
"settings": {
"viewport": {
"tablet": "834px",
"mobile": "480px"
}
}
}
●ご参考
「カラム」ブロックの「モバイルでは縦に並べる」は、表示幅 ＜ 782pxと1pxずれています。
この投稿は3週間前ずつ大門未知子に変更されました
わいひら reacted
トピックスターター 2026年8月23日 03:18
（以前、雑談に少しリンクした件です）
こちらにもリンクしておきます。
Responsive block styles and configurable viewports in WordPress 7.1
https://make.wordpress.org/core/2026/08/05/responsive-block-styles-and-configurable-viewports-in-wordpress-7-1/
無効にもできるようです。
緊急地震速報からの地震で、びっくりしたり、雪崩発生し後始末でこんな時間に💦
この投稿は3週間前 3回ずつｍｋ２に変更されました
わいひら reacted
2026年8月23日 11:54
ご報告ありがとうございます。
WordPress 7.1から、ブロックのレスポンシブスタイルやデバイス別表示制御で使用する画面幅を、大門さんの案通りにCocoonでは既存のメディアクエリに合わせて、theme.jsonに以下の設定を追加しました。
・モバイル：480px以下
・タブレット：481～834px
これにより、WordPress側のMobile／Tablet判定と、Cocoonの既存の画面幅設定が揃うようになるかと思います。
https://github.com/xserver-inc/cocoon/commit/1ec4aeb04c5c18e65e2277d6a4bbcf9ba94857c7
2026年8月24日 23:01
ご確認いただきありがとうございます！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。