Elementor Website Builder – More Than Just a Page Builder

世界中で2,000万以上のサイトをサポートする、コード不要のドラッグアンドドロップ方式の WordPress サイトビルダーのナンバー1が AI を搭載しました。

主要な WordPress サイト作成プラットフォームである Elementor は、コード不要のドラッグ アンド ドロップ エディターを使用して、プロフェッショナルでピクセルパーフェクトなサイトをシームレスに構築できるようにします。

サイトのライフサイクル全体をサポートする Elementor は、AI を活用した制作、画像最適化、トランザクションメール配信、アクセシビリティツール、パフォーマンス向上機能などの拡張機能により、自信を持ってサイトの構築、最適化、管理を行えるようにします。

Elementor One ですべての機能を利用できます。

Elementor サイトに高速で安全なクラウドホスティングが必要ですか ? Google Cloud と Cloudflare を利用したElementor Host をお試しください。TrustPilot スコアは4.9/5です。

🌟 プロフェッショナルなサイト作成

• 直感的なドラッグ＆ドロップビルダー: コード不要のドラッグ & ドロップエディターで、あらゆるサイトを構築できます。レイアウトとスタイルを完全にコントロールし、精密なデザインを実現します。
• ピクセルパーフェクトなデザインツール: SVG をアップロードし、マスク、グラデーション、ボックスシャドウ、見出し効果、シェイプディバイダーを適用し、組み込みの CSS コントロールを使用して高度なカスタマイズを行うことができます。
• Template Library: 完成されたサイトキットで手早く構築したり、豊富なライブラリから個別ページ、ブロック、ポップアップテンプレートを選択できます。
• Advanced Widgets: 見出し、画像、テキスト エディター、動画、ボタン、ギャラリー、カルーセルなど、40を超える無料ウィジェットにアクセスできます。
• AI 機能: ネイティブ AI 統合により、デザインとコンテンツ作成のプロセスに革命をもたらします。セクション、テキスト、コード、画像を瞬時に作成できます。

🗝️ 主な特徴:

• デザインシステム: Elementor のデザインシステムを使って、色、タイポグラフィ、デザイン要素を統一し、まとまりのあるプロフェッショナルな外観を確保しましょう。
• レスポンシブデザイン: カスタムブレークポイントを使用してあらゆる端末に合わせてデザインを最適化し、デスクトップ、タブレット、モバイルでシームレスな体験を実現します。
• マスクシェイプ: 画像や動画など、あらゆる要素を好きな形に変えて、目立つデザインを作成できます。
• CSS Transform: CSS Transform を使用して要素を回転、拡大縮小、傾斜させ、サイトに動的なスタイルを追加します。
• エントランスアニメーション: 要素にエントランスアニメーションを追加して、魅力的でインタラクティブなユーザー体験を実現します。
• Revision History: Elementor のリビジョン履歴機能を使用すると、デザインの過去のバージョンを確認したり元に戻したりすることができ、制作過程で安心感と柔軟性を提供します。
• 開発者向け: 豊富なドキュメント、API、開発者ツール、カスタムコード領域を備えた Elementor は、開発者が機能を拡張し、カスタムソリューションを作成するのに役立つ環境を提供します。
• フローティングボタン: スクロール中も表示されたままのカスタマイズ可能なフローティングアクションボタンで、ユーザーとのインタラクションを強化します。
• Theme Builder [Pro]: ヘッダー、フッター、投稿、アーカイブなど、サイトのあらゆる部分をデザインして、外観を完全に制御できます。
• Popup Builder [Pro]: 高度なターゲティングとトリガーのオプションを備えた Elementor の Popup Builder を使用して、目を引くポップアップを作成し、ユーザーエンゲージメントとコンバージョンを最適化します。
• フォーム [Pro]: 高度な機能と統合を活用してカスタムフォームを設計および統合し、送信を効果的に取得および管理します。
• WooCommerce Builder [Pro]: Elementor ã‚’ WooCommerce と統合して、カスタム製品ページ、ショップレイアウト、アーカイブ、お買い物カゴ、購入手続きページ、マイアカウントなどをデザインし、ストアの見た目の魅力と機能性を高めます。
• 動的コンテンツ [Pro]: 動的コンテンツ機能を活用して、デザインをさまざまなデータ ソースに接続し、パーソナライズされたインタラクティブな Web エクスペリエンスを作成します。
• Notes [Pro]: Elementor の Notes 機能を使用してデザインインターフェースに直接フィードバックやコメントを残すことで、チームのコラボレーションを強化します。
• カスタムコード [Pro]: カスタムコードを挿入してサイトの機能を拡張し、高度なカスタマイズを柔軟に行うことができます。
• カスタム CSS [Pro]: カスタム CSS を適用して要素のスタイルを微調整し、デザイン面を正確に制御します。
• モーションエフェクト [Pro]: 要素に高度なモーションエフェクトを追加して、よりダイナミックで魅力的なユーザー体験を実現します。
• Custom Fonts & Icons [Pro]: あなたのブランドアイデンティティに一致するようにカスタムフォントとアイコンをアップロードして使用することができます。

