Elementor Website Builder – 単なるページビルダーではない

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

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

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

バージョン4に登場 – Atomic エディター ! パフォーマンスを最優先に設計された新世代の Atomic ビルディングブロックにより、制限やレイアウトの制約なく、あらゆる Atomic パーツを自在にコントロールできます。グローバルなデザインシステムと再利用可能なコンポーネントを一度定義すれば、あらゆる場所に瞬時に適用され、何時間、何日もかかっていた作業がワンクリックで完了します。

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

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

🌟 Create professional stunning websites

• Intuitive drag & drop builder: Build any website with our no-code, drag-and-drop Editor. Achieve design precision with full control over layout and style.
• Pixel-perfect design tools: Upload SVGs, apply masks, gradients, box shadows, headline effects, shape dividers, and use built-in CSS controls for advanced customization.
• Template Library: 完成されたサイトキットで手早く構築したり、豊富なライブラリから個別ページ、ブロック、ポップアップテンプレートを選択できます。
• Advanced Widgets: 見出し、画像、テキスト エディター、動画、ボタン、ギャラリー、カルーセルなど、40を超える無料ウィジェットにアクセスできます。
• AI capabilities: Revolutionize your design and content creation process with native AI integration. Instantly create sections, text, code, and images.

🗝️ Key features

• デザインシステム: 変数とクラスを使用して、色、タイポグラフィ、デザインエレメントを統一し、世界中のあらゆる場所で更新される、まとまりのあるプロフェッショナルな外観を確保します。
• レスポンシブデザイン: カスタムブレークポイントを使用してあらゆる端末に合わせてデザインを最適化し、デスクトップ、タブレット、モバイルでシームレスな体験を実現します。
• Mask shapes: Turning any element, like an image or video, into whatever shape you desire to create standout designs.
• CSS transform: Use CSS Transform to rotate, scale, and skew elements, adding dynamic styling to your site.
• Entrance animations: Add entrance animations to elements to create engaging and interactive user experiences.
• Revision history: Elementor’s Revision History feature enables users to track and revert to previous versions of their designs, providing peace of mind and flexibility during the creative process.
• Developer-friendly: Equipped with extensive documentation, API, developer tools, and custom code areas, Elementor offers a conducive environment for developers to extend its capabilities and create custom solutions.
• フローティングボタン: スクロール中も表示されたままのカスタマイズ可能なフローティングアクションボタンで、ユーザーとのインタラクションを強化します。
• コンポーネント [Pro]: 同じ構成要素を複数のページやサイトで再利用し、表示されるすべての場所で更新できます。制御されたコンテンツ編集機能により、共同作業者やクライアントはレイアウトやスタイルを損なうことなく、公開されているコンテンツプロパティのみを更新できます。
• Theme Builder [Pro]: ヘッダー、フッター、投稿、アーカイブなど、サイトのあらゆる部分をデザインして、外観を完全に制御できます。
• Popup Builder [Pro]: 高度なターゲティングとトリガーのオプションを備えた Elementor の Popup Builder を使用して、目を引くポップアップを作成し、ユーザーエンゲージメントとコンバージョンを最適化します。
• フォーム [Pro]: 高度な機能と統合を活用してカスタムフォームを設計および統合し、送信を効果的に取得および管理します。
• WooCommerce Builder [Pro]: Integrate Elementor with WooCommerce to design custom product pages, shop layouts, archives, carts, checkout pages, my account, and more, enhancing your store’s visual appeal and functionality.
• 動的コンテンツ [Pro]: 動的コンテンツ機能を活用して、デザインをさまざまなデータ ソースに接続し、パーソナライズされたインタラクティブな Web エクスペリエンスを作成します。
• Notes [Pro]: Elementor の Notes 機能を使用してデザインインターフェースに直接フィードバックやコメントを残すことで、チームのコラボレーションを強化します。
• カスタムコード [Pro]: カスタムコードを挿入してサイトの機能を拡張し、高度なカスタマイズを柔軟に行うことができます。
• カスタム CSS [Pro]: カスタム CSS を適用して要素のスタイルを微調整し、デザイン面を正確に制御します。
• Motion effects [Pro]: Add advanced motion effects to elements for a more dynamic and engaging user experience.
• Custom Fonts & Icons [Pro]: あなたのブランドアイデンティティに一致するようにカスタムフォントとアイコンをアップロードして使用することができます。

😍 Elementor 無料ウィジェット

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

• Heading: Add eye-catching headlines.
• Image: Control the size, opacity and more.
• Text Editor: Just like the WordPress text editor.
• Video: Add YouTube, Vimeo, VideoPress, Dailymotion or self-hosted videos.
• ボタン: インタラクティブなボタンを作成します。
• Link in Bio: Build link in bio components to promote your business / services.
• Image Box: A box with image, headline and text.
• Testimonials: Customer testimonials.
• Icon: Place one or more of 600+ icons available.
• Icon Box: An icon, headline, and text with one widget.
• Social Icons: Link to your social pages with the Facebook/X (formerly Twitter) icons.
• Image Gallery: Display your images in a grid.
• Image Carousel: Create rotating carousels or sliders for chosen images.
• Icon List: Use any icon to create a bullet list.
• Counter: Show numbers in an escalating manner.
• Progress Bar: Include an escalating progress bar.
• Nested Tabs: Display content in vertical or horizontal tabs.
• Nested Accordion: Display any type of content in collapsible sections.
• Rating: Display how many stars (or another icon) other visitors gave.
• Alert: Include a colored alert box to draw visitor’s attention.
• HTML: Insert code into the page.
• Shortcode: Insert shortcodes from any plugin into the page.
• Menu Anchor: Link any menu to this anchor.
• Read More: Set the Read More cut-off for the excerpt in archive pages.
• Sidebar: Add sidebars onto the page.
• Google Maps: Embed maps into the page.
• SoundCloud: Add SoundCloud audio bits.
• Divider: Separate content with a designed divider.
• Spacer: Add space between elements.
• Text Path: Attach your text to a path.
• And counting…

