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

هل تحاول إنشاء مخططات في WordPress؟ 📊

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

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

  • CSV
  • ملفات اكسل
  • جداول بيانات جوجل
  • عنوان URL

بعد ذلك، يمكنك إنشاء أنواع مختلفة من المخططات والرسوم البيانية بما في ذلك الدائرية والخطية والشريطية والخرائط وغير ذلك الكثير.

يمكن للزائرين التفاعل مع مخططاتك وستحصل على الكثير من الخيارات للتحكم في أسلوبهم وعرضهم.

يضيف الإصدار المميز المزيد من الميزات مثل استيراد قاعدة البيانات ومحرر يشبه Excel داخل المتصفح والمزيد من أنواع المخططات.

📚 في هذا البرنامج التعليمي خطوة بخطوة، ستتعلم كيفية إنشاء المخططات في WordPress باستخدام البرنامج الإضافي Visualizer المجاني.

كيفية إنشاء مخططات في WordPress باستخدام Visualizer: برنامج تعليمي خطوة بخطوة

فيما يلي كيفية إنشاء المخططات في WordPress باستخدام المكون الإضافي Visualizer، في ست خطوات سهلة المتابعة:

  • قم بتثبيت البرنامج المساعد Visualizer المجاني
  • إنشاء مخطط جديد
  • اختر نوع الرسم البياني الخاص بك
  • استيراد/تكوين بيانات الرسم البياني الخاص بك
  • قم بتكوين أنماط/إعدادات الرسم البياني الخاص بك
  • تضمين الرسم البياني الخاص بك

1. قم بتثبيت البرنامج المساعد Visualizer المجاني

أول ما عليك فعله هو زيارة مستودع WordPress وتنزيل المكون الإضافي وتثبيته وتنشيطه:

Visualizer

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

Visualizer: مدير الجداول والرسوم البيانية لـ WordPress

2. قم بإنشاء مخطط جديد

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

قم بإنشاء مخطط جديد

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

قم بإنشاء مخطط جديد

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

3. اختر نوع المخطط الخاص بك

في الشاشة التي تفتح، يمكنك اختيار نوع المخطط الذي تريده من بين 15 نوعًا من المخططات:

اختر نوع المخطط الخاص بك

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

اختر نوع المخطط الخاص بك

4. استيراد/تكوين بيانات الرسم البياني الخاص بك

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

يمكنك استيراد البيانات من ملف أو عنوان URL باستخدام الإصدار المجاني. يتم تضمين استيراد البيانات من المخططات الأخرى أو WordPress أو قاعدة البيانات أو الإضافة اليدوية في خيارات Pro:

استيراد/تكوين بيانات الرسم البياني الخاص بك

يجب أن تكون البيانات بتنسيق CSV.

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

استيراد/تكوين بيانات الرسم البياني الخاص بك

5. قم بتكوين أنماط/إعدادات الرسم البياني الخاص بك

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

قم بتكوين أنماط/إعدادات الرسم البياني الخاص بك

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

قم بتكوين أنماط/إعدادات الرسم البياني الخاص بك

ضمن الإعدادات العامة، يمكنك إعطاء عنوان ووصف للمخطط الخاص بك، وحفظه كصورة في مكتبة الوسائط الخاصة بك، وتمكين التحميل البطيء.

انتقل إلى “إعدادات الجدول” لجعل الجدول الخاص بك مستجيبًا، وقم بترقيم الصفحات، وتجميد الرأس والتذييل، وتمكين الفرز والتمرير الأفقي، وتعيين ارتفاع الجدول وعدد الصفوف في كل صفحة. 

هذا ليس كل شيء، يمكنك تخصيص اللون والنص والخلفية للصفوف والأعمدة والخلايا.

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

بعد الانتهاء من تخصيص المخطط، انقر فوق حفظ المخطط. هذه هي الطريقة التي يظهر بها المخطط الخاص بي في محرر الكتل:

قم بتكوين أنماط/إعدادات الرسم البياني الخاص بك

وهذه هي الطريقة التي تظهر بها في علامة التبويب “معاينة”:

طباعة نسخة 

CSV Excel  

شهرالقاهرةسيدنيمومبايلندنميامي
يناير1729211119
فبراير1828221219
يمشي2225231321
أبريل2519282123
يمكن2915292325
يونيو3011222326
يوليو3116161930
أغسطس2821181729
سبتمبر2621221622
اكتوبر2227191826
شهر نوفمبر1929181128
ديسمبر113113927

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%

شهرالقاهرةسيدنيمومبايلندنميامي
يناير1729211119
فبراير1828221219
يمشي2225231321
أبريل2519282123
يمكن2915292325
يونيو3011222326
يوليو3116161930
أغسطس2821181729
سبتمبر2621221622
اكتوبر2227191826
شهر نوفمبر1929181128
ديسمبر113113927

بعد إنشاء نوعين من المخططات، يمكنك الآن معرفة مدى سهولة إنشاء أنواع مختلفة من المخططات في WordPress باستخدام Visualizer وكيف يمكنك استخدامه لتصور البيانات ونقل نقطة ما بشكل فعال.

ابدأ في إنشاء المخططات في WordPress اليوم 🏁

يعد إنشاء المخططات في WordPress طريقة رائعة لوضع البيانات في نموذج يسهل فهمه.

يمكن أن يكون ذا فائدة كبيرة لمواقع الويب التي تستخدم البيانات لعرض القصص أو مراقبة النتائج أو تحديد الاتجاهات.

 فهو يقدم نظرة عامة سريعة على الموقف الذي يغطيه، مما يساعد القراء على استهلاك البيانات بتنسيق سهل الهضم.

يمكن لأي صناعة أو موقع يتعامل مع البيانات – السريرية، والإدارية، والمصرفية، والمالية، والعمل، والموارد البشرية، والدراسات البحثية، والتعليم – استخدام المخططات والرسوم البيانية لتسهيل الأمور على أنفسهم وعلى قرائهم.

المصدر: themeisle

قد يهمك:

ترجمة عربي انجليزي

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

فتح حساب بنك الرياض

فتح حساب بنك أبوظبي الأول

إنشاء حساب البنك السعودي للاستثمار

فتح حساب البنك الأهلي التجاري

إنشاء حساب أبل ستور

أفضل استضافة ووردبريس

طرق الربح من الانترنت

أنت تستخدم إضافة Adblock

يعتمد موقع انشاء على الاعلانات كمصدر لدعم الموقع، يجب عليك ايقاف تشغيل حاجب الاعلانات لمشاهدة المحتوي