😍 Elementor 無料ウィジェット

Elementor の可能性を解き放つ、無料のウィジェットとツールの包括的なスイートは、サイト作成プロセスを強化し、デザイン能力を向上させるように設計されています:

• 見出し。目を引く見出し。
• 画像。サイズ、不透明度などをコントロールします。
• テキストエディター。WordPress テキストエディターと同じようなもの。
• 動画。YouTube、Vimeo、VideoPress、Dailymotion、または自分でホストした動画を追加します。
• ボタン。インタラクティブなボタンを作成します。
• プロフィールにリンク。プロフィールにリンクコンポーネントを構築して、ビジネスやサービスを宣伝しましょう。
• 画像ボックス。画像、見出し、テキストを含むボックス。
• お客様の声。お客様の声です。
• アイコン。600以上の利用可能なアイコンから選択しましょう。
• アイコンボックス。アイコン、見出し、テキストを1つのウィジェットで。
• ソーシャルアイコン。Facebook/X (æ—§Twitter) アイコンを使ってソーシャルページにリンクします。
• 画像ギャラリー。画像をグリッドで表示します。
• 画像カルーセル。選択した画像の回転するカルーセルまたはスライダーを作成します。
• アイコンリスト。任意のアイコンを使用して箇条書きリストを作成します。
• カウンター。数字を段階的に表示します。
• プログレスバー。進捗状況が徐々に表示されるプログレスバーを表示します。
• 入れ子タブ。縦または横のタブでコンテンツを表示します。
• 入れ子アコーディオン。折りたたみ可能なセクションに任意のタイプのコンテンツを表示します。
• 評価。他の訪問者がつけた星の数 (または別のアイコン) を表示します。
• アラート。訪問者の注意を引くために、色付きのアラートボックスを追加します。
• HTML。ページにコードを挿入します。
• ショートコード。任意のプラグインのショートコードをページに挿入します。
• メニューアンカー。任意のメニューをこのアンカーにリンクします。
• 続きを読む。アーカイブ ページの抜粋の続きを読むカットオフを設定します。
• サイドバー。ページにサイドバーを追加します。
• Google マップ。地図をページに埋め込みます。
• サウンドクラウド。SoundCloud オーディオビットを追加します。
• 区切り線。デザインされた区切り線でコンテンツを区切ります。
• スペーサー。要素間にスペースを追加します。
• テキストパス。テキストをパスに接続します。
• 増える一方です …。

🚀 サイトの強化

高パフォーマンスのサイト: サイトのパフォーマンスは、訪問者の体験と検索結果のランキングに影響します。Elementor は Google Chrome と提携して、デザインを損なうことなく継続的にパフォーマンスを向上させます。

主な機能は次のとおり:

• DOM 出力の削減: HTML 構造を合理化し、レンダリングを高速化します。
• メディアファイルの読み込みの改善: 画像、動画、その他のメディアアセットの読み込みが最適化されました。
• CSS と JS ファイルの削減: スタイルシートとスクリプトを最小化し、必要なときにのみ個別に読み込むことで、読み込み時間を短縮します。
• 遅延読み込み: 重要でないリソースの読み込みを遅延して、初期ページの読み込み速度を向上させます。
• フォント読み込みの高速化: テキストレンダリングの速度を向上させるために、Web フォントを効率的に配信します。
• 最適化されたフロントエンドのアセット読み込み: JavaScript ã‚„ CSS などのアセットを効率的に読み込み、レンダーブロックを最小限に抑えます。
• 要素のキャッシュ: 頻繁にアクセスされるデザイン要素をキャッシュして、サーバーの応答時間を短縮し、全体的なパフォーマンスを向上させます。

