PR

SWELLブロックエディタでブロックが表示されない原因とチェックリスト

ワードプレス

 

はじめまして。当ブログ管理人の後藤です。

未経験者が「なぜブログで10万稼げたのか?」その秘密を暴露します。 「今年こそは絶対稼ぎたい!」という人は今すぐご覧ください。


あっさり10万稼ぐためのメルマガ

 

 

それでは始めます。

 

結論から言うと、SWELLのブロックエディタでブロックが表示されない原因の多くは、WordPressやSWELL、プラグインや表示設定を順番に見直せば、難しいコードを触らなくても自力で解決できます。

この記事で分かる事

  • 自分の症状がどのパターンに当てはまるかをひと目で整理できる
  • 原因ごとに、どこをどう触ればいいか具体的な手順が分かる
  • 同じトラブルをくり返さないための予防策が分かる

SWELLのブロックエディタでブロックが表示されないときも、この記事を見ながら一緒にチェックしていけば大丈夫なので、肩の力を抜いて読み進めてくださいね。

 

  ブログ収益化の教科書プレゼント

↓ ↓ ↓

ba15a

 

SWELLブロックエディタで「表示されない」症状をまず整理しよう

ごとう
ごとう

最初に、SWELLのブロックエディタまわりで「表示されない」と感じる症状をざっくり整理しておきます。自分のケースがどのパターンに近いのかを先に決めておくと、このあと読むべきところが分かりやすくなります。

SWELLブロックが表示されないときの代表的な症状パターン

よく相談される症状と、ざっくりした原因の方向性を表にまとめました。

症状パターン よくある原因の方向性
SWELLブロック自体がブロック追加画面に出てこない WordPressやSWELLのバージョン、プラグイン競合
特定のSWELLブロックだけが検索しても見つからない ブロック名の勘違い、仕様変更、ブロックマネージャーの設定
エディタでは見えるのに、公開画面では表示されない デバイス表示設定、目次などの表示条件、キャッシュ
投稿・固定ページの編集画面が真っ白になる プラグインやPHPバージョン、テーマファイルの不具合
一部のページだけレイアウトが崩れたりブロックが消える 子テーマのコードや追加CSS・JSの影響

「これかな?」と感じるものが一つなら、そのパートを重点的に読み込めばOKです。

複数当てはまっていそうなら、関連しそうなところをすべてチェックしていきましょう。

SWELLのブロック自体がブロックエディタに表示されないとき

ごとう
ごとう

ここでは、ブロック追加の画面に「SWELLブロック」というグループ自体がほとんど出てこない、というパターンを見ていきます。この場合は、WordPressやSWELLのバージョン、それからプラグインとの相性あたりから疑っていくのが鉄板です。

WordPress・SWELL・PHPのバージョンをまとめて確認する

SWELLのブロックエディタでブロックがほとんど表示されないとき、真っ先に見てほしいのがバージョン周りです。

特に、他テーマからSWELLに乗り換えた直後は、WordPress本体だけ古いまま放置されているケースがよくあります。

確認したい項目 確認場所の例 ポイント
WordPress本体のバージョン ダッシュボード内の「更新」画面 あまりに古い場合は、段階的な更新を検討する
SWELLテーマのバージョン 外観→テーマの一覧やテーマ詳細 子テーマだけでなく親テーマのバージョンも必ずチェックする
PHPバージョン レンタルサーバーの管理パネル 古すぎるPHPは不具合のもとになるので、推奨バージョンに近づける

ざっくりした流れはこんな感じです。

  • WordPress管理画面の「更新」ページで、WordPress本体・テーマ・プラグインの更新情報を確認する
  • SWELLの親テーマがきちんとインストールされているか、子テーマだけになっていないかもあわせて確認する
  • サーバーの管理画面からPHPのバージョンをチェックし、あまりにも古い場合はサーバー側の案内に沿って切り替える

一気に全部更新するのが不安なら、バックアップを取ってから「WordPress本体 → SWELL → プラグイン」の順で、少しずつ進めていくと安心です。

プラグイン競合でSWELLブロックが表示されないケース

バージョンを確認・更新してもSWELLブロックが出てこないときは、プラグイン同士の相性を疑ってみてください。

エディタ関連やキャッシュ関連のプラグインがいくつも入っていると、ブロックエディタの動作に影響が出ることがあります。

プラグインの種類 チェックポイント
エディタ関連 クラシックエディタ系、ブロック拡張系 Gutenberg自体を無効化していないか
キャッシュ・高速化 キャッシュ系、圧縮系、CDN系 管理画面までキャッシュや圧縮の対象になっていないか
セキュリティ WAF系、ログイン制限系 管理画面のスクリプト読み込みがブロックされていないか

プラグイン競合を探すときの基本的な手順は次の通りです。

  • 一度、すべてのプラグインを停止する
  • その状態でSWELLのブロックエディタを開き、ブロックが表示されるか確認する
  • 問題が解消していれば、プラグインを1つずつ有効化し、どのプラグインを有効にしたときに再発するかをチェックする

正直、少し根気のいる作業ですが、一度やっておくと「このプラグインはエディタ周りに影響が出やすい」と把握できるので、今後のトラブル予防にもつながります。