🚀 Enhance your website

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

主な機能は次のとおり:

• Reduced DOM output: Streamlined HTML structure for faster rendering.
• Improved media file loading: Optimized loading of images, videos, and other media assets.
• CSS と JS ファイルの削減: スタイルシートとスクリプトを最小化し、必要なときにのみ個別に読み込むことで、読み込み時間を短縮します。
• Lazy loading: Deferred loading of non-critical resources to improve initial page load speed.
• Faster font loading: Efficient delivery of web fonts to enhance text rendering speed.
• 最適化されたフロントエンドのアセット読み込み: JavaScript や CSS などのアセットを効率的に読み込み、レンダーブロックを最小限に抑えます。
• Element caching: Cache frequently accessed design elements to reduce server response time and enhance overall performance.

🔥 Elementor Editor Pro の機能

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

Editor Pro design widgets:

1. 投稿: カスタマイズ可能なレイアウトとスタイルでブログの投稿を表示します。
2. 共有ボタン: 訪問者がさまざまなソーシャルメディアプラットフォームでコンテンツを簡単に共有できるようにします。
3. ポートフォリオ: 魅力的なポートフォリオレイアウトで作品やプロジェクトを紹介します。
4. スライド: カスタムアニメーションとトランジションを使用してダイナミックなスライドショーを作成します。
5. フォーム: ユーザー操作とデータ収集のための高度なフォームを設計およびカスタマイズします。
6. ログイン: ログインフォームまたはユーザー登録モジュールをサイトに追加します。
7. Nav Menu: Customize and style your website’s navigation menu for better user experience.
8. アニメーション化された見出し: アニメーション効果を使用して注目を集める見出しを作成します。
9. 価格表: 構造化された視覚的に魅力的な形式で価格プランまたはパッケージを表示します。
10. 価格リスト: カスタマイズ可能なスタイルオプションを使用して、価格またはサービスのリストを表示します。
11. ギャラリー: さまざまなレイアウトオプションとライトボックスのサポートを使用して、美しい画像ギャラリーを作成します。
12. フリップボックス: インタラクティブなフリップアニメーションを追加して、コンテンツや機能を強調表示します。
13. Call to Action: 魅力的な Call to Action セクションでユーザーのインタラクションとコンバージョンを促します。
14. メディアカルーセル: 画像や動画などのメディアファイルのカルーセルを表示します。
15. お客様の声カルーセル: 社会的証明として、カルーセル形式でお客様の声を表示します。
16. ネストされたカルーセル: より複雑なコンテンツを整理するために、ネストされたカルーセルを作成します。
17. ループカルーセル: コンテンツをループカルーセルで表示し、連続して視聴できるようにします。
18. Table of Contents: Generate a table of contents for longer articles or guides to improve navigation.
19. カウントダウン: カウントダウンタイマーを追加して、プロモーションやイベントの緊急性を演出します。
20. Facebook ページ: Facebook ページのフィードやコンテンツをサイトに埋め込みます。
21. Blockquote: スタイリッシュな書式設定オプションを使用して、引用や推薦文を強調表示します。
22. テンプレート: 一貫したブランディングとレイアウトのために、デザインテンプレートを保存して再利用できます。
23. レビュー: 信頼と信用を構築するために、カスタマーレビューと評価を表示します。
24. Facebook ボタン: Facebook ページまたはコンテンツとのやり取りを促進するためのボタンを追加します。
25. Facebook の埋め込み: Facebook の投稿やコンテンツをサイトに埋め込みます。
26. Facebook Comments: Enable Facebook comments on your website’s pages or posts.
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 を使用してプロフェッショナルな サイトを構築しましょう !

🔒 Security and compliance

Elementor places a paramount focus on security, evident through our acquisition of industry certifications such as ISO/IEC 27001, ISO/IEC 27017, ISO/IEC 27018, ISO/IEC 27701, and SOC 2 Type II. These certifications underscore our commitment to implementing robust security measures and highlight our dedication to adhering to recognized industry standards.

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

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

♿ Accessibility best practices

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

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

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

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

🧩 Use of 3rd-party services

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

• Google Fonts are loaded to add additional fonts to your website. Google’s TOS and Privacy Policy apply.
• Some Elementor features require loading assets from Elementor.com. These assets are not used for tracking unless explicitly stated, and require your approval and manual opt-in. Learn more in our TOS and Privacy Policy.

📧 Elementor の関連製品

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

メール配信性: SMTPプラグインなしで信頼性の高いメール管理を実現し、コミュニケーションを効率的かつスムーズにします。

Web アクセシビリティ: 障がいを持つ人々にとってのサイトの使いやすさを向上させます。Ally は、ウェブ制作者がサイトをより包括的にすることを目指して設計されています。主要なアクセシビリティ違反をスキャン、検出、修正し、すべての WordPress および Elementor サイトでシームレスに動作します。

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

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

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

「間違いなく、私が最もよく使う WP プラグインです」– …