Name: Elementorの “内部セクション” “コンテナが表示されない時の解決方法
Item: Elementor
Author: Hoda

Elementorは最近大型のアップデートを行いました。それによって、エディター画面に変更があり、多くの方が混乱しているかと思います。

実際に僕もこれについてよくご質問をいただくので、今回は Elementorの “内部セクション” “コンテナ”が表示されない時の解決方法についてご説明したいと思います。

その前に、Elementorの最近のアップデートについてご説明したいと思います。

Elementorの最近のアップデートの概要

2022 年 3 月 22 日、Elementor はリリースElementor 3.6を発表し、待望の機能である Flexbox Container Experiment を導入しました。この待望の追加により、Elementor のエクスペリエンスが変わりました。

Flexbox Container をアクティブ化すると、内部セクション ウィジェットが新しい コンテナ ウィジェットに置き換えられます。 Flexbox Container が導入される前は、Elementor の編集パネルは以下のように表示されていました。↓

Flexbox コンテナをアクティブにすると、Elementor エディタパネルに以下のようなものが表示されます。

これらは人によって「使いやすく/使いにくい」「慣れている/慣れていない」の問題があると思います。もし新しいサイトを使った時に、上記のウィジェットが表示されていない場合、Elementorの設定ページから簡単に変更することができます。

注: Elementor 3.16 以降、Flexbox コンテナのステータスは「安定」にアップグレードされました。その結果、インストールではデフォルトでアクティブ化されます。

「Elementor で内部セクションが表示されない」問題を解決する前に考慮すべきこと

Elementorでは、2つの異なる方法、内部セクションとFlexboxコンテナを使用してレイアウトを作成することができます。これら2つのアプローチは、それぞれ異なる機能や機能を提供しています。

Flexboxコンテナは、強化されたウィジェットやさまざまな新機能にアクセスできます。エレメンター3.10で導入されたタブウィジェットや、エレメンタープロ3.12のメガメニュー（メニューウィジェット）など、いくつかの注目すべき追加機能があります。これらの機能は、内部セクションでは利用できません。

単純に言えば、内部セクションウィジェットを選択すると、多くの貴重な機能が利用できなくなります。そのため、内部セクションとコンテナウィジェットを混ぜ合わせることはできないことを理解することが重要です。なぜなら、これらはレイアウト作成の2つの異なるアプローチを表しているからです。

重要な点として、内部セクションウィジェットを使用して作成されたレイアウトやデザインを編集することができる一方、コンテナウィジェットが有効になっている場合でも、その逆は成り立ちません。これにより、重要なポイントにたどり着きます。つまり、コンテナウィジェットを使用してデザインやレイアウトを作成し、それを無効にした場合、すべてを失うことになります。場合によっては、コンテンツも失われる可能性があります。

「Elementorで内部セクションが表示されない」という問題に対処する解決策は、Flexboxコンテナを無効にすることです。まず、すべてがスムーズに進行することを確認するために、ステージングサイトでこれを行うことをお勧めします。結果に満足したら、完全なバックアップを作成し、変更を本番サイトに適用します。

「Elementor に内部セクションが表示されない」問題を解決しましょう: ステップバイステップガイド

ステップ 1: WordPress にログインし、Elementor の機能に移動します

「Elementor に内部セクションが表示されない」問題を解決するには、まず WordPress ダッシュボードにログインする必要があります。その後、WordPress 管理者サイドパネルから、Elementor → 設定 に移動するだけです。 4 つのタブが表示され、そのうちの 1 つは「機能」です。それをクリックして次のステップに進みます。

ステップ 2: Elementor の Flexbox コンテナ機能をOFF/ONにする

下にスクロールすると「Flexbox Container」という項目があります。こちらをONにするとコンテナが有効になり、OFFにすると内部セクションが有効になります。

これは各ユーザーの好みなので、使いやすい方を有効にすることをオススメします。

ちなみに、説明文の英語は以下のようなことが書いてあります。

新しいFlexboxコンテナ要素を使用して、高度なレイアウトやレスポンシブデザインを作成しましょう。この試みでは、現在のセクション/列構造が置き換えられますが、既存のセクション、内部セクション、および列は引き続き保持され、編集することができます。試してみる準備ができましたか？ Flexboxプレイグラウンドをチェックしてみてください。

もし既にサイト上でElementorを使ってページを作成している場合、この変更後にページ上に問題がないか確認する必要があります。基本的には大丈夫ですが、もしページに影響があった場合は、前のバージョンに戻すなどの対応が必要です。事前にバックアップを取得しておくと確実です。