Elegant Themes The Divi Builder

Elegant ThemesのThe Divi Builderは、あなたのWordPressサイトのフロントエンドで直接動作するビジュアルページ構築ツールです。従来のバックエンドエディタとは異なり、Diviでは、要素をドラッグし、タイポグラフィを調整し、色を変更し、スペーシングを設定する際に、実際のページコンテキスト内で変更をリアルタイムで確認できます。

ビジュアルフロントエンド編集

ビルダーは、訪問者が見るページをレンダリングし、テキストのインライン編集、任意の要素のポイントアンドクリックスタイリング、モジュールの再配置のためのビジュアルドラッグアンドドロップを提供します。このアプローチは、従来のビルダーが必要とするエディタとプレビューの間の行き来を排除します。

コンテンツモジュール

• 40以上のモジュール — テキスト、画像、ビデオ、スライダー、証言、価格表、連絡先フォーム、ブログフィードなど
• モジュールのカスタマイズ — 各モジュールは、タイポグラフィ、スペーシング、ボーダー、シャドウ、アニメーションのデザイン設定を提供
• カスタムCSSアクセス — 上級ユーザーは、モジュール、行、またはセクションレベルでカスタムCSSを追加可能

レイアウトライブラリ

Diviには、業界別に整理された数百のプレメイドレイアウトパックが付属しています。各パックには、複数のページデザイン（ホーム、アバウト、コンタクト、サービス）が含まれており、インポートしてカスタマイズできます。また、自分のデザインを再利用可能なレイアウトとして保存し、ページ間で一貫性を持たせることもできます。

レスポンシブデザインコントロール

すべてのデザイン設定は、デスクトップ、タブレット、モバイルのビューポートごとに独立して調整できます。これにより、CSSメディアクエリに依存せずに、コンテンツが異なる画面サイズに適応する方法を正確に制御できます。

テーマビルダー統合

個々のページを超えて、Diviのテーマビルダーを使用すると、ヘッダー、フッター、投稿テンプレート、カテゴリアーカイブ、その他の構造要素を視覚的にデザインできます。これにより、視覚編集のパラダイムがサイト全体の構造に拡張されます。