このたび、Divi 5に対応したグラフおよびチャートのセクションパックが無料にて提供されております。本パックには、ウェブサイトの訪問数、収益、成長率、キャンペーンのパフォーマンス、比較データ、タイムライン、レポート、ダッシュボード、分析ハイライトなど、多様なデータを視覚的に表現するためのセクションが17種類収録されております。各セクションは、すっきりとしたレイアウト、大胆な配色、読みやすいラベル、チャートを意識したデザイン要素により、情報を直感的に理解しやすい形で提示いたします。インポート後、数値やラベルを更新するだけで、すぐにウェブサイト上でご活用いただけます。
パックに含まれるコンテンツについて
ダウンロードフォルダを解凍いただきますと、スタイルが適用されたグラフおよびチャートのセクションエクスポートファイル17点と、すべてのレイアウトをまとめたファイル1点、合計18ファイルが収録されております。個別のセクションファイルは、視覚的なデータブロック、カラフルなチャート要素、明確なラベル、洗練された間隔、柔軟な構造を備えており、そのままご使用いただくことも、必要に応じてカスタマイズすることも可能でございます。また、すべてのデザインを一度にDiviライブラリへインポートできる統合ファイルもご用意しておりますので、効率的な作業をサポートいたします。
グラフ・チャートセクションの導入手順
まず、Divi管理画面より「Diviライブラリ」へ進み、画面上部の「インポートとエクスポート」をクリックいたします。「レイアウトのインポートとエクスポート」モーダル内にて「インポート」タブを選択し、「ファイルの選択」より対象のJSONファイルをご指定ください。
その後、「Divi Builderレイアウトをインポート」をクリックすることで、ライブラリへの登録が完了いたします。
次に、ビジュアルビルダーにて任意のページを開き、新規セクションを追加する際に「ライブラリから追加」を選択、登録済みのグラフまたはチャートセクションをお選びください。セクションがページに配置されましたら、見出し、グラフタイトル、データラベル、数値、凡例、キャプション、ボタン、補足説明などのプレースホルダーコンテンツを、実際のデータに置き換えていただきます。視覚的な関係性を保つため、グラフまたはデータグループごとに順次更新されることをお勧めいたします。
また、セクションの拡張や簡素化をご希望の場合は、既存の行、列、グループ、バー、カード、ラベル、モジュールを複製または削除いただくことで、元のレイアウト構造、間隔、リズムを維持したまま調整が可能でございます。
必要に応じて、デザインタブよりフォント、色、枠線、間隔、背景、影、チャートブロック、データアクセントなどのスタイル微調整も承っております。フォントの変更はテキストまたは見出しモジュールの「デザイン」タブより、グラフのスタイル調整は対象の行、列、グループ、モジュールを開き、背景、境界線、ボックスシャドウ、サイズ、間隔などの設定よりご対応いただけます。
さらに、Diviのレスポンシブ編集ツールを活用し、タブレットやスマートフォンでの表示確認を行うことで、あらゆるデバイスにおいて読みやすいレイアウトを維持することが可能でございます。
効果的なデータビジュアル作成のためのポイント
グラフやチャートは、情報を一目で理解しやすくすることで最大の効果を発揮いたします。
まず、各セクションでは一つの主要なメッセージを明確に伝えることを心がけ、見出し、ラベル、視覚的な階層構造を整理することで、訪問者がデータの意味を直ちに把握できるよう配慮いたします。
色の活用につきましては、カテゴリーの区別、進捗の可視化、成長の強調、重要データポイントへの注目誘導などに効果的でございますが、読みやすさを損なわない範囲で配色を絞り込むことが重要でございます。ラベルにつきましては、簡潔かつ統一された書式を採用し、数値、パーセンテージ、凡例、キャプションが直感的に理解できるよう設計いたします。
また、グラフ要素間には適切な余白を設け、棒グラフ、カード、ラベル、凡例、補足説明などの間隔を一定に保つことで、洗練された印象と視認性の両立を図ります。
最後に、モバイル端末での表示確認を必ず実施し、コンテンツの積み重ねやラベルの可読性、チャート要素の配置などが小型画面においても適切に機能しているかをご確認いただくことをお勧めいたします。
無料ダウンロードのご案内
本グラフ・チャートセクションパックは、Diviニュースレターへのご登録により、無料でダウンロード可能でございます。
ご登録いただきますと、究極のDiviランディングページレイアウトパックをはじめ、多種多様な無料リソース、活用ヒント、テクニックをメールにてお届けいたします。既にご登録済みのお客様につきましては、ダウンロードページにてメールアドレスをご入力いただくことで、直ちにレイアウトパックへアクセスいただけます。
詳しくは公式サイトより無料で取得可能です。
開発者の方々、WordPressご利用の皆様の業務効率化に寄与し、微力ながらお役に立てれば幸いに存じます。
