11 من أفضل ملحقات WordPress لإنشاء الرسم البياني والمخططات

نشرت: 2019-07-17

كمبيوتر محمول مفتوح مع رسوم بيانية ومخططات على الشاشة.

يمكن أن تجعل البيانات منشوراتك تبدو أكثر مصداقية ، مما قد يزيد جمهورك بسبب المحتوى الموثوق به. ومع ذلك ، غالبًا ما يواجه المدونون مشكلات تتعلق بأفضل طريقة لتقديم مثل هذه البيانات. قد يكون من الممل حقًا النظر إلى الإحصائيات والأرقام إلى ما لا نهاية. هذا يمكن أن يجعل من الصعب إبقاء جمهورك حولك لأنه قد يكون من الصعب جدًا فهمه وممل.

أفضل طريقة يمكن للأشخاص من خلالها استيعاب البيانات الصعبة هي من خلال المرئيات مثل المخططات والرسوم البيانية. يمكن أن تمنح البيانات المرئية مدونتك السلطة والمصداقية التي تحتاجها ، بالإضافة إلى تحسين المظهر العام للمدونة. عادةً ما تكون الرسوم البيانية عبارة عن صور بدلاً من إدراج وسائط ديناميكي. يمكن لمثل هذه الصور بالتأكيد أن تعبر عن وجهة نظرك ؛ ومع ذلك ، فإن أكبر مشكلة لديهم هي أنه قد يكون من الصعب تحديث البيانات. يمكن أن تتغير الأرقام وقد يكون من الصعب العودة إلى المنشورات القديمة لتحديثها.

من الأفضل إضافة رسوم بيانية ديناميكية يسهل تحديثها. هناك عدد من مكونات WordPress الإضافية للرسم البياني والرسم البياني التي يمكنك تثبيتها لضمان الحصول على بيانات رائعة المظهر. يمكن أن يؤدي ذلك إلى زيادة المبيعات وجذب جمهور أفضل.

جدول المحتويات

  • مخططات ووردبريس
  • متخيل
  • مخططات سهلة
  • الرسوم البيانية والرسوم البيانية ووردبريس
  • الرسوم البيانية المستجيبة
  • amCharts: الرسوم البيانية والخرائط
  • مخطط م
  • UberChart
  • المخططات والرسوم البيانية WP
  • مولد جداول البيانات
  • الرسوم البيانية السريعة RJ

مخططات ووردبريس

مخططات ووردبريس

مخططات WordPress هي الحل الأكثر بساطة وسهولة في الاستخدام لجعل مدونتك تبدو أكثر إثارة للاهتمام ومصداقية. يمكنك إنشاء مخططات متحركة باستخدام HTML5 و Chart.js. هناك ستة أنواع رئيسية من أنواع المخططات التي يمكنك تصميمها: مخطط دائري مجوف ومخطط منطقة قطبية ومخطط خطي ومخطط دائري ومخطط نسيجي. يمكنك إدراجها في منشورك أو صفحتك بسهولة عبر الأدوات أو الرموز القصيرة.

تحتوي قائمة الوسائط الرئيسية على منطقة رموز قصيرة يمكن أن تبدو رائعة في منطقة إدارة WordPress الخاصة بك. يحتوي كل مخطط على رمز قصير مختلف متاح على الواجهة. يمكنك استخدام العشرات من سمات الرموز القصيرة لإنشاء مخططاتك.

أفضل جزء في هذا المكوِّن الإضافي للمخطط هو أن المخططات متحركة ويتم تحميلها بسرعة. يمكنهم جعل صفحتك تبدو رائعة ومهنية للغاية. يمكنك أيضًا تعديل السمات والقيم في المخطط من خلال الرمز المختصر متى شئت. هذا يجعل تحديث وإضافة المخططات البسيطة أمرًا سهلاً حقًا للمدونين. ومع ذلك ، إذا كنت ترغب في إضافة مخططات أكثر تعقيدًا إلى مدونتك ، فقد يصبح هذا المكون الإضافي محبطًا بسبب نقص الخيارات. في مثل هذه الحالة ، من الأفضل البحث عن مكونات إضافية أكثر تقدمًا.