🔥 Elementor Editor Pro の機能

Elementor Editor Pro のフル機能サイトビルダーを使えば、時間、費用、リソースを節約しながら、比類のないサイトを作成できます。100種類以上のプロ仕様のウィジェット、機能、ツールにアクセスできます。

Editor Pro Design Widgets:

1. 投稿: カスタマイズ可能なレイアウトとスタイルでブログの投稿を表示します。
2. 共有ボタン: 訪問者がさまざまなソーシャルメディアプラットフォームでコンテンツを簡単に共有できるようにします。
3. ポートフォリオ: 魅力的なポートフォリオレイアウトで作品やプロジェクトを紹介します。
4. スライド: カスタムアニメーションとトランジションを使用してダイナミックなスライドショーを作成します。
5. フォーム: ユーザー操作とデータ収集のための高度なフォームを設計およびカスタマイズします。
6. ログイン: ログインフォームまたはユーザー登録モジュールをサイトに追加します。
7. ナビゲーションメニュー: ユーザー体験を向上させるために、サイトのナビゲーションメニューをカスタマイズしてスタイルを設定します。
8. アニメーション化された見出し: アニメーション効果を使用して注目を集める見出しを作成します。
9. 価格表: 構造化された視覚的に魅力的な形式で価格プランまたはパッケージを表示します。
10. 価格リスト: カスタマイズ可能なスタイルオプションを使用して、価格またはサービスのリストを表示します。
11. ギャラリー: さまざまなレイアウトオプションとライトボックスのサポートを使用して、美しい画像ギャラリーを作成します。
12. フリップボックス: インタラクティブなフリップアニメーションを追加して、コンテンツや機能を強調表示します。
13. Call to Action: 魅力的な Call to Action セクションでユーザーのインタラクションとコンバージョンを促します。
14. メディアカルーセル: 画像や動画などのメディアファイルのカルーセルを表示します。
15. お客様の声カルーセル: 社会的証明として、カルーセル形式でお客様の声を表示します。
16. ネストされたカルーセル: より複雑なコンテンツを整理するために、ネストされたカルーセルを作成します。
17. ループカルーセル: コンテンツをループカルーセルで表示し、連続して視聴できるようにします。
18. 目次: 長い記事やガイドの目次を生成して、ナビゲーションを改善します。
19. カウントダウン: カウントダウンタイマーを追加して、プロモーションやイベントの緊急性を演出します。
20. Facebook ページ: Facebook ページのフィードやコンテンツをサイトに埋め込みます。
21. Blockquote: スタイリッシュな書式設定オプションを使用して、引用や推薦文を強調表示します。
22. テンプレート: 一貫したブランディングとレイアウトのために、デザインテンプレートを保存して再利用できます。
23. レビュー: 信頼と信用を構築するために、カスタマーレビューと評価を表示します。
24. Facebook ボタン: Facebook ページまたはコンテンツとのやり取りを促進するためのボタンを追加します。
25. Facebook の埋め込み: Facebook の投稿やコンテンツをサイトに埋め込みます。
26. Facebook コメント: サイトのページや投稿で Facebook コメントを有効化します。
27. PayPal ボタン: PayPal ボタンを統合して、簡単にオンライン決済ができます。
28. Stripe ボタン: Stripe 支払いボタンを統合して、安全なオンライン取引を促進します。
29. Lottie Widget: Lottie のアニメーションを追加して、視覚的な魅力とエンゲージメントを高めましょう。
30. コードのハイライト: 読みやすさを向上させるために、構文を強調表示してコードスニペットを表示します。
31. 動画プレイリスト: サイト上の動画コンテンツのプレイリストを作成し、カスタマイズできます。
32. メガメニュー: より良いナビゲーションと複雑なコンテンツを表示するための高度なメニューをカスタマイズします。
33. オフキャンバス: メインレイアウトを乱すことなく、スライドして余分な情報やメニューを表示するオフキャンバスエリアを作成します。

