こんにちは、根本です。

あなたは、すでにElementorという無料のプラグインを使っていると思いますが、何か不具合があって困っていせんか？例えば、、、

• ページに変な黒いラインが入ってしまっている
• ページを編集できない
• ページが表示されない

などなど。実は、Elementorは結構不具合が起こることがあるみたいです。実際に、僕も別のサイトでElementorを使っているんですけど、デザインがおかしくなったことがあります。他には、このブログにコメントをしていただいた方からも、黒い線が入ってしまうというような不具合があることが確認できています。ということで、今回は、Elementorでページを作成して、不具合が起こってしまう原因や解決方法をご紹介していきたいと思います。

Elementorが使えない原因とは？

Elementorのプラグインが使えない原因というのは、大きく3つあります。

• WordPressテーマ
• プラグイン
• レンタルサーバー

この3つです。じゃあ、それぞれ、どんな問題が発生するのか、どうやって解決すれば良いのかを確認していきましょう。

WordPressテーマによる不具合

まずは、テーマによる不具合に関してですが、基本的にWordPressにあらかじめ備わっている無料のテーマは使わない方が良いです。

• twentyfifteen
• twentysixnteen
• twentyseventeen
• twentyeighteen

ここら辺は、不具合が確認されています。黒い線が入ってしまったり、一部の背景がグレーになったりしていました。

• TCDのテーマ

無料だけでなく、有料のテンプレートでも不具合が生じる場合もあります。

TCDのテンプレートとは相性が悪そうです。

別途サブドメンでOceanWPを使ってテンプレート利用を考えています。

これは、クライアントの方からご連絡をいただいた内容です。具体的にTCDさんの何のテーマを使用していたのかは聞いていませんが、相性が悪いみたいです。ちなみに、僕もTCDさんのOOPS!というテーマを持っているんですけど、そのテーマでは不具合は生じませんでした。TCDさんのテーマを全部チェックしているわけではないので、わかりませんが、一部のテーマでは不具合が起こってしまうかもしれません。

• Divi

それから、有料のものでもうまくデザインが表示されなかったりします。僕がこのサイトで使用しているDiviは、有料のテーマになるんですけど、他のサイトでElementorと併用したら、ブレットが表示されないという不具合が起こりました。

このように、使用しているテーマとの相性で、不具合が生じることがあります。

じゃあElementorと相性の良いテーマは何？

• Hello Theme（無料）
• OceanWP（無料版あり）
• Astra Theme（無料版あり）
• GeneratePress（無料版あり）

日本では、Elementorとの相性が良いと公式に発表されているテーマというのは多分ないと思いますが、海外複数あります。例えば、上記にリストアップしたものがそうです。

中でも、Hello Themeは、Elementorが作成したテーマですし、無料でダウンロードして使うことができます。上記の画像がテンプレートをインストールした後のトップページです。初めてみたときは、笑っちゃいました。びっくりするほどシンプルです。まあ、Elementorでページを作成することを前提としているテーマなので、こんなにシンプルになっているんだと思います。他に挙げた、OceanWP、Astra Theme、GeneratePressは有料版のテーマを販売していますが、無料版もダウンロード可能です。

ということで、Elementorを使ってページを編集して公開してみたけど、黒い線が入ってしまっているとか、背景の色が元々のテーマの色を引き継いでしまっているという場合は、これらのテンプレートを使ってみてください。

プラグインによる不具合

こちらのページに載っていますが、基本的に、他のプラグインとの相性の関係で不具合が起こることはありません。しかし、以下のプラグインの場合は不具合が起こるみたいです。

• Shortcodes Ultimate
• Better WordPress Minify
• qTranslate X
• Facebook feed WD
• Image Map Pro
• Heartbeat Control
• WP Clone by WP Academy
• TheSaaS Theme & TheElementor

このうち、Shortcodes Ultimateは日本人の方も結構使っているかもしれませんね。他は、あまり聞きなれないプラグインばかりだと思います。そもそも、Elementorはショートコードでページを生成しているのでショートコード関係のプラグインとは相性が悪い可能性があるかもしれないですね。

もし、プラグインが原因だと思われる不具合に関しては、そのプラグインを無効化してみてください。もし、重要なプラグインが原因である場合は、サブドメインでWordPressをインストールしてページを作成するとかした方が良さそうです。

レンタルサーバーによる不具合

僕が使用しているXserver（エックスサーバー ）では、特に不具合は起こらないんですけど、一部のレンタルサーバーでは不具合が生じるみたいです。

僕のクライアントの方は、ロリポップを使用しているのですが、Elementorで編集をしようと思ったら、上記のポップアップが表示されて使えなかったそうです。「ENABLE SAFE MODE」という緑のボタンをクリックしてみると、、、

今度は、このポップアップが表示されたみたいです。ページを更新したら解決できるのかと思ったら、今度はサーバーのエラーが表示されたそうです。サーバー側の設定を変更しようと思って検索をしたら、こちらの記事を発見して、無事に解決できたみたいです。

でも、「一つのテンプレートの警告メッセージが消えても、新しく別のテンプレートをみようとすると、①（「ENABLE SAFE MODE」のポップアップ）の表記は出てしまうので、新しいテンプレートを開くごとにsafe modeボタンは押さないといけないかもしれないです。別の方法もあるのかもしれませんが。」というメッセージをいただきました。

おそらく、これは、WordPressのダッシュボードから「Elementor」の「ツール」に移動し、「Safe Mode」を「有効にする」に切り替えると解決できるはずです。

まとめ

• WordPressテーマ
• プラグイン
• レンタルサーバー

ということで、Elementorを使う場合は、今回ご紹介したように3つの問題が発生して、使うことができないことがあります。すでに、結構長い期間、ブログを運営しているとか、たくさんの記事が入っているWordPressサイトのテーマを変更することは大変です。しかも、別のテーマに切り替えることよって、外観が崩れてしまうこともありますので、あまりオススメはできません。もし、オプトインページとかセールスページなどといったランディングページを作成したいのであれば、サブドメインや新規でドメインを取得して、新しくWordPressのサイトを作成し、そちらにHello ThemeとかOceanWPなどのElementorと相性が良いテーマをインストールして、使って行くと良いと思います。

プラグインが問題でElementorが使用できないのであれば、無効化すればOKです。レンタルサーバーの問題であれば、サーバーに問い合わせてみたり、Google検索をかけて設定を変更してみてください。