متخيل

البرنامج المساعد متخيل

Visualizer هو ملحق WordPress متعدد الاستخدامات ومثير للاهتمام حقًا تم تصميمه بواسطة ThemeIsle. هناك إصداران متاحان: مجاني ومميز. في الإصدار المجاني ، ستتمكن من إنشاء مخططات عمودية ومخططات دائرية ومخططات خطية ومخططات جغرافية ومخططات مساحية ومخططات شريطية ومخططات مبعثرة وجداول

عند تثبيت البرنامج المساعد ، ستتمكن بسهولة من تحديد موقع زر Visualizer في شريط أدوات محرر WordPress الكلاسيكي. إذا كنت تستخدم أيضًا مكون Gutenberg الإضافي ، فسترى خيار Visualizer في قائمة الحظر الرئيسية. تأكد من تشغيل وضع المحرر المرئي وإلا فلن تتمكن من رؤية الزر. يمكنك بسهولة تحميل البيانات للمخطط أو الملف الخاص بك من خلال ملف CSV من خلال التحميلات المباشرة أو الاستيراد عبر عناوين URL.

في الإصدار المحترف ، ستحصل على أربعة أنواع إضافية من المخططات بما في ذلك مخططات الخط الزمني ومخططات التحرير والسرد ومخططات المقاييس ومخططات الشموع. أفضل ميزة في إصدار المكون الإضافي المتميز هي القدرة على تصميم مخططات جديدة من الصفحات والمنشورات. هناك أيضًا المزيد من المخططات الإضافية المتاحة والتي يمكن أن تضيف وظائف ، والقدرة على التحرير ، وإنشاء مخططات خاصة.

مخططات سهلة

البرنامج المساعد Easy Charts

يمكن أن تساعدك Easy Charts في إنشاء موقع WordPress أكثر جاذبية من الناحية المرئية من خلال الرسوم البيانية الإبداعية والممتعة. هذا حل مجاني للمخططات التي يمكنك تطويرها من خلال مكتبة uvCharts JavaScript.

أفضل جزء في هذا البرنامج المساعد هو مجموعة كبيرة ومتنوعة من أنواع المخططات الإضافية المجانية المتوفرة بما في ذلك:

  • شريط الرسم البياني
  • مخطط شريطي مكدس
  • تصعيد مخطط شريطي
  • النسبة المئوية للمخطط الشريطي
  • مخطط المنطقة
  • مخطط مساحي مكدس
  • مخطط منطقة النسبة المئوية
  • مخطط خطي ، مخطط دائري
  • مخطط دائري
  • مخطط المنطقة القطبية
  • مخطط الشلال

يمكنك إضافة المخططات إلى صفحتك أو النشر كنوع منشور مخصص أو جدول قابل للتخصيص. يمكنك بسهولة تغيير الشكل متى احتجت أو إضافة المزيد من الصفوف والأعمدة بمجرد نقرة على زر. ستحصل على رمز قصير للرسم البياني أو ، إذا كنت تفضل ذلك ، يمكنك أيضًا إدراج الرسوم البيانية يدويًا من صفحة المحرر. يمكنك أيضًا معاينة المخططات متى احتجت إلى ذلك طالما تم حفظ البيانات. يمكنك أيضًا تغيير نوع الرسم البياني فقط لترى كيف ستبدو بياناتك في أنواع مختلفة.

أفضل جزء في Easy Charts هو عدد ميزات التخصيص حيث يمكن تغيير كل جانب من جوانب المخطط وفقًا لتفضيلاتك. يمكنك تغيير أسلوب الطباعة أو التسميات التوضيحية أو التسميات أو الهوامش أو النمط بحيث تبدو مدونتك أكثر تنوعًا وإبداعًا. إذا كنت تستخدم هذا في التخصيص ، فلا يزال بإمكانك استخدام أي من مخططات الألوان المعدة مسبقًا لمدونتك.

الرسوم البيانية والرسوم البيانية ووردبريس

البرنامج المساعد للرسوم البيانية والرسوم البيانية في WordPress

يستخدم المكون الإضافي WordPress Graphs & Charts HTML5 و Chart.js و Vue.js Javascript. يدعم ثمانية أنواع مختلفة من المخططات وهو سهل الاستخدام حقًا ، ويمكن أن يكون رائعًا للمبتدئين. ستتمكن من استخدام ثمانية أنواع من المخططات والرسوم البيانية بما في ذلك الرسوم البيانية الشريطية والرسوم البيانية الخطية والرسومات البيانية الرادارية والرسوم البيانية القطبية والرسم البياني الدائري المجوف والرسوم البيانية الدائرية والرسوم البيانية الفقاعية والرسوم البيانية المبعثرة.

يظهر خيار إدراج الرسم البياني في شريط أدوات المحرر على موقع WordPress الخاص بك عند تنشيط المحرر الكلاسيكي. يمكنك إضافة الرسوم البيانية وتحديد نوع الرسم البياني الذي تريده ، بمجرد النقر فوق هذا الزر. تعد إضافة البيانات إلى المخطط خيارًا مثيرًا للاهتمام وبسيطًا. عند إضافة البيانات ، ستتمكن من تغيير الألوان وتحديد الملصقات مرة واحدة. ستتم إضافتهم إلى ميزة معاينة الرسم البياني على اليد اليمنى على الفور. هذا يضمن أنه يمكنك رؤية الرسوم البيانية تتطور في الوقت الفعلي.

عند الانتهاء من إنشاء المخطط الخاص بك ، يمكنك إضافته إلى المحتوى الخاص بك من خلال رمز قصير. يمكنك أيضًا تعديل الرسوم البيانية والمخططات وقتما تشاء عبر خيار إدراج الرسم البياني ؛ يمكن الوصول إلى قائمة بجميع الرسوم البيانية الخاصة بك من هذه المنطقة.

الرسوم البيانية والرسوم البيانية في WordPress هي مكون إضافي أساسي يسمح لك بتصميم مخططات بسيطة. المشكلة الوحيدة في البرنامج المساعد للرسوم البيانية هي أنه لا يسمح لك باستيراد البيانات من خلال ملفات CVS أو تغيير نوع المخططات التي قمت بإنشائها بالفعل. لا تزال هذه القيود رائعة لأي شخص يريد إضافة الرسوم البيانية والمخططات الأساسية إلى صفحاته.

الرسوم البيانية المستجيبة

البرنامج المساعد للرسوم البيانية المستجيبة

تعد الرسوم البيانية المستجيبة واحدة من أفضل المكونات الإضافية للأشخاص الذين يريدون خيارًا ميسور التكلفة. يتيح لك إنشاء سبعة مخططات تفاعلية ستبدو رائعة على موقع WordPress.org الخاص بك. يتم إنشاء المخططات من خلال charts.js ويمكنك إنشاء مخططات رادار وأشرطة تقدم تمهيد التشغيل ومخطط دائري مجوف ومخطط دائري ومخطط شريطي ومخطط قطبي ومخطط خطي.

يمكن إدراج المخططات بسهولة في محتوى WordPress عبر الرموز القصيرة أو حتى باستخدام PHP كقوالب للصفحة. يمكنك تسمية المخططات الخاصة بك وتحديد عرض الرسم البياني وتحديد نوع الرسم البياني الخاص بك. هناك الكثير من خيارات التصميم التي يمكنك الاستفادة منها أيضًا مثل الحشو والألوان والطباعة والهوامش. مصدر البيانات يدوي ويمكن الوصول إليه من أسفل الصفحة من خلال مجموعات بيانات مختلفة. يسمح هذا المكون الإضافي لمخطط WordPress للمستخدمين أيضًا بتحميل البيانات من خلال ملف CSV.

ومع ذلك ، لا توجد طريقة لمعاينة الرسم البياني الخاص بك أثناء إنشائه في الوقت الفعلي. لمعاينة الرسم البياني ورؤية أي تغييرات قمت بإجرائها ، سيتعين عليك إدخال الرمز القصير في منطقة المحتوى نفسها. يتوفر فقط الإصدار المتميز من البرنامج المساعد ، وليس مجانًا. ومع ذلك ، بمجرد شرائه ، يمكنك تحميل كميات كبيرة من البيانات والوصول إلى الكثير من خيارات التصميم.

