SWELLテーマでElementorを使う際に パンくずリストを非表示にする方法

個人的な備忘録です。

SWELLではElementorの使用を推奨されていませんが、ブログはSWELLで表示して、LPはElementorを使って作りこみたいという方もいると思います。

その際に、基本的に SWELLでは個々のページで設定をカスタマイズすることができるのでタイトルや目次がElementorに入り込むということは防ぐことができます。

しかし、テンプレートを「Elementor Full Width」にしたとしてパンくずリストだけは表示されてしまうと思います。

今回はこれを非表示にする簡単な方法をご紹介します。

Elementor側で設定

まず、対象のページでElementorを開きます。 そして、以下の部分からサイト設定を開き → 「レイアウト」に進みます。

↓ レイアウトの中に ページタイトルセレクター という項目があります。 ここに値を入れると、Elementorの「固定ページ 設定」の「タイトルを隠す」をONにした時にここのCSSセレクターの値の要素を非表示にできます。

SWELLの場合、ページタイトルセレクターの値は以下になるので、そのまま貼り付けて保存します。

#breadcrumb

↓ そして、歯車から 固定ページ設定に進みます。 そして、「タイトルを隠す」をONにすると パンくずリストを非表示にすることができます。

これはこのページに対してのみ機能するので、 他の通常の固定ページには影響はありません。