より自由な創造性で高度なサイトを構築するための、カスタムElementorウィジェットを備えた人気のテーマをご紹介します。
今日では、Elementor のようなページビルダーのおかげで、誰もが美しいサイトを構築できるようになりました。しかし、どのようにしてサイトを際立たせればよいのでしょうか。
まず、インストール後すぐに素晴らしい見た目になるだけでなく、ユーザーエクスペリエンスを向上させる高度な機能を追加できるテーマを選ぶようにしてください。 カスタムElementorウィジェット(Elementsと呼ばれることもあります)を備えたWordPressテーマは、まさにそれを提供します。 カスタムウィジェットを使用すると、ウェブサイトに高度な機能を追加できます。これは、構築したいウェブサイトのタイプに合わせて特別に設計された独自の要素を提供することで実現されます。
最適なテーマを選べるよう、私たちは多くの人気のあるオプションをレビューし、テストしました。レビューの一環として、おすすめするテーマがWPMLで完全に翻訳可能であることを確認するために、各開発者にも連絡を取りました。
このブログ記事では、WPMLとの互換性を備え、高度なサイトを構築できる、カスタムElementorウィジェット付きのおすすめテーマをご紹介します。
このページの内容
WoodMart
WoodMart は、Elementor用の包括的なeコマーステーマです。50以上のElementorウィジェット、400以上のテンプレート、カスタマイズ可能なヘッダービルダー、そしてウェブサイトをマーケットプレイスへと簡単に拡張できるマルチベンダーサポートを提供します。
WoodMartの注目すべきウィジェットをいくつか紹介します。
360 Degree Viewウィジェットを使用すると、製品のインタラクティブな360度ビューを表示できます。回転させるには、ユーザーが画像をドラッグするか、下部にある左右の矢印をクリックします。このウィジェットには、ビューを切り替える際のスムーズなアニメーションが含まれており、各側面からの複数の角度をサポートしています。 このウィジェットは、eコマースストアを運営しており、ユーザーに製品をあらゆる角度から見てもらいたい場合に最適です。
Marqueeウィジェットを使用すると、株式市場のニューススライダーのように、テキストや画像を水平方向にスクロールさせて表示できます。この機能は、ニュース、割引情報、お客様の声などを動的なアニメーションで目立たせたい場合に最適です。Marqueeウィジェットには、速度設定や、ユーザーがマウスをホバーしたときに一時停止する効果を含める機能があります。
Wishlistウィジェットを使用すると、サイト訪問者が興味を持った製品を保存して分類できます。ユーザーは複数のウィッシュリストを管理し、アイテムを友人と共有し、保存したアイテムをアカウントで表示できます。管理者は、ユーザーのウィッシュリストを表示し、保存された上位の製品の概要を把握できます。
このウィジェットは、ユーザーのショッピング体験の整理を支援しつつ、どの製品が最も注目を集めているかについて独自の洞察を得たい場合に最適です。
料金: $59
The7
The7 は、多くのカスタマイズ機能を備えた多目的WordPressテーマです。30以上のElementorウィジェットが含まれており、WooCommerceの機能を拡張する独自の機能も備えています。また、このテーマはウィジェットのスタイルを設定するための強力なデザインコントロールを提供し、ElementorのTheme Builderを拡張する機能も含まれています。
The7の注目すべきウィジェットをいくつか紹介します。
Breadcrumbsウィジェットを使用すると、サイト上でのユーザーの現在位置を表示できます。このウィジェットはカスタマイズ性が高く、テキストやリンクの色、フォント、テキストサイズ、区切り記号などのスタイルオプションが用意されています。
パンくずリストは、ユーザーがサイト内をナビゲートしやすくするだけでなく、SEOにも貢献します。たとえば、適切なスキーママークアップを使用することで、検索エンジンがパンくずリストを認識し、検索結果ページ(SERP)に表示できるようになります。これにより、ユーザーはウェブサイトのどこにアクセスしようとしているのかを正確に把握できます。
Popupウィジェットを使用すると、サイト上のポップアップ内に投稿や製品のコンテンツを表示できます。別のページに移動することなく、追加の製品詳細、割引情報、ニュースレターの登録などを魅力的な方法で紹介するのに役立ちます。
このウィジェットは、ポップアップを作成するためのElementorのテンプレートビルダーと連携して機能します。そのため非常に柔軟性が高く、静的コンテンツ、動的コンテンツ、画像など、あらゆるコンテンツをサポートできます。
Multipurpose Carouselウィジェットを使用すると、見出し、テキスト、アイコン、画像、ボタンなどを使用したさまざまなカルーセルレイアウトを作成できます。また、デバイスに合わせて、列数、列間のギャップ、カルーセル全体の幅を調整することもできます。
その他の機能として、ナビゲーションボタンのカスタマイズがあり、左右の矢印、箇条書きの点、または長方形から選択できるオプションが含まれています。
料金: $39
The7とWPMLで多言語サイトを構築する方法
OceanWP
OceanWP は、豊富な機能を備えた強力なWordPressテーマです。100以上のElementorウィジェット、数百のウェブサイトテンプレート、そしてウェブサイトをすばやく構築するための膨大なテンプレートライブラリが含まれています。
OceanWPの注目すべきウィジェットをいくつか紹介します。
Magazine Widgetsは、事前に定義されたスタイルオプションを使用してコンテンツレイアウトをすばやく作成するのに役立ちます。各スタイルオプションには独自のウィジェット(現在5つ利用可能)が含まれており、ページに配置すると、コンテンツが瞬時にグリッドまたはリストデザインで入力されます。すべてのウィジェットには追加のスタイルオプションが含まれているため、カスタムCSSを使用する必要がありません。
このウィジェットは、数秒で完全なレイアウトデザインを作成しつつ、ウェブサイトのスタイルに合わせてデザインをさらにカスタマイズできる完全な柔軟性が欲しい場合に最適です。
Info Boxウィジェットを使用すると、カスタマイズされたコンテナ内に情報を表示できます。見出し、テキスト、画像、コールトゥアクション(CTA)ボタンを含めることができ、背景色、フォントファミリー、ホバーアニメーションなどのスタイルオプションを設定できます。
コンテンツを含むコンテナをすばやく追加し、迅速なカスタマイズを求めている場合は、このウィジェットが最適です。
Image Comparisonウィジェットを使用すると、ユーザーは重なり合った2つの画像を表示し、インタラクティブにスライドさせて違いを視覚的に比較できます。
このウィジェットには、スライダーを動かすための3つのインタラクションオプション(ドラッグ、ホバー、クリック)が含まれています。また、シャドウやぼかし効果を適用してユーザーの注意を引き、画像とインタラクションするように促すこともできます。
料金: $0 – $127 / 年
OceanWPとWPMLで多言語サイトを構築する方法
Jupiter X
Jupiter X は、WordPressおよびWooCommerceサイト向けに設計された機能豊富なテーマです。広範なカスタマイズ機能、フォームおよびポップアップビルダー、100以上のウィジェット、450以上の構築済みウェブサイトテンプレート、そしてカスタム投稿タイプを作成および管理する機能を提供します。
Jupiter Xの注目すべきウィジェットをいくつか紹介します。
Form Builderを使用すると、高度なWordPressフォームを簡単に構築できます。ドラッグアンドドロップエディタ、12以上のフィールドタイプ、フォームのスタイルを設定するための豊富なカスタマイズオプションを備えています。メンバーシップサイトを構築したい場合は、「Googleで登録」のようなクイックソーシャルログインボタンを備えた登録フォームを作成することもできます。また、ユーザーがサイトに独自のコンテンツを送信できるようにし、公開されるコンテンツをモデレートすることも可能です。
Product Carouselウィジェットを使用すると、視覚的に魅力的かつインタラクティブな方法で製品を紹介できます。複数の作成済みレイアウト、スタイルのカスタマイズ、ホバー時の画像の反転などのカスタムアニメーションをサポートしています。Product Carouselは、画像、説明、価格、評価、CTAボタンなど、複数の要素を提供します。また、「セール中!」や「新着!」などのカスタムタグを表示したり、左右の矢印、ラジオボタン、マウスドラッグ、または「なし」など、多数のナビゲーションオプションから選択したりすることもできます。
WooCommerce Smart Couponsを使用すると、ショッピングの行動、カートの詳細、属性に基づいて、訪問者向けにパーソナライズされたお得な情報を作成および管理できます。特定の製品のクーポンを作成し、外観をカスタマイズして、ウェブサイト上のどこに表示するかを選択できます。エンゲージメントを向上させるために、カート内のアイテム、ユーザーの国、デバイス、登録日など、35以上の条件に基づいてクーポンをターゲティングすることもできます。
料金: $59
Jupiter XとWPMLで多言語サイトを構築する方法
Phlox
Phlox は、さまざまなウェブサイト向けに設計された多目的で軽量なWordPressテーマです。30以上のElementorウィジェット、数百のデモサイト、リアルタイムカスタマイザー、そして数十の事前デザインされたテンプレートを提供します。
Phloxの注目すべきウィジェットをいくつか紹介します。
Phlox Videoウィジェットを使用すると、ウェブサイトに動画を簡単に追加できます。サポートされているフォーマットには、YouTube、Vimeo、または独自のメディアライブラリが含まれます。他のElementorウィジェットと同様に、Phlox Videoはウェブサイト上のどこにでも配置できます。
このウィジェットを使用する利点は、自動再生、ループ、カバー画像の選択などの高度な設定オプションがあることです。また、動画の高さ、幅、再生ボタンの色を制御することもできます。
Phlox Flexible Postsウィジェットを使用すると、Elementorテンプレートビルダーで作成したカスタムデザインに基づいてコンテンツを表示できます。静的または動的コンテンツを表示し、レイアウトに任意の要素を含めることができます。
このウィジェットを使用すると、無制限のデザインを作成して、ウェブサイト上のあらゆるものを紹介できます。
Phlox Modern Headingを使用すると、さまざまなスタイルでテキストを表示できます。単一の要素を使用して、メインの見出し、サブ見出し、説明、区切り線を追加できます。各部分は個別にスタイルを設定でき、パディング、マージン、境界線の半径、背景、ホバー効果、アニメーションなど、メイン要素のスタイルを設定するオプションがあります。
料金: 0$ – $39
PhloxとWPMLで多言語サイトを構築する方法
Sydney
Sydney は、WordPress用の多目的で軽量なテーマです。20以上のElementorウィジェット、高速な読み込み時間による優れたパフォーマンス、レイアウトとヘッダーの高度なカスタマイズを提供します。
Sydneyの注目すべきウィジェットをいくつか紹介します。
Advanced Carouselウィジェットを使用すると、好きなだけスライドを追加してカスタムスライダーを構築できます。各スライドには、画像、動画、カスタムコード、またはElementorテンプレートを使用できます。このウィジェットは、自動再生、トランジション速度、ホバー時の一時停止、無限ループなどの高度な設定オプションを提供します。また、カルーセルの外観とナビゲーション矢印のスタイルを設定するための完全なカスタマイズコントロールも含まれています。
Tooltipウィジェットを使用すると、ウェブサイト上の任意のElementorウィジェットに役立つツールチップを追加できます。この機能は、レイアウトを乱すことなく訪問者に追加情報を提供するのに役立ちます。設定オプションには、トリガー(ホバーまたはクリック)、位置、外観の制御が含まれており、ツールチップをデザインのニーズに合わせることができます。
Mailchimp Widgetを使用すると、ウェブサイト上のどこにでもニュースレターの購読フォームを追加できます。このウィジェットはMailchimpアカウントに直接接続するため、一部のMailchimp設定をElementorページビルダー内で直接設定できます。
たとえば、ウィジェットの設定で、購読者を追加するオーディエンスを指定できます。これにより、フォームの設定が簡素化され、Mailchimpにログインすることなく簡単に変更を加えることができます。
料金: $55 – $199 / 年
SydneyとWPMLで多言語サイトを構築する方法
TheGem
TheGem は、柔軟なカスタマイズのために設計された強力なWordPressテーマです。「WordPressテーマのアーミーナイフ」と称されるTheGemには、30以上のElementorウィジェット、数百の構築済みサイトとテンプレート、そして広範なレイアウトオプションが含まれています。
TheGemの注目すべきウィジェットをいくつか紹介します。
Tabs Stylesウィジェットを使用すると、コンパクトでユーザーフレンドリーなタブ付きインターフェースでコンテンツをグループ化して表示できます。タブはレスポンシブ対応で、複数のデザインが用意されています。たとえば、コンテンツの上、下、横にタブボタンを配置できます。また、テキスト、画像、インタラクティブなグラフ、スライダー、ボタンなど、タブ内に任意のコンテンツを追加することもできます。
作成できるタブの数に制限はありません。また、高度にカスタマイズ可能なスタイルオプションにより、想像しうるあらゆるデザインが可能です。
Products by Statusウィジェットを使用すると、特定の属性に基づいて製品を表示できます。たとえば、割引のある製品、ベストセラー、高評価の製品、または特定のカテゴリーの製品を表示できます。また、表示レイアウトをカスタマイズし、グリッド、スライダー、またはカスタムデザインで製品を紹介することを選択できます。
ホバー時に、タイトル、価格、評価などの追加情報を表示するように選択できます。または、スムーズなトランジションを使用して、デフォルトの画像の代わりに新しい画像を表示することもできます。
料金: $59
TheGemとWPMLで多言語サイトを構築する方法
RealHomes
RealHomes は、不動産ウェブサイト向けに特別に設計されたWordPressテーマです。物件情報やエージェントのプロフィールを表示するための作成済みレイアウトを提供します。また、物件情報の管理、ユーザーからの物件登録の受け付け、メンバーシップの提供を行うための完全なダッシュボードも備えています。
RealHomesの注目すべきウィジェットをいくつか紹介します。
Custom Header and Footerを使用すると、Elementorテンプレートでヘッダーとフッターを作成できます。テキスト、画像、ボタン、ナビゲーションメニュー、その他のElementorウィジェットを含む任意の要素を追加できます。また、フォント、テキストの色、背景、パディングとマージン、境界線など、ブランドのスタイルに合わせて要素をカスタマイズすることもできます。
Custom Header and FooterはElementorの無料版に含まれており、低予算でカスタマイズされたサイトを構築するための完璧なソリューションとなります。
Advanced Search Widgetを使用すると、訪問者はさまざまなフィルターを使用して詳細な物件検索を実行できます。これには、物件タイプ、場所、価格、広さ、ベッドルーム数、バスルーム数などが含まれます。強力な検索機能に加えて、色、パディング、マージンを使用してウィジェットの外観をカスタマイズすることもできます。
料金: $69
RealHomesとWPMLで多言語サイトを構築する方法
Biagiotti
Biagiotti は、美容および化粧品のウェブサイト向けに特別に作られたWordPressテーマです。60以上のElementorウィジェット、複数のショップレイアウト、カスタマイズ可能なヘッダー、さまざまなブログスタイルを提供します。
Biagiottiの注目すべきウィジェットをいくつか紹介します。
Product Carouselウィジェットを使用すると、事前にデザインされた水平レイアウトで製品を表示できます。カルーセルをカスタマイズして、画像、タイトル、製品カテゴリー、価格、評価を含めることができます。さらに、「new」や「on sale」などのタグを追加することもできます。
各製品アイテムには、カートに追加ボタン、ウィッシュリストに保存、そして追加の詳細と購入ボタンを含むポップアップを開く「詳細を表示」機能も含まれています。全体として、このカルーセルには、ウェブサイトで製品を目立たせ、売上を促進するために必要なすべてが含まれています。
Product Exhibitionウィジェットを使用すると、グリッドレイアウトで製品を美しく紹介できます。製品にホバーすると、タイトル、価格、評価、カートに追加、ウィッシュリスト、詳細ボタンなどの追加の詳細が表示されます。
際立たせ、製品を紹介する新しい方法を探しているなら、Product Exhibitionウィジェットが最適です。
料金: $69
BiagiottiとWPMLで多言語サイトを構築する方法
特筆すべきテーマ:
Hello Elementor
Hello Elementor は、Elementorチームによって作成された多目的で軽量なテーマです。独自のカスタムウィジェットはありませんが、Elementorページビルダーに付属する標準ウィジェットが含まれています。完全なリストについては、Elementorウィジェットのページ をご覧ください。
料金: 無料
Hello ElementorとWPMLで多言語サイトを構築する方法
どのテーマを使用していますか?
カスタムElementorウィジェットを備えたテーマを使用していますか?または探していますか?下のコメント欄でぜひ教えてください。