كيفية إنشاء الرسوم البيانية في وورد بريس باستخدام مكون إضافي مجاني

هل تحاول إنشاء مخططات في WordPress؟ 📊
على الرغم من أن كتلة جدول WordPress المضمنة تمنحك بعض الخيارات الأساسية لإنشاء الجداول، إلا أنها محدودة فيما يمكنها فعله، ولا يمكنك تصور تلك البيانات في أي نوع من المخططات أو الرسوم البيانية.
باستخدام البرنامج المساعد Visualizer المجاني، يمكنك إنشاء مخططات ورسوم بيانية أكثر مرونة. هذه المخططات تفاعلية وسريعة الاستجابة وملونة، وستبدو رائعة على أي جهاز. باستخدام الإصدار المجاني فقط، يمكنك استيراد البيانات من مصادر مختلفة، بما في ذلك:
- CSV
- ملفات اكسل
- جداول بيانات جوجل
- عنوان URL
بعد ذلك، يمكنك إنشاء أنواع مختلفة من المخططات والرسوم البيانية بما في ذلك الدائرية والخطية والشريطية والخرائط وغير ذلك الكثير.
يمكن للزائرين التفاعل مع مخططاتك وستحصل على الكثير من الخيارات للتحكم في أسلوبهم وعرضهم.
يضيف الإصدار المميز المزيد من الميزات مثل استيراد قاعدة البيانات ومحرر يشبه Excel داخل المتصفح والمزيد من أنواع المخططات.
📚 في هذا البرنامج التعليمي خطوة بخطوة، ستتعلم كيفية إنشاء المخططات في WordPress باستخدام البرنامج الإضافي Visualizer المجاني.
كيفية إنشاء مخططات في WordPress باستخدام Visualizer: برنامج تعليمي خطوة بخطوة
فيما يلي كيفية إنشاء المخططات في WordPress باستخدام المكون الإضافي Visualizer، في ست خطوات سهلة المتابعة:
- قم بتثبيت البرنامج المساعد Visualizer المجاني
- إنشاء مخطط جديد
- اختر نوع الرسم البياني الخاص بك
- استيراد/تكوين بيانات الرسم البياني الخاص بك
- قم بتكوين أنماط/إعدادات الرسم البياني الخاص بك
- تضمين الرسم البياني الخاص بك
1. قم بتثبيت البرنامج المساعد Visualizer المجاني
أول ما عليك فعله هو زيارة مستودع WordPress وتنزيل المكون الإضافي وتثبيته وتنشيطه:

إذا كنت مبتدئًا وتحتاج إلى مساعدة في تثبيت مكون إضافي، فيمكنك الاطلاع على هذا المنشور.
Visualizer: مدير الجداول والرسوم البيانية لـ WordPress
2. قم بإنشاء مخطط جديد
بعد ذلك، توجه إلى قائمة WordPress وانقر على Visualizer . من هنا، هناك طريقتان للبدء في إنشاء المخططات في WordPress. أولاً، انقر فوق “إضافة مخطط جديد” في القائمة:

أو، افتح صفحة/منشورًا جديدًا، وابحث عن عنصر Visualizer في محرر كتلة Gutenberg وانقر عليه:

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

لأغراض هذا البرنامج التعليمي، سننتقل إلى الخيار الأول، وهو مخطط الجدول، ثم انقر فوق التالي:

4. استيراد/تكوين بيانات الرسم البياني الخاص بك
هذه هي الشاشة التي يحدث فيها كل الإجراء. لإنشاء المخطط الخاص بك هنا، ستحتاج إلى القيام بأمرين – استيراد البيانات من مصدر لملء المخطط الخاص بك، ثم تعديل الإعدادات لجعل المخطط جذابًا ومتوافقًا مع تصميم موقع الويب الخاص بك أو علامتك التجارية.
يمكنك استيراد البيانات من ملف أو عنوان URL باستخدام الإصدار المجاني. يتم تضمين استيراد البيانات من المخططات الأخرى أو WordPress أو قاعدة البيانات أو الإضافة اليدوية في خيارات Pro:

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

5. قم بتكوين أنماط/إعدادات الرسم البياني الخاص بك
باستخدام بياناتك في Visualizer، تابع تخصيص الجدول الخاص بك عن طريق النقر فوق علامة التبويب “الإعدادات”:

كما ترون، هناك الكثير مما يمكنك تغييره هنا لتخصيص جدولك ليتناسب مع موقع الويب الخاص بك أو علامتك التجارية:

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

وهذه هي الطريقة التي تظهر بها في علامة التبويب “معاينة”:
طباعة نسخة
شهر | القاهرة | سيدني | مومباي | لندن | ميامي |
---|---|---|---|---|---|
يناير | 17 | 29 | 21 | 11 | 19 |
فبراير | 18 | 28 | 22 | 12 | 19 |
يمشي | 22 | 25 | 23 | 13 | 21 |
أبريل | 25 | 19 | 28 | 21 | 23 |
يمكن | 29 | 15 | 29 | 23 | 25 |
يونيو | 30 | 11 | 22 | 23 | 26 |
يوليو | 31 | 16 | 16 | 19 | 30 |
أغسطس | 28 | 21 | 18 | 17 | 29 |
سبتمبر | 26 | 21 | 22 | 16 | 22 |
اكتوبر | 22 | 27 | 19 | 18 | 26 |
شهر نوفمبر | 19 | 29 | 18 | 11 | 28 |
ديسمبر | 11 | 31 | 13 | 9 | 27 |
6. قم بتضمين الرسم البياني الخاص بك
من خلال المخطط المحفوظ في Visualizer، يمكنك إعادة استخدامه بحرية عن طريق لصق الرمز القصير في أي مكان تريده. يمكنك أيضًا تعديل المخطط أو استنساخه أو تصديره أو حذفه:

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

تم تعديل ملف مصدر البيانات CSV لإظهار عدد الأيام المشمسة لمدينة واحدة فقط، حيث يتم عرض المخطط الدائري بالنسب المئوية.
فيما يلي مثال حي للمخطط الدائري الذي تم إنشاؤه حديثًا. حاول المرور فوق الشرائح الفردية للمخطط – فهو يكشف تفاصيل النسبة المئوية للأيام التي يمثلها: JanuaryFebMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember6.1%6.5%7.9%9%10.4%4%6.8%7.9%9.4%10.1%11.2%10.8%
شهر | القاهرة | سيدني | مومباي | لندن | ميامي |
---|---|---|---|---|---|
يناير | 17 | 29 | 21 | 11 | 19 |
فبراير | 18 | 28 | 22 | 12 | 19 |
يمشي | 22 | 25 | 23 | 13 | 21 |
أبريل | 25 | 19 | 28 | 21 | 23 |
يمكن | 29 | 15 | 29 | 23 | 25 |
يونيو | 30 | 11 | 22 | 23 | 26 |
يوليو | 31 | 16 | 16 | 19 | 30 |
أغسطس | 28 | 21 | 18 | 17 | 29 |
سبتمبر | 26 | 21 | 22 | 16 | 22 |
اكتوبر | 22 | 27 | 19 | 18 | 26 |
شهر نوفمبر | 19 | 29 | 18 | 11 | 28 |
ديسمبر | 11 | 31 | 13 | 9 | 27 |
بعد إنشاء نوعين من المخططات، يمكنك الآن معرفة مدى سهولة إنشاء أنواع مختلفة من المخططات في WordPress باستخدام Visualizer وكيف يمكنك استخدامه لتصور البيانات ونقل نقطة ما بشكل فعال.
ابدأ في إنشاء المخططات في WordPress اليوم 🏁
يعد إنشاء المخططات في WordPress طريقة رائعة لوضع البيانات في نموذج يسهل فهمه.
يمكن أن يكون ذا فائدة كبيرة لمواقع الويب التي تستخدم البيانات لعرض القصص أو مراقبة النتائج أو تحديد الاتجاهات.
فهو يقدم نظرة عامة سريعة على الموقف الذي يغطيه، مما يساعد القراء على استهلاك البيانات بتنسيق سهل الهضم.
يمكن لأي صناعة أو موقع يتعامل مع البيانات – السريرية، والإدارية، والمصرفية، والمالية، والعمل، والموارد البشرية، والدراسات البحثية، والتعليم – استخدام المخططات والرسوم البيانية لتسهيل الأمور على أنفسهم وعلى قرائهم.
المصدر: themeisle
قد يهمك: