Skip to main content

ホスティング: WordPress Elementor

このガイドは、以下の製品を使用して作成されました:

(詳細はプロバイダーごとの製品によって異なる場合がありますが、基本的な概念は同じです)

はじめに

Elementorは、WordPress用の強力で使いやすいページビルダーで、コーディング知識がなくても簡単にプロフェッショナルなウェブサイトを作成できます。

備考

Elementorは無料版と有料版の両方が利用可能です。無料版のElementor(Elementor Core)でも、ウェブサイトを始めるのに必要なすべてが揃っています。Elementor Proは無料版に加えて追加機能やProウィジェットを提供します。詳しい違いは公式ドキュメントの**Elementor**で確認できます。

インストール

Elementorを使うには、まずホスティング上にWordPressがインストールされて稼働している必要があります。まだの場合は、まずこのステップを完了させましょう。やり方がわからない場合は、**WordPressのインストール**ガイドを参考にしてください。

WordPressが稼働したら、Elementorのインストールを始めましょう。ElementorはWordPressのプラグインとしてインストールします。プラグインのインストール方法は、WordPressプラグインガイドで確認できます。

WordPressの管理画面で「プラグイン」に移動し、ページ上部の新規追加ボタンをクリック。次の画面で「Elementor」を検索し、Elementor Website Builder - More than just a page builderの「インストール」をクリックします。

img

設定

インストールが完了したら、次は設定です。Elementorのウェルカムウィンドウが表示され、以下のステップに沿って進められます:Elementorアカウントの作成、「Hello」テーマのインストール、必要な機能の選択、最後に「準備完了」の確認。指示に従ってElementorを完全にセットアップしましょう。

img

Elementorアカウントの作成は必須ではありません。特にElementor Proを使う予定がなければスキップ可能です。その後、テーマをインストールし、必要な追加機能を導入しましょう。

img

はじめよう

これでElementorを使ってウェブサイトのデザインを始められます。まずはElementorの使い方、利用可能なウィジェット、デザインやレイアウトの編集方法、個別ページやテンプレートの作成方法を把握しましょう。

利用可能なウィジェット

無料版・有料版ともに、ウェブサイトのデザインやカスタマイズに使える多彩なウィジェットが用意されています。

基本ウィジェット

無料版Elementorでは、追加費用なしで使える以下のウィジェットが利用可能です:

  • インナーセクション、見出し、画像、テキストエディター、動画、ボタン、星評価、区切り線、Googleマップ、アイコン、イメージボックス、アイコンボックス、基本ギャラリー、画像カルーセル、アイコンリスト、カウンター、スペーサー、推薦文、タブ、アコーディオン、トグル、ソーシャルアイコン、プログレスバー、SoundCloud、ショートコード、HTML、メニューアンカー、アラート、サイドバー、テキストパス、コンテナ、リンクインバイオ。

Proウィジェット

Elementor Proではさらに多彩なウィジェットが追加され、ウェブサイトのデザインを強化できます:

  • 投稿、シェアボタン、ポートフォリオ、スライド、フォーム、ログイン、ナビメニュー、アニメーション見出し、価格表、価格リスト、ギャラリー、フリップボックス、コールトゥアクション、メディアカルーセル、推薦文カルーセル、ネストカルーセル、ループカルーセル、目次、カウントダウン、Facebookページ、引用、テンプレート、レビュー、Facebookボタン、Facebook埋め込み、Facebookコメント、PayPalボタン、Lottieウィジェット、コードハイライト、ビデオプレイリスト、ホットスポット、プログレストラッカー、Stripeボタン、メガメニュー、オフキャンバス

デザインとレイアウト

ページ作成

新しいページを作成し、Elementorで自由にデザインしましょう。サイドバーからElementorを開き、「ページ作成」を選択。エディターには多彩なウィジェットと設定オプションが用意されており、デザインやコンテンツを自在にカスタマイズできます。

img

テンプレート

コンテナ、ページ、セクションのテンプレートを作成し、何度でも使い回せます。大きなメリットは、変更を一箇所で行えば、テンプレートを使っているすべての箇所が自動で更新されること。時間を節約でき、サイト全体のデザインを統一できます。

img

Elementorドキュメント

このガイドはWordPressにElementorを導入するためのインストール、設定、基本操作に絞っています。Elementorの世界をもっと深く知りたいなら、公式の**Elementorドキュメントヘルプセンター**をチェックするのがおすすめです。

もっとElementor拡張機能

Elementorの無料版・Pro版で使える機能やテーマ、ウィジェットには限りがありますが、サードパーティ製の拡張機能を使えば、デザインの幅を大きく広げたり、新機能を追加したりできます。これらの拡張機能で、より自由に理想のウェブサイトを作りましょう。

拡張機能利用形態
Ultimate Addons for Elementor無料版・有料版あり
Master Addons for Elementor無料版・有料版あり
Essential Addons for Elementor無料版・有料版あり
Premium Addons for Elementor無料版・有料版あり
Happy Addons for Elementor無料版・有料版あり
ThePlus Addons無料版・有料版あり
JetElements有料版のみ

まとめ

すべてのステップを踏めば、Elementorのインストールと設定はバッチリ完了しているはず!もし質問やサポートが必要なら、いつでも毎日対応しているサポートチームに気軽に連絡してくださいね!🙂