amCharts: الرسوم البيانية والخرائط

amCharts: المخططات الإضافية والخرائط

amCharts هو أفضل مكون إضافي لمدونين WordPress الأكثر تقدمًا والمستخدمين الذين تجاوزوا الأدوات البسيطة الأساسية التي توفرها المكونات الإضافية الأخرى. تم تطوير مكون الرسم البياني هذا من خلال JavaScript وهو أداة رائعة حقًا لجعل موقع WordPress الخاص بك متميزًا عن البقية. أنت في الواقع تجعل صفحة المحتوى الخاصة بك تبدو مثيرة للاهتمام حقًا من خلال 9 أنواع مختلفة من المخططات بما في ذلك:

  • مخطط XY
  • مخطط دائري
  • مخطط شرائح
  • مخطط سانكي
  • مخطط نسيجي
  • مخطط القياس
  • مخطط وتر
  • مخطط Treemap
  • خريطة

يمكنك أيضًا اختيار تخزين الموارد محليًا أو عن بُعد من منطقة إعدادات البرنامج المساعد. ستتمكن أيضًا من إضافة الموارد المخصصة إلى أي مكتبات JavaScript في المكون الإضافي. يمكن تعريف كل نوع من المخططات من خلال مكتبات JavaScript وستصبح هذه الإعدادات نقطة البداية التي يمكنك من خلالها تحرير المزيد.

مخطط م

لقطة شاشة من البرنامج المساعد M Chart

M Chart هو مكون إضافي مجاني يمكنك استخدامه لتصميم مخططات رائعة في WordPress. يمكنك استخدام مكتبات Highcharts أو Chart.js لإنشاء الرسم البياني الخاص بك. يمكنك معاينة المخططات وتضمينها عن بعد من خلال صفحة الإعدادات العامة. هناك أربعة أنواع من المخططات التي يمكنك إنشاؤها باستخدام هذا المكون الإضافي: مخطط عمودي ، ومخطط شريطي ، ومخطط دائري ، ومخططات خطية.

يوجد أيضًا خيار جدول بيانات يمكنك استخدامه. يمكنك النقر فوق خلية في الجدول لإضافة بياناتك أو قيمك. يمكنك أيضًا استخدام ملف CSV لتحميل البيانات الموجودة على المكون الإضافي لتحويلها إلى رسم بياني فريد. الميزة الفريدة للمكوِّن الإضافي هي أنه يمكنك حتى تصدير بيانات المخطط من خلال ملف CSV ، وهو ليس خيارًا متاحًا في أوضاع البرنامج المساعد الأخرى.

يمكنك التحقق من معاينة الرسم البياني في قسم البيانات على الشاشة. سيتم تحديث المعاينة حتى عند تغيير نوع الرسم البياني. يمكنك عرض وسيلة إيضاح أو تغيير ارتفاع الرسم البياني من خلال الخيارات المتاحة في المكون الإضافي الخاص بك. يمكنك أيضًا تحديد وحدة أو إضافة عنوان على كل محور من محاور الرسم البياني. هناك العشرات من أنواع الوحدات حرفيًا مثل حركة مرور موقع الويب والعملة والمسافة والمزيد لجعل الرسوم البيانية أكثر ديناميكية.

M Chart هو أفضل مكون إضافي إذا كنت تريد طريقة سهلة لإضافة البيانات إلى المحتوى الخاص بك بطريقة ممتعة. ومع ذلك ، فإنه يحتوي فقط على أربعة أنواع من المخططات التي يمكن أن تكون مصدر إزعاج للأشخاص الذين يريدون Infographics متنوعة لموقعهم على الويب.

UberChart

البرنامج المساعد UberChart

المكوّن الإضافي UberChart مخصص للمستخدمين الذين يريدون حلاً متقدمًا لتمثيل البيانات المرئية. يحتوي على أكثر من 30 ميزة قابلة للتخصيص لكل مجموعة بيانات و 240 ميزة قابلة للتخصيص لكل مخطط. هناك 10 مخططات يمكنك إنشاؤها من خلال هذا المكون الإضافي لمخطط WordPress بما في ذلك المخططات الشريطية الأفقية والمخططات الدائرية والمخططات المساحية والمخططات الشريطية والمخططات الخطية ومخططات المنطقة القطبية والمخططات المبعثرة والمخططات النسيجيّة والمخططات الفقاعية.

يمكنك أيضًا تعديل المخططات لاحقًا ببضع نقرات على الزر ، وهو أمر رائع حقًا إذا كنت ترغب في تحديثها. يمكنك أيضًا تكرار بعض المخططات لاستخدامها كقوالب لأي مخططات جديدة تريد إضافتها إلى موقع WordPress الخاص بك. يمكنك استيراد البيانات إلى المكون الإضافي باستخدام ملف CVS. أفضل شيء هو أنه يمكنك حتى نسخ البيانات ولصقها من جدول بيانات Excel أو Google.

يعد إعداد التصميم الافتراضي رائعًا أيضًا ، ولهذا السبب يستخدمه الكثير من الأشخاص. ومع ذلك ، قد يكون من الممتع حقًا تخصيص تصميمات المخططات الخاصة بك وتغيير كل شيء من تلميحات الأدوات إلى العناوين وكل شيء بينهما. هناك العديد من خيارات التصميم بما في ذلك الألوان ، والهوامش ، والحشو ، وطول نصف القطر ، وغيرها من الخيارات التي يمكنك استخدامها لإبراز مخططاتك بشكل أكبر. يمكنك أيضًا معاينة الرسم البياني أثناء تصميمه من خلال صفحة الإعدادات. أفضل جزء هو أنه يدعم لغات متعددة ويمكن استخدامه عبر المتصفحات على مواقع متعددة.

المخططات والرسوم البيانية WP

البرنامج المساعد WP Charts and Graphs

يعد المكون الإضافي المجاني المسمى WP Charts and Graphs رائعًا أيضًا للمستخدم الذي يريد نموذجًا أساسيًا للمكوِّن الإضافي سهل الاستخدام. يمكنك إنشاء ستة أنواع من المخططات بما في ذلك مخطط دائري ومخطط خطي ومخطط دائري مجوف ومخطط قطبي ومخطط نسيجي ومخطط شريطي.

كل ما عليك فعله لإضافة العناوين هو إضافة البيانات والعناوين المقابلة للرسم البياني. عند النقر فوق زر الإنشاء ، سيُظهر لك معاينة للرسم البياني برمز قصير. يمكنك بسهولة إدخال هذا الرمز القصير في صفحة محتوى WordPress الخاصة بك لعرض الرسم البياني. يمكنك أيضًا إجراء تعديلات سريعة حقًا على الرسم البياني في وقت لاحق عن طريق تعديل القيم داخل الرمز القصير.

تم تصميم WP Charts and Graphs لتكون أداة أساسية وبسيطة للمستخدمين الذين لا يريدون إضاعة الكثير من الوقت في إنشاء الرسوم البيانية والمخططات لموقع WordPress الخاص بهم. لا يحتوي على صفحة إعدادات مخصصة ، ولا توجد طريقة لتغيير الألوان ، ولا توجد صفحة للمخططات القديمة.

مولد جداول البيانات

البرنامج المساعد لمولد جداول البيانات

يحتوي مولد جداول البيانات من Supsystic على الآلاف من التركيبات النشطة لسبب رئيسي. يسمح لك المكون الإضافي بإنشاء جداول البيانات وعرضها وإدارتها من اللوحة الرئيسية. ستتمكن من إنشاء الكثير من المخططات والرسوم البيانية التفاعلية من خلال هذا البرنامج المساعد لجعل موقع WordPress الخاص بك يبدو مثيرًا للاهتمام حقًا. وهي متوفرة في نسختين: نسخة مجانية ونسخة احترافية.

هناك العديد من أنواع المخططات المتاحة التي يمكنك استخدامها لجعل مدونتك تبدو أكثر ديناميكية وجاذبية. هناك أيضًا طرق مختلفة يمكنك من خلالها تخصيص عروض المخطط. يمكنك أيضًا عرض المخططات الخاصة بالمستعرضات المتقاطعة وعبر الأنظمة الأساسية ، وهو أمر رائع لمدونين WordPress المتقدمين. يوجد نظام إدارة جدول بيانات مدمج يمكنك استخدامه لإدارة جميع أنواع البيانات المختلفة للرسوم البيانية المختلفة. هناك الكثير من أنواع البيانات الموسعة أيضًا ، مما يعني أنه يمكنك استيراد أنواع مختلفة من البيانات دون مشكلة.

