SWELLでスマホだけブロックが表示されない｜デバイス制限と親ブロックの確認手順

パソコンでは見えるのに、スマホで開くと見出しや記事一覧だけが消えている。SWELLでこの状態になったら、対象ブロックの「デバイス制限」と、それを囲んでいる親ブロックの設定を順に確認します。

対象ブロックに制限がなくても、親がPCのみの表示なら、その中の内容はスマホに出ません。この記事では、消えている範囲から確認する場所を絞り、PCとスマホの両方に表示できたかを確かめるまでを説明します。

親子の設定画像と4条件の表示例は、2026年9月にWordPress 7.1.1／SWELL 2.18.0で確認した記録です。2026年10月の見直しでは、PC編集画面の操作名と公式資料を再確認しました。スマホ実機での操作確認とは区別しています。

表示されない範囲の確認

この手順は、SWELLのブロックエディターをPCで操作でき、対象の投稿・固定ページを編集・保存できる人向けです。編集権限がない場合は、公開URLと消えている範囲をサイト管理者へ伝えてください。

編集する前に、PCとスマホで同じ公開URLを開き、何が消えているかを比べましょう。編集画面で見えるだけでは、読者側にも表示されるとは判断できません。PC用とスマホ用の内容を別々に作っている場合は、二重表示を避けるため、どちらを残すかも確かめます。

以下の表から、自分の症状に合う確認先へ進んでください。ページ全体が開かない場合は、この手順でブロック設定を変更せず、URLと表示されたエラーを確認します。

「新着記事」という見出しと、その下の記事一覧を例にすると、確認先は次のように絞れます。

症状別の確認先

表示されない範囲	最初の確認先	次の確認先
記事一覧だけが消える	投稿リスト自身	投稿リストを囲む親
見出しと記事一覧が一緒に消える	共通の親ブロック	さらに外側の親
ページ全体が開かない	URL・エラーの内容	本文以外の問題を調べる

見出しや一覧がまとまって消えている場合は、それらを囲むブロックが手がかりになります。ただし、消えた範囲だけで原因を決めつけず、実際の設定を確認してください。

この記事が扱うのは、投稿・固定ページの本文に置いたブロックの一部が表示されない症状です。ページ全体が開かない、エラー画面になる、ヘッダーだけが消える場合は、本文ブロック以外の確認が必要です。

対象ブロックのデバイス制限を確認する

消えているブロックを選択する

WordPressの管理画面で「投稿」→「投稿一覧」（固定ページなら「固定ページ」→「固定ページ一覧」）を開き、対象のタイトルを選びます。編集画面でスマホに出ないブロックをクリックします。例の記事一覧なら「投稿リスト」を選びます。

右側の設定サイドバーで「ブロック」タブを開き、選択中のブロック名が目的のものかを確認してください。「投稿」や「固定ページ」タブのままだと、ページ全体の設定を見ていることになります。サイドバーが閉じている場合は、編集画面右上の設定ボタンで開きます。

ブロックの選び方や設定サイドバーの見方に迷ったら、SWELLのブロックエディターの基本操作を先に確認できます。

表示の目的に合わせて制限をクリアする

「デバイス制限」を開き、「表示するデバイスサイズ」を確認します。PC・SPは表示を限定するための選択肢で、SPはスマホ側の表示を指します。変更する前に、選択したブロック名と元の設定をメモするか、画面を撮って残しておきましょう。

「PC」が選択されていて、そのブロックをスマホにも表示したい場合は、同じ欄にある「クリア」を押します。PC・SPのどちらにも限定しない状態になったことを確認してください。

対象ブロックのPCのみ表示を解除するときは「クリア」を選びます。

制限をクリアしたら、手順4〜6の保存と表示確認へ進みます。両方に表示され、重複もなければ完了です。親の設定変更へ進む必要はありません。対象に制限がない場合や、保存後も出ない場合だけ、次の親ブロックを確認します。ブロックを削除して作り直す必要はありません。

リストビューで親ブロックをたどる

親ブロックとは？

親ブロックとは、別のブロックを内側に入れている、外側のブロックのことです。グループ、カラム、SWELLのフルワイドなどが該当します。画面上で直前に並んでいる見出しが、必ず親になるわけではありません。

たとえば、フルワイドの中にグループがあり、その中に「新着記事」の見出しと投稿リストを置いた構成を考えます。フルワイドをPCのみの表示にすると、スマホでは内側の見出しと投稿リストも表示されなくなります。

この構成では、投稿リストだけを選んでも、外側のフルワイドの制限は解除できません。すぐ外側のグループに制限がなければ、さらに外側までたどる必要があります。

子をSPのみへ変更しても、PCのみの親の中ではスマホ表示を取り戻せません。親と子の両方で表示条件を満たす必要があるためです。

次の表は、2026年9月のPC・スマホ幅プレビューでの確認記録です。図と同じ構成で、親はフルワイド、対象は投稿リストを指し、間のグループはすべて制限をクリアしています。見出しの結果やスマホ実機での操作結果は含みません。

親・対象の設定	PCの投稿リスト	スマホの投稿リスト
親: クリア 対象: PC	表示	非表示
親: PC 対象: クリア	表示	非表示
親: PC 対象: SP	非表示	非表示
親: クリア 対象: クリア	表示	表示

親の設定を確認する手順

編集画面左上の「ドキュメント概観」から「リストビュー」を開きます。ブロックが一覧になり、内側のブロックは右へ下がって表示されます。矢印は中身の開閉、ブロック名は選択に使います。

目的の内容が両方に表示され、重複や操作の問題がなければ、そこで確認は完了です。原因が分かった後に、ほかのブロックの制限まで一括で解除する必要はありません。

見るのは、対象ブロックを中に含む親ブロックです。リスト上で隣にあるだけの別ブロックを順番に変更しないようにしましょう。リストビューでの選択方法は、WordPress公式のリストビュー解説でも確認できます。

SWELLユーザーフォーラムにも、新着記事と人気記事を囲むフルワイドがPCのみになっていた事例があります。制限を解除する案内の後、質問者から解決の報告がありました。過去の利用者の事例ですが、子だけでなく親を確認する理由が分かります。

対象ブロックと親ブロックに制限がない場合

対象と、その外側の親を確認しても制限が見つからない場合は、デバイス制限以外へ確認範囲を広げます。次の順で、変更と表示の対応を切り分けてください。

• 編集画面を開き直し、変更したブロックの設定が保存されているか確認する。確認中の公開URLが、編集した投稿・固定ページと同じかも照合する。
• スマホでページを再読み込みする。キャッシュ（表示を速くするために保存されたデータ）の機能を使っている場合は、利用中のサービスやプラグインの案内に沿って確認する。使っている機能が分からなければ管理者へ尋ねる。
• 追加CSSや独自の表示条件を設定している場合は、スマホ幅で非表示にする指定がないかを確認する。自分で設定していない場合は、制作担当者へ該当ページと消えている範囲を伝える。

CSS（ページの見た目を指定する記述）のdisplay: noneは、その要素だけでなく内側の内容も非表示にします。ただし、意味が分からない指定をまとめて削除しないでください。詳しい動作はMDNのdisplayの説明を参照し、どの要素を、どの画面幅で隠す目的なのかを確認します。

相談するときは「PCでは新着記事の見出しと一覧が見える／スマホでは両方が消える」「投稿リスト・グループ・フルワイドの制限は確認した」のように、症状と調べた範囲をセットで伝えると、次の確認場所を絞りやすくなります。

よくある質問

親ブロックが見つからないときは？

リストビューで対象を見つけ、左側の字下げと開閉矢印を確認します。対象が一番外側にあり、上位のブロックに含まれていなければ、親を探し続ける必要はありません。対象の制限にも問題がなければ「対象ブロックと親ブロックに制限がない場合」へ進みます。

PCとスマホ用のブロックを別々に作っている場合もクリアしますか？

一律にはクリアしません。意図的に出し分けている制限を外すと、同じ内容が二重に出ることがあります。スマホ用のブロックが別にないかを先に確認し、変更するブロックと残す内容を決めます。二重に出た場合は、自分が変えた設定だけを元へ戻して保存します。

モバイルプレビューで見えれば確認は完了ですか？

表示幅の確認はできますが、スマホ実機での確認とは別です。公開済みなら同じ公開URLをスマホで開き、表示とリンク・ボタンの操作を確かめます。実機を使えない場合は、その確認が残っていると区別してください。

まとめ

スマホだけブロックが表示されないときは、対象のデバイス制限を確認し、保存後も表示されなければリストビューで外側の親をたどります。PCとスマホの両方へ表示したいブロックでは、SPへ切り替えるのではなく、必要な制限をクリアします。

最後に、保存後のPC・スマホで表示と重複の有無を確認しましょう。どこを変えて直ったかが分かれば、次に同じ症状が起きたときも、必要な範囲から確認できます。