Elemntorを導入するために必要なもの
WordPress
レンタルサーバーとドメインのご契約が必要になります。
さらにはワードプレスの基本的なセットアップが完了してあることが望ましいです。
Gmailアカウント
Elemntorやその他のプラグインを利用するときにアカウントの作成が必要になります。
Gmailアカウントがあれば紐づけをするだけですので便利です。
必要なプラグインの導入
最低この２つくらいがあれば良いです。
Elementor Website Builder
Elementor本体です。これがないとElemntorは利用できませんので、必須のプラグインです。
Essential Addons for Elementor
記事一覧を作成しようとすると、Elemntor Proの契約が必要になります。このプラグインがあれば無料で記事一覧を作成することができます。
Elementor Header Footer
Elementor専用のヘッダーとフッターを作成しようとすると、Elemntor Proの契約が必要になります。このプラグインがあればヘッダーとフッター無料で作成することができます。
Elemntorの設定
グローバルカラー・グローバルフォントの設定
グローバルフォント
・Sawarabi Mincho
・Noto Serif JP
・Cormorant Garamond
フルワイドで表示する方法
フルワイドのページにするためには２つのステップがあります。
１．固定ページ・投稿ページのテンプレートを「Elementor全幅」もしくは「Elementorキャンバス」にする
多くのブログで「Elementor全幅」にすればフルワイドになると書いてありますが、WordPress全体の設定をフルワイドにしていないとできません。
既存ページを生かしつつ、フルワイドにするには「Elementorキャンバス」を設定することで、フルワイドを実現できます。
ただ、その場合はヘッダーとフッターが消えますので、独自でヘッダーとフッターを用意する必要があります。
２．
WordPressのElementorプラグインで「プレビューを読み込めませんでした」とエラーになる
ワードプレスでElementorのプラグインインストールしても作成できない場合があります
原因その１：elementorのアカウントをつくっていない
こちらにアクセスしてログインできる状態かを確認しましょう。
https://my.elementor.com/websites/
原因その２：Javascript関連が障害になっている
JqueryやJavascript関連でエラーが良く発生します。
例えば、Cocoonを使っていた場合のケースはこちらです。
そのほかにもfunction.phpのプログラムが要因になっている場合があるようです。
