Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts
Diviは人気の多目的テーマとページビルダープラグインです。既製のサイトキット、レイアウト、ドラッグ&ドロップエディターが付属しているので、美しいデザインを素早く作成できます。
以前に "ディビ" を使用したことがありますか? コミュニティを支援するために、あなたのレビューを追加してください。

長所だ:

  • 多目的WordPressテーマ
  • ドラッグ&ドロップページビルダー
  • 2,000以上のレイアウト
  • 200以上のエレメント
  • 200以上のフルサイトパック
  • モバイルとパフォーマンスに最適化

WPBeginnerユーザーは最大50%割引

ディビ を訪れる

(この割引は自動的に適用されます)

Diviのレビュー:あなたにぴったりのWordPressテーマとページビルダーは?

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

あなたのWordPressサイトに適したテーマかどうかを判断するために、Diviのレビューをお探しですか?

Diviは、ドラッグ&ドロップで使える人気のページビルダー&多目的テーマです。コードを一行も書かずにサイトレイアウトの作成、編集、カスタマイザーができるため、思い通りのデザインを作ることができます。

このDiviのレビューでは、この人気のテーマとビルダーを詳しく見て、あなたのWordPressサイトに適しているかどうかを確認します。

Is Divi the right theme and page builder for you?

Diviとは?

Diviは、ページビルダーが統合された人気の多目的テーマです。

ページビルダーはどのWordPressテーマとも連動するため、さまざまなサイトを作成することができる。しかし、Diviテーマと連動するように最適化されており、Diviのライセンスにはすべてビルダーと多目的テーマの両方が含まれているため、多くのサイトオーナーはこれらを併用している。

The drag and drop Divi theme builder

ページビルダーを有効化すると、WordPress標準のページと投稿エディターがビジュアルビルダーに置き換わります。

このビルダーでは、レストランサイト、コーヒーショップ、ヨガスタジオなどのキットを含む、さまざまな業界やニッチをカバーする何百もの既製レイアウトにアクセスできます。

Diviの1クリックデモインポーターを使えば、プロがデザインしたブログレイアウトをすばやく簡単にインポートし、ドラッグ&ドロップビルダーを使ってカスタマイズできます。

The Divi theme and builder

また、ゼロから始めて完全にカスタムレイアウトを構築することもできます。

どのオプションを選んでも、エレメントの追加や削除、インラインエディターによるテキストの追加、ページ内のエレメントの移動、さらにはカスタムCSSの追加まで、思い通りのデザインを作成することができます。

Adding custom CSS to a WordPress page design

レイアウトに満足したら、数回クリックするだけで本番のレイアウトにしたり、再利用可能なテンプレートとして保存したりできます。

複数のサイトを管理している場合は、デザインをエクスポートして、DiviがインストールされているWordPressブログ、ウェブサイト、オンラインショップにインポートすることもできます。

Diviのレビュー:なぜWordPressでDiviを使うのか?

WordPressのテーマは無数にあるが、多くのサイトオーナーは思い通りのデザインを作るのに苦労している。

そこでページビルダーの出番だ。

これらのプラグインを使えば、ドラッグ&ドロップでサイトのあらゆる部分をカスタマイズできる。このことを念頭に置いて、DiviがあなたのWordPressサイトに適したページビルダー・プラグインと多目的テーマであるかどうかを見てみよう。

1.プロがデザインしたレイアウト

Diviは2,000以上のサイトレイアウトを提供し、パブリックドメインの画像、アイコン、イラストを使った新しいデザインをすべてリリースしている。

Divi's ready-made website layouts

また、ブログ・セクション、会社概要ページ、お問い合わせページ、ホームページなどに複数のデザインを用意したレイアウト・パックもある。

特定のニッチや業界向けのパックや、ほとんどすべてのブログのニッチに適した最小限のテンプレートが見つかるだろう。

Choosing a ready-made website pack using the Divi theme

Diviでは、異なるレイアウトを他のテンプレートに入れ子にして、レイヤーデザインを作成することもできます。

そのほか、Diviには200以上のフルカスタマイズ可能な要素とモジュールが用意されています。例えば、既製のスライダー、コールトゥアクション(CTA)ボタン、フォーム、テスティモニアル ソーシャルメディアフィード、価格テーブルなどを追加できます。