Editor Pro Theme Widgets:

ヘッダー、フッター、404ページ、グローバルアーカイブなど、サイトの主要部分をすべて構築およびカスタマイズできます

1. 投稿タイトル: 個々のブログ記事やページのタイトルをカスタマイズします。
2. 投稿の抜粋: ブログ投稿の簡単な概要またはティーザーを表示します。
3. 投稿コンテンツ: ブログの投稿またはページのメインコンテンツ領域をカスタマイズします。
4. アイキャッチ画像: ブログ記事やページのアイキャッチ画像を設定、カスタマイズできます。
5. 投稿者ボックス: ブログ記事に投稿者情報と経歴を表示します。
6. コメント投稿: サイトのコメント欄の外観と機能をカスタマイズします。
7. 投稿ナビゲーション: 閲覧しやすいように、隣接する記事にナビゲーションリンクを追加します。
8. 投稿情報: 投稿者や日付など、ブログ投稿に関する追加情報を表示します。
9. サイトロゴ: ブランディングのためにサイトのロゴをアップロードし、カスタマイズします。
10. サイトタイトル: サイトのタイトルをカスタマイズします。
11. ページタイトル: 個々のページのタイトルをカスタマイズします。
12. 検索バー: 検索バーを追加して、ユーザーがサイトのコンテンツを検索できるようにします。
13. パンくずリスト: 階層化されたナビゲーションパスを表示して、ユーザーのナビゲーションを向上させます。
14. サイトマップ: 検索エンジンのインデックス作成とユーザーナビゲーションを向上させるためにサイトマップを生成します。
15. ループグリッド: ブログ記事のアーカイブや製品リスト用のグリッドレイアウトをデザインしてカスタマイズできます。

Editor Pro WooCommerce Widgets:

サイト全体で完全なオンラインショッピング体験をデザインし、カスタマイズできます。

1. 製品: カスタマイズ可能なレイアウトとスタイルで個々の製品を表示します。
2. パンくずリスト: 階層化されたナビゲーションパスを表示して、ストア内でのユーザーのナビゲーションを向上させます。
3. 製品タイトル: 個々の製品のタイトルをカスタマイズします。
4. 商品画像: 商品一覧の画像を設定、カスタマイズできます。
5. 製品価格: 個々の製品の価格を表示します。
6. お買い物カゴに入れる: 簡単に購入できるように、カスタマイズ可能なお買い物カゴに追加ボタンを追加します。
7. 製品評価: 製品の評価やレビューを表示します。
8. 製品在庫: 製品の在庫状況を表示します。
9. 製品メタ: SKU やカテゴリーなど、製品に関する追加情報を表示します。
10. 製品コンテンツ: 製品説明のメインコンテンツ領域をカスタマイズします。
11. 短い説明: 商品の簡単な概要や予告を表示します。
12. 製品データタブ: 製品情報をタブ付きのセクションに整理して、整理しやすくします。
13. 追加情報: 寸法や重量など、製品に関する追加情報を表示します。
14. 商品関連: 関連商品を紹介し、追加購入を促します。
15. 上位商品販売: 上位商品販売製品を宣伝して平均注文額を増やします。
16. 製品: カスタマイズ可能な設定で製品のグリッドまたはリストを表示します。
17. カスタムお買い物カゴに追加: 特定の商品のお買い物カゴに追加ボタンをカスタマイズします。
18. WooCommerce ページ: お買い物カゴや購入手続きページなど、WooCommerce 固有のページをデザインおよびカスタマイズします。
19. 商品カテゴリー: 商品カテゴリーを表示することで、ストア内のナビゲーションが簡単になります。
20. お買い物カゴメニュー: ショッピングのお買い物カゴに簡単にアクセスできるように、ナビゲーションメニューにお買い物カゴアイコンを表示します。
21. お買い物カゴ: ショッピングのお買い物カゴページの外観と機能をカスタマイズします。
22. 購入手続き: 購入手続きページの外観と機能をカスタマイズします。
23. マイアカウント: 顧客アカウントエリアの外観と機能をカスタマイズします。
24. 購入の概要: 購入手続きプロセス中に購入の概要を表示します。
25. WooCommerce Notices: 注文確認メッセージなどの WooCommerce Notices の外観と機能をカスタマイズします。

Elementor Editor Pro を使用してプロフェッショナルな サイトを構築しましょう !

🔒 セキュリティとコンプライアンス

Elementor はセキュリティに最も重点を置いており、ISO/IEC 27001、ISO/IEC 27017、ISO/IEC 27018、ISO/IEC 27701、SOC 2 Type IIなどの業界認証を取得しています。これらの認証は、堅牢なセキュリティ対策の実装に対する当社のコミットメントを強調するものであり、認知された業界標準の遵守に対する当社の献身を強調するものです。

バグ報奨金プログラムを通じて、倫理的なセキュリティ研究を奨励しています。主要なバグ報奨金サービスと提携し、研究者の皆様に当社のサービスの脆弱性を報告する機会を提供しています。当社の報奨金プログラムには、24時間365日対応のトリアージチームも含まれています。

詳細については、トラストセンターをご覧ください。

♿ アクセシビリティのベストプラクティス

Elementorは、すべてのユーザーに優れたエクスペリエンスを提供するためのアクセシビリティツールと拡張機能を提供しています。HTML 5セマンティック、フルキーボードナビゲーションメニュー、機能の継続的な改善、ウィジェットなどが含まれます。

🌐 63以上の言語に翻訳され、RTL サポートも含まれています

Elementor は多言語、タイポグラフィ、RTL をサポートしており、63以上の言語のエディター翻訳があります。

WPML、Polylang、TranslatePress、Weglot などにも対応しています。翻訳にご協力いただける場合は、translate.wordpress.orgから新しい言語を追加してください。翻訳とローカライズの方法については、こちらをご覧ください。

⏩ サードパーティサービスの使用

ユーザー体験を向上させるために、Elementor は、必要な機能が有効化されている場合に次のサードパーティサービスを使用する場合があります:

• Google Fonts – サイトにフォントを追加するために読み込まれます。Googleの利用規約およびプライバシーポリシーが適用されます。
• Elementor の一部の機能では、Elementor.com からのアセットの読み込みが必要です。これらのアセットは、明示的に指定されていない限りトラッキングには使用されません。そのため、お客様の承認と手動によるオプトインが必要です。詳しくは、利用規約およびプライバシーポリシーをご覧ください。

📧 Elementor の関連製品

Image Optimizer: 優れた画像圧縮により、より高速で高品質なサイトパフォーマンスを実現します。

Site Mailer: SMTP プラグインを使用しない信頼性の高いメール管理で、コミュニケーションを合理的かつ効率的に保ちます。

Ally: 障がいのある方にとってのサイトの使いやすさを向上させます。Ally は、Web 制作者がよりインクルーシブなサイトを構築できるよう設計されています。主要なアクセシビリティ違反をスキャン、検出、修正し、すべての WordPress および Elementor サイトでシームレスに動作します。

📣 ユーザーの声をご覧ください

「Elementor は間違いなく最高のページ ビルダーです」 – ★★★★★ Graphicvision1

「信じられないほどユーザーフレンドリーなプラグイン」 – ★★★★★ Hyeyoga

「簡単で、私が最も使用している WP プラグイン」– ★★★★★ Xander Venske

「Pro バージョンにアップグレードしましたが、このプラグインが本当に気に入っています !」– ★★★★★ Andybarn56

「優れた製品と優れた技術サポート」– ★★★★★ Martywilsonnj

その他のお客様の声

🌍 グローバルコミュニティに参加しましょう

お互いの目標達成を支援するグローバルコミュニティに参加しましょう。

• Discord コミュニティ – Web クリエイターとチャットしたり、専用チャンネルで特定のトピックについて話し合ったりできます。
• Facebook コミュニティ – 15 万人を超えるメンバーが、サポート、アドバイス、フィードバック、チュートリアルを提供しています。
• GitHub コミュニティ – リリースに関する情報を入手したり、機能をリクエストしたり、バグを報告したりできます。
• Elementor のアドオン、テーマ、キット テーマとキット …