特定のSWELLブロックだけが出ない・公開画面で表示されないとき

ごとう
ごとう

次は、「SWELLブロック自体は出るけれど、特定のブロックだけ見つからない」「編集画面では見えているのに、公開すると消える」というパターンです。このあたりは、ブロックの探し方や名称の勘違い、表示条件やデバイス設定の影響が絡んでいることが多いです。

「装飾ボックス」「余白」など、ブロック名の勘違いに注意

「SWELLのブロックエディタで表示されない」と相談される内容の中には、そもそもブロックとして存在しないものを探しているパターンも紛れています。

代表的なのが、装飾ボックスや余白ボックス系の機能です。これらは独立したブロックではなく、段落やグループに対して付ける「スタイル」として用意されていることがあります。

探している機能 実際の場所・使い方の例
装飾ボックス 段落ブロックを選択→右側のブロック設定→「スタイル」から好みの装飾を選ぶ
余白(マージン・パディング) グループブロックやカラムブロックの設定内にある余白調整の項目
ふきだし 「SWELLブロック」グループ内のふきだしブロックや、パターンから挿入
関連記事ボックス 投稿リストブロックやカードリンク機能を使って実現する

「これはブロックとして用意されているのか」「既存ブロックにスタイルとして付けるのか」を一度整理してから探すと、かなり見つけやすくなります。

デバイス表示設定や目次の表示条件を見直す

「エディタではちゃんと見えているのに、公開すると一部のブロックだけ消える」というときは、SWELLならではの表示設定が原因になっていることがよくあります。

特に、デバイスごとの表示・非表示設定と、目次ブロックの表示条件は、一度設定を変えるとそのまま忘れてしまいがちです。

症状 チェックしたい設定
スマホだけ特定のブロックが表示されない ブロックのデバイス表示設定で「スマホで非表示」になっていないか
PC表示のときだけブロックが消えている 同様に「PCで非表示」設定になっていないか
目次がどのページでもまったく表示されない H2見出しが存在するか、目次ブロックの表示条件を満たしているか
特定の固定ページだけ目次が出てこない そのページ単位で目次を非表示にしていないか

デバイス別表示は、ブロックを選択したときに表示される設定パネル内の小さなアイコンから切り替えられます。

知らないうちにクリックしてしまい、「スマホだけ非表示」「PCだけ非表示」といった状態になっていることもあるので、まずはここを確認してみてください。

目次ブロックの場合は、「見出しが◯個以上あるときだけ表示する」といった条件を細かく設定できます。条件が厳しすぎると、エディタでは見えているのに本番ページでは非表示になることもあるので、一度設定を見直してみると良いです。

SWELLブロックエディタの画面が真っ白で何も表示されないとき

ごとう
ごとう

ここからは、そもそも投稿や固定ページの編集画面自体が開かない、真っ白になる、エラーが出て編集できない、という少し重めのパターンについて解説します。このケースでも、原因を一つずつ切り分けていけば、どこを直せばいいかはだんだん見えてきます。

画面が真っ白になったときの基本チェックリスト

 

 

 

【稼げるキーワード教えます】
▼  ▼  ▼
ba15a

 

 

 

ブロックエディタが真っ白になってしまったときは、次の順番でチェックしていくと原因を絞り込みやすいです。

優先度 チェック内容 概要
プラグインの一括停止 いったんすべてのプラグインを停止し、エディタが開くかどうか確認する
ブラウザのキャッシュ削除・別ブラウザでの確認 ブラウザ側のキャッシュや拡張機能が悪さをしていないかを確認する
テーマの一時切り替え 一時的に別テーマに切り替え、エディタが動くかどうかを試す
PHPエラーログの確認 サーバーのエラーログに、致命的なエラーが出ていないかをチェックする
ブラウザ拡張機能の無効化 広告ブロッカーなどの拡張機能を一度オフにしてみる

この流れでチェックしていくと、「プラグインが原因なのか」「テーマ側の問題なのか」「ブラウザやPC環境の問題なのか」を切り分けやすくなります。

特に、セキュリティ系やエディタ拡張系のプラグインは、アップデートのタイミングで思わぬ不具合を起こすことがあるので、最近追加・更新したプラグインには要注意です。

子テーマや追加コードが原因になっていないか確認する

もう一つ、忘れがちなのが子テーマのfunctions.phpや、追加したCSS・JavaScriptの影響です。

SWELLはカスタマイズの自由度が高いので、慣れてくると「子テーマに少しコードを足してみよう」と調整したくなりますが、そのコードがエディタの読み込みに影響していることもあります。

  • 特定のブロックを無効化するコード
  • スクリプトの読み込み順を変えるコード
  • 管理画面にも適用される強めのCSSやJS

こういったものが入っていると、SWELLのブロックエディタで予期せぬエラーが出たり、画面が真っ白になったりします。

一度、子テーマではなく親テーマのSWELLを有効化してみて、症状が出るかどうかを試してみてください。親テーマに切り替えた状態で問題が出ない場合は、子テーマ側のコードやカスタマイズ部分を見直す必要があります。

SWELLブロックエディタのトラブルを減らす予防策

ごとう
ごとう

ここからは、そもそもSWELLのブロックエディタで「表示されない」トラブルに遭遇しにくくするための予防策をまとめます。一度トラブルを経験したあとに、このあたりを整えておくと、次からはかなり安心して更新作業ができるようになります。

バックアップと検証環境を用意しておく

ブロックエディタ周りのトラブルは、テーマやプラグインの更新、プラグインの追加・削除がきっかけになることが多いです。

そのため、何か大きな変更をする前には、バックアップを取っておく習慣をつけておくと安心です。

やっておきたいこと おすすめのタイミング
サイト全体のバックアップ テーマやプラグインをまとめて更新する前
データベースのバックアップ プラグインを大量に追加・削除するとき
テスト用環境の作成 デザインや構成を大きく変える前

ローカル環境やステージング環境(テスト用のコピーサイト)を用意しておけば、「まずそちらで試してから本番に反映する」という安全な運用ができます。

最初は少し手間に感じますが、自分のブログやサイトを守る保険だと思って、少しずつ整えていきましょう。

困ったときの相談先・情報の探し方

SWELLは利用者が多い有料テーマなので、ブロックエディタで「表示されない」といった悩みも、すでに誰かがフォーラムやブログで相談していることが多いです。

困ったときは、次のような場所をチェックしてみてください。

  • SWELL公式マニュアル:基本的な使い方や仕様の確認に便利
  • SWELLユーザー向けフォーラム:自分と似た症状の事例を検索できる
  • 検索エンジン:「SWELL ブロック 表示されない ふきだし」など具体的なキーワードで検索する
  • SNSやコミュニティ:リアルな体験談や注意点を知るのに役立つ

フォーラムなどで質問するときは、次のような情報をセットで書いておくと回答がもらいやすくなります。

  • どのページで(投稿・固定ページのURLなど)
  • どのブロックが表示されないのか(ふきだし、目次、投稿リストなど)
  • どんな操作をしたあとに症状が出たのか(テーマの更新、プラグインの追加など)

ここまで整理してから質問すると、同じような経験をした人から、より具体的なアドバイスをもらいやすくなります。

よくある質問:SWELLブロックエディタが表示されないとき

ごとう
ごとう

最後に、SWELLのブロックエディタが表示されないときに、よく聞かれる質問をQ&A形式でまとめます。

Q1. SWELLのブロックエディタで「SWELLブロック」がほとんど表示されません。どうしたらいいですか?

A. まず、WordPress本体とSWELLテーマ、それからプラグインのバージョンを確認してみてください。

特に、他テーマから移行した直後にSWELLブロックがうまく出てこない場合、WordPressが古いままになっていることがあります。

そのうえで、一度すべてのプラグインを停止し、SWELLブロックエディタを開いてブロックが表示されるかを確認してみましょう。

Q2. ふきだしや装飾ボックスが、SWELLのブロックエディタで検索しても見つかりません。

A. ふきだしは「SWELLブロック」の中にありますが、装飾ボックスや余白などは、段落やグループに対して付けるスタイルとして用意されている場合があります。

「独立したブロック名なのか、スタイル名なのか」があいまいなまま探していると、「SWELLのブロックエディタで表示されない」と感じてしまいやすいポイントです。

一度、該当しそうなブロックを選択して、右側の設定パネルにスタイルの項目がないかを確認してみてください。

Q3. 編集画面ではSWELLのブロックが見えているのに、公開すると一部のブロックだけ表示されません。

A. 多くの場合は、デバイスごとの表示設定や目次の表示条件、キャッシュが原因です。

まずは、そのブロックのデバイス表示設定で「PCだけ表示」「スマホだけ表示」といった設定になっていないかを確認しましょう。

次に、目次ブロックやウィジェットの表示条件が厳しすぎないかを見直し、それでも直らない場合は、キャッシュプラグインやブラウザのキャッシュを削除してからもう一度表示を確認してみてください。

まとめ:SWELLブロックエディタで表示されないときの最初の一歩

この記事の内容をまとめます

  • SWELLのブロックエディタで「表示されない」と感じたら、まず自分の症状がどのパターンかを整理する
  • SWELLブロック自体が出ないときは、WordPress・SWELL・プラグイン・PHPなどのバージョンと競合を疑う
  • 特定のブロックだけ表示されないときは、ブロック名の勘違いや、デバイス表示設定・目次の表示条件を見直す
  • 編集画面が真っ白になる場合は、プラグインの一括停止やテーマ・子テーマの切り替えで原因を切り分ける
  • バックアップや検証環境、相談先を用意しておくと、SWELLブロックエディタ周りのトラブルにも落ち着いて対応できる

今日からできる最初の一歩としては、「自分のサイトのバージョン状況とプラグイン一覧をスクリーンショットに残しておく」ことをおすすめします。

いざ「SWELLのブロックエディタで表示されない」といったトラブルが起きたときにも、慌てることなく、この記事のチェックポイントを見ながら、原因を一つずつつぶしていきましょう。

 

 

記事を読んだらコチラ
▼  ▼  ▼
ba15a