Adding modules to a custom WordPress theme

2.ドラッグ&ドロップページビルダー

Diviには、ドラッグ&ドロップでランディングページやセールスページ、カスタマイザー投稿レイアウトなどをデザインできるエディターが搭載されています。Diviテーマとシームレスに動作するように設計されていますが、ほぼすべてのWordPressテーマで動作します。

Diviページビルダーは、WYSIWYG(What you see is what you get)エディターなので、変更内容をリアルタイムで確認できます。つまり、さまざまな設定を試して、あなたのサイト、ブログ、オンラインストアに最適な設定を見つけることができます。

画面上の要素を編集するには、クリックして選択し、左側のメニューで変更を加えるだけです。

Editing a website's design using Divi

フォント、テキスト色、枠線オプションの変更、マウスオーバー・スタイルの追加、フィルターの適用などが可能です。

また、Diviには20の行タイプと3つのセクションタイプがあり、ページコンテンツを簡単にレイアウトすることができる。

Choosing a layout for your page design

3.高度なカスタマイズ設定

Diviでは、ページに要素を追加した後、PhotoshopやSketchのような外部のウェブデザインソフトウェアを使わずに、要素を変形させることができます。

Diviページビルダーでは、要素を3つの軸で回転させたり、上下に拡大縮小したり、移動させたり、その他の高度な作業を直接行うことができます。

フィルターを使って、さまざまな要素の見え方を変えることもできます。例えば、セピア、彩度、コントラストフィルターを適用できます。その他の設定オプションには、枠線、ボックスシャドウ、テキストシャドウの追加などがあります。

このように、既製の要素やモジュールをカスタマイズして、あなたのブランディングやWordPressテーマを完璧に反映させることができます。

4.インラインテキスト編集

ほとんどのブログ、サイト、オンライン・マーケットにおいて、テキストは重要な部分である。

Diviでは、フロントエンドでコンテンツの下書きができ、すぐに結果を確認できます。テキストをサポートする要素をクリックして、入力を開始するだけです。

Editing your WordPress website's text on the front-end

また、テキストの見栄えも完全にコントロールできます。何百ものウェブフォントから選択したり、独自のフォントをアップロードしたり、文字間隔や行の高さを変更したり、ブロッククォートを作成したりすることもできます。

5.アニメーションとエフェクト

WordPressのアニメーションは、訪問者の注意を引き、ページの最も重要なコンテンツを強調することができます。また、アクションボタンをクリックするようカスタマイザーを促すこともできます。

Diviでは、アニメーションやエフェクトをすべて作成できる。

手始めに、どの要素にも追加できる既成のアニメーションが用意されているほか、カスタマイザーで独自のアニメーションを作成することもできる。

Adding animations and transition effects to your WordPress website

また、モーションエフェクトを作成し、ページを移動する訪問者とインタラクションすることもできます。

マウスオーバー効果も、デザインをよりインタラクティブで魅力的なものにする方法のひとつです。Diviには使いやすいマウスオーバー設定インターフェースが用意されているので、コードを書かなくても面白いマウスオーバー効果を作成できます。

最後に、コンテンツのブロック間にダイナミックなトランジションを作成できます。

6.先頭固定表示コンテンツの作成

スティッキーまたはフローティングコンテンツは、訪問者がスクロールすると画面の先頭に固定表示されるため、すべて画面上に表示されます。これは、ページの最も重要なコンテンツを強調したり、ナビゲーションメニューを常に手の届くところに表示したりするのに最適な方法です。

Diviでは、要素をブラウザー上で上下に固定表示したり、重ねて表示することも簡単にできます。

7.条件付きルールと動的コンテンツ

Diviでは、ユーザーの権限グループ、日時、場所などの条件に基づいて要素を非表示にしたり、表示したりできます。オンラインストアやデジタル商品のマーケットプレイスを運営している場合は、訪問者が以前に購入した項目に基づいて異なる商品を表示することもできます。

また、正確なコメント数、投稿タイトル、タグ、カテゴリーなどの動的コンテンツを表示することもできます。

Adding dynamic content to a WordPress page or post design

こうすることで、訪問者に関連性のある興味深い情報を見せることができる。

また、コンテンツを手動で追加する必要もない。例えば、Gravatarと説明を手動で追加する代わりに、投稿者情報ボックスを表示するようDiviに指示するだけです。

Adding dynamic content to a WordPress page design

8.AIを使った画像とテキストのジェネレータ

Diviには人工知能ツールがビルトインされており、コンテンツを簡単に作成することができます。 オンライン上で画像を検索する代わりに、プロンプトを入力すれば、即座に画像を作成することができます。Diviは複数のオプションも作成するので、WordPressサイトに最適なものを選ぶことができます。

Generating images using AI with Divi

同様に、AIツールを使ってテキストを生成することもできる。

Divi AIには複数のコンテンツタイプがあり、見出し、段落、投稿抜粋、コールトゥアクションなどを生成できます。

Generating text using AI

Divi AIは、コンテンツをさまざまな言語に翻訳することもできます。これにより、世界中の読者にアピールすることができ、ブログのトラフィックを増やすことができます。

9.カスタムCSSのサポート

Diviにはコードエディターがビルトインされており、デザインにカスタムコードを追加することができます。

このミニエディターには、シンタックスハイライト、エラーレポート、オートコンプリート、カラーピッキング、複数行選択など、本格的なコードエディターに期待される高度な機能がすべて備わっている。

10.カスタマイザーの作成

Diviでは、カスタマイザーのページレイアウトをすべて簡単に作成できます。しかし、同じデザインを複数のページ、あるいは複数のサイトで再利用したい場合もあるでしょう。

ページに満足したら、再利用可能なテンプレートとして保存できます。同じデザインを手作業で作り直すのに比べ、時間と労力を大幅に節約できます。

Saving a custom layout as a reusable WordPress template

Diviがインストールされている他のサイトにテンプレートをインポートすることもできます。

WordPressの開発者を経営していて、多くのクライアントのサイトを管理している場合や、ポートフォリオを所有しており、すべてのサイトを同じブランディングにしたい場合に最適です。

11.パフォーマンスの最適化

サイトのページ読み込み時間は、サイトの成功に大きな影響を与えます。実際、読み込み時間が1秒遅れると、コンバージョンが7%減少し、ページ表示が11%減少し、顧客満足度が16%低下します。

Diviはスピードを重視して設計されています。使用していないリソースを自動的に削除することで、肥大化を抑えることができる。

また、Diviはリソースを遅延させ、リクエストをキャッシュし、レンダリングをブロックするアセットを削除します。

このトピックについては、WordPressのスピードとパフォーマンスを向上させる究極のガイドをご覧ください。

12.モバイルに最適化

インターネット利用統計によると、モバイルインターネットトラフィックはウェブトラフィック全体の約55%を占めています。このことを考慮すると、スマートフォンやタブレットでサイトの見栄えを良くし、正しく動作させることが不可欠です。

Diviのレイアウトは初期設定でモバイル・レスポンシブに対応しています。

さらに、Diviビルダー内で直接、スマートフォンやタブレット端末でレイアウトがどのように表示されるかをプレビューできます。

Creating a mobile responsive layout for your WordPress blog or website

また、特定のスマートフォンやタブレットのモデルでレイアウトをテストできるよう、端末プリセットのリストも付属している。

こうすることで、すべての端末で優れたエクスペリエンスを提供していることを確信できる。

Testing your WordPress blog or website across smartphones, tables, and desktop computers

13.アンドゥ、リドゥ、リビジョン

Diviは、編集した内容をすべて記録します。もし気が変わったら、ボタンをクリックするだけで簡単に編集を取り消したり、やり直したりすることができる。

Undoing changes in the Divi page editor

これによって、さまざまな設定やコンテンツを自由に試して、何がベストに見えるかを確認することができる。

さらに、コンピューターがクラッシュしたり、インターネットがダウンしたりしても、Diviが進捗状況を自動的に保存するので、せっかくの作業が失われることはありません。

14.ビルトイン スプリットテスト

A/Bスプリットテストは、コンテンツやデザインの小さな変更がユーザー行動やコンバージョン率にどのように影響するかを理解するのに役立ちます。

Diviにはスプリットテストがビルトインされているので、異なるバージョンのページデザインを作成し、どれが目標達成に役立つかを確認することができます。これは、セールスページのようなコンバージョンを目的としたページで特に役立ちます。