تتنوع وظائف الجدول ، مما يسمح للمستخدمين باللعب. يمكن أيضًا أن يكون إضافة جدول سريعًا وبسيطًا ، وذلك ببساطة عن طريق إضافة عدد من الصفوف والأعمدة ، بالإضافة إلى العنوان. يسمح لك المكون الإضافي بالتحرير من خلال جدول بيانات ، مما يجعل من السهل إضافة جميع التفاصيل. يمكنك أيضًا إضافة روابط وصيغ وصور ، مما يسهل إنشاء جدول البيانات.

يمكنك أيضًا معاينة الجدول أثناء تصميمه مباشرةً من علامة التبويب على شاشة البرنامج المساعد. ستتمكن أيضًا من الوصول إلى CSS للجدول بحيث يكون لديك القدرة على تخصيصه بالكامل. تشمل الميزات الأخرى المتوفرة في علامة تبويب الإعدادات الفرز وتقسيم الصفحات.

يعد الإصدار المحترف أيضًا سهل الاستخدام ومثاليًا للمستخدمين الأكثر تقدمًا. يمكنك استيراد وتصدير البيانات - الخيار الأخير هو خيار نادر. يمكنك إنشاء مخططات ومخططات مختلفة من البيانات ببساطة عن طريق تحديدها من الجدول. هناك سبعة أنواع من المخططات التي يقوم بإنشائها مثل الخط ، والمساحة ، والعمود ، والدائرة ، والجغرافيا ، والمقياس ، والشمعدان ، والتشتت.

الرسوم البيانية السريعة RJ

البرنامج المساعد RJ Quickcharts

يعد المكون الإضافي RJ Quickcharts شائعًا أيضًا بين المستخدمين نظرًا لخيارات مخطط HTML5 المذهلة. يمكنك أيضًا استخدام CSS و JavaScript لإنشاء مخططاتك. يتم بناؤها وتحديثها عند إضافة البيانات إليها بمرور الوقت. يمكن إنشاء المخططات من خلال الحدس البسيط ، وهو أمر رائع للأشخاص الذين بدأوا للتو. يمكنك بسهولة إدارة جميع البيانات من خلال واجهة WordPress نفسها.

أفضل جزء بالنسبة للمبتدئين هو أنه لا يوجد سوى عدد قليل من الإعدادات التي يجب عليك تعديلها لإنشاء الرسوم البيانية. يتضمن ذلك عناوين للمحور ، وعرض مفتاح الرسم البياني ، وألوان المخطط. يمكنك أيضًا إضافة البيانات إلى جدول البيانات من إعداد المخطط ، مما يجعله حقًا طريقة سهلة لإدخال البيانات. يوفر المكون الإضافي أيضًا عينة للبيانات ، مما يجعل من السهل إعداد جدول البيانات الخاص بك. يمكن تحديث المخطط ديناميكيًا عند إدخال البيانات ويمكنك رؤية التغييرات من خيار المعاينة. يمكنك أيضًا إنشاء ملف PNG للمخطط ، وهو أمر مفيد إذا كنت تريد إضافة المخطط إلى العروض التقديمية وعروض الشرائح.

ومع ذلك ، هناك عدد محدود من أنواع المخططات بما في ذلك المخططات الخطية والشريطية والدائرية التي يمكن أن تجعل من الصعب إضافة التنوع إلى المحتوى الخاص بك. لا توجد أيضًا خيارات بيانات خارجية وتتوفر خيارات محدودة للغاية للتخصيص.

يمكن أن يكون استخدام المخططات والرسوم البيانية طريقة ممتعة حقًا لعرض البيانات على موقع WordPress الخاص بك. إنها طريقة مفيدة حقًا للتفاعل مع جمهورك وجعل موقعك يبدو أكثر مصداقية.