15.豊富な統合機能

Diviは、WPForms MemberPress、Eventinなど、すでにお使いの多くのプラグインやツールと統合できます。

Integrating Divi with other apps and services

オンラインストアを運営する場合、DiviはWooCommerceとも統合できます。使い慣れたDiviエディターを使って美しい商品レイアウトを作成できるほか、WooCommerceモジュールと標準のDiviモジュールを組み合わせて、まったく独自のレイアウトを作成することもできます。

Diviには8つのお買い物カゴと購入手続きモジュールも用意されているので、購入手続きを最適化し、カート放棄率を減らすことができます。

さらに、DiviはGoogle Mapsと統合されているので、所在地を表示することができます。これは、実店舗のような物理的な場所を持つビジネスの場合に便利です。また、ビジネスディレクトリを作成する際にもGoogle Mapsを使用することができます。

Diviは、ConvertKitConstant Contact、Mailchimpなど、最高のメールサービスプロバイダすべてと統合しています。

How to integrate Divi with the top email service providers

16.専門家と地域社会の支援

Diviを使えば、WYSIWYGエディターを使って美しいページをデザインし、コードを書かなくてもリアルタイムで結果を確認することができます。しかし、テーマやビルダーの設定に特別な手助けが必要な場合もあります。

Diviには、ガイドブックや動画チュートリアルなど、詳細なドキュメンテーションが用意されている。また、他のDiviユーザーと交流できるコミュニティフォーラムもあります。

一対一のサポートをご希望の場合は、カスタマイザーにお問い合わせいただくか、Diviのライブチャット機能で問題を解決することができます。

Elegant Themes' customer support

Diviの価格とプラン

ライセンスを購入する前にDiviを試してみたいという方には、30日間の無料トライアルが用意されている。その後、いくつかのプランから選ぶことができる。

Divi pricing and plans
  • Divi。 年間89ドルで、DiviテーマとDiviビルダーを好きなだけサイトで利用できます。このプランには300以上のサイトパックが含まれ、DiviのBloom、Monarch、Extra製品も付属しています。
  • Divi Pro。年間287ドルのこのプランでは、Divi AIが追加され、強力な人工知能ツールを使って画像やテキストを生成できるようになります。また、レイアウト、ヘッダー、フッター、テンプレートなどのコンテンツをクラウドに保存することもできる。WordPress開発者、デザイナーをはじめ、クライアントのサイトを制作するすべての方に最適なプランです。

一括払いを希望する場合は、ライフタイムライセンスを購入することもできる。Diviのライフタイムアクセスは249ドル、Divi Proのライフタイムアクセスは365ドルです。

結論Diviはあなたにぴったりのテーマとページビルダーですか?

機能、サポート、料金プランを見て、Diviは優れた多目的WordPressテーマとページビルダープラグインであると確信した。

Diviは、年間ライセンスまたは1回限りのライフタイム購入が可能で、完全にカスタムしたレイアウトを作成するために必要なすべての機能を備えています。このため、プロフェッショナルな多目的WordPressテーマやドラッグ&ドロップ式のページビルダーを探している場合に最適です。

また、Diviには300以上のサイトパックが用意されており、既存サイトのリニューアルや新規サイトの立ち上げに最適です。

複数のサイトを運営している場合やWordPressの代理店を経営している場合、Divi Proはワークフローを大幅に改善します。無制限のクラウドストレージを使ってテンプレートを作成し、複数のサイトで共有することができます。時間と労力を大幅に節約できます。

ビルトインされたAIツールは、美しい画像やテキストを簡単に生成することもでき、新しいサイトを素早く立ち上げるのに最適です。

このDiviのレビューが、あなたのWordPressサイトに適したスライダープラグインかどうかを判断する一助となれば幸いです。また、WordPressでお問い合わせフォームを作成する方法や、専門家が選んだ最高のSEOプラグインとツールもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

WPBeginnerユーザーは最大50%割引

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Reader Interactions

1件のユーザーレビューレビューを追加する

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

レビューを書く

レビューをお寄せいただきありがとうございます。すべてのレビューは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスは公開されませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。

あなたの評価: