إنشاء جداول استجابة مذهلة في WordPress مع wpDataTables

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


جداول HTML الأساسية

يمكنك إضافة جداول إلى WordPress باستخدام المعيار علامات جدول HTML. إنها مباشرة إلى حد ما إلى الأمام وتستخدم البنية الأساسية التالية (تذكر فقط إدخالها في علامة التبويب “نص” عند إنشاء مشاركتك):

أول ثانيا الثالث
جاك جاكسون 25
جين جنسون 30

والذي سينتج عنه جدول يشبه هذا (ملاحظة – أي تصميم لخلايا الرأس ال يعتمد على السمة الخاصة بك):

أولثانياالثالث
جاكجاكسون25
جينجنسون30

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

  • ستحتاج إلى تعلم ترميز HTML للخيارات المتقدمة
  • إن إضافة HTML تستغرق وقتًا طويلاً وستعيق إنتاجيتك على المدى الطويل عند إنشاء العديد من الجداول
  • هذه الطريقة محدودة للغاية في التخطيط والتصميم (ما لم تكن مطورًا متقدمًا)

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

قد يكون موقعك متجاوبًا ، ولكن جداولك ليست كذلك.

سيؤدي هذا بشكل طبيعي إلى كسر خاصية الاستجابة لموقعك. يمكن أن يمثل إدخال البيانات إلى موقعك مشكلة أيضًا. يحتوي برنامج معالجة جداول البيانات مثل Google Spreadsheets أو Microsoft Excel على الكثير من أدوات الاستيراد للحصول على البيانات من قاعدة البيانات. ولكن عندما تكتب كل شخصية – فهي ليست منتجة للغاية.

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

إنشاء جداول أفضل باستخدام wpDataTables

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

لإنشاء جداول باستخدام WordPress ، نوصي بشدة باستخدام wpDataTables. يسهّل هذا المكون الإضافي المتجاوب تمامًا إنشاء الجداول والرسوم البيانية وتخصيصها وإدارتها في WordPress – لا يلزم الترميز. مجرد تركيب وبدء بناء الجداول والرسوم البيانية! موثوق به من قبل أكثر من 14300+ شخص (واسمه سابقًا أحد المكونات الإضافية لشهر WordPress لهذا الشهر) إنها ببساطة واحدة من أفضل الطرق لإضافة الجداول إلى موقع الويب الخاص بك الذي يعمل على WordPress برأينا المتواضع.

المزيد عن wpDataTables عرض العرض التوضيحي المباشر

يمكنك معرفة المزيد حول wpDataTables على Themeforest من خلال النقر على الأزرار أعلاه ، أو مواصلة القراءة لمعرفة سبب اعتقادنا بأنها رائعة جدًا.

مصادر بيانات متعددة

مصادر بيانات wpDataTables

اعتمادًا على المكان الذي تفضل تخزين بياناتك فيه ، يسمح لك wpDataTables بالاستيراد من العديد من المصادر المختلفة. اختر من Excel أو CSV أو Google Doc أو XML أو JSON أو Serialized PHP Array أو استعلام MySQL لاستيراد البيانات. هناك أيضًا خيارات لإنشاء جدول جديد يدويًا ، أو الارتباط بمصدر بيانات مباشر (والذي حتى يتم تحديث الجدول ديناميكيًا عند تحميله على صفحة) أو إنشاء استعلام مخصص باستخدام أداة GUI (واجهة المستخدم الرسومية).

استعلام MySQL هو المفضل لدي لأنه يسمح لي بالمشاهدة وتعديل البيانات من قاعدة بيانات مناسبة. إذا كان لديك فريق من المطورين يعملون في مشروع جدول ، فإن هذا سيجعل التعاون أكثر بساطة (المزيد عن هذا لاحقًا)!

التخصيص المحسن والتخطيط المستجيب

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

wpDataTables التصميم المخصص

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

مرشحات للبحث الفعال

wpDataTables خيارات الفرز والتصفية

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

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

تعديل قاعدة بيانات MySQL من الواجهة الأمامية

تسمح wpDataTables بتحرير الواجهة الأمامية

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

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

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

أنماط الرسم البياني wpDataTables

تساعدك wpDataTables في إنشاء مخططات ديناميكية (عبر مخططات Google أو HighCharts أو Chart.js) لتصور بيانات جدولك. هذا مفيد بشكل خاص للجداول التي تحتوي على الكثير من البيانات الرقمية ، على سبيل المثال المدونين الذين يشاركون تقارير الدخل الشهرية الخاصة بهم.

تحديثات مدى الحياة

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

وثائق مفصلة

لا يترك المطور أي جهد عندما يتعلق الأمر بشرح كيفية استخدام wpDataTables. هناك وثائق واسعة النطاق على الإنترنت بالإضافة إلى دروس فيديو لمساعدتك على فهم القدرة الكاملة للمكون الإضافي!

هذا يخبرنا شيئين:

  1. يهتم المطور بعملائهم – حتى يعودوا لشراء المنتج
  2. عميل مطلع = أقل من الفواق = تذاكر دعم أقل = عملاء سعداء

أيضًا ، مع تذاكر الدعم الأقل ، يمكن للمطور تخصيص المزيد من الوقت لتحسين المكون الإضافي وتقديم ميزات أحدث!

كيفية بناء جدول متجاوب مع wpDataTables

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

1. تثبيت wpDataTables

أعلم أن هذا يجب أن يكون واضحًا ، ولكن ستحتاج أولاً إلى تثبيت wpDataTables. نظرًا لأن هذا مكون إضافي ممتاز ، يجب شراؤه وتنزيله من CodeCanyon (انتقل إلى مشترياتك وقم بتنزيل “ملف WordPress القابل للتثبيت فقط”).

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

ثم اتبع التعليمات التي تظهر على الشاشة لإنهاء التثبيت والتنشيط.

2. إنشاء جدول البيانات الخاص بك

عندما يكون المكون الإضافي نشطًا ، يجب أن يكون لديك عنصر قائمة “wpDataTables” جديد تمامًا. انقر عليه ، ثم انقر فوق الزر الأزرق الكبير Add New للبدء في إنشاء جدول جديد.

wpDataTables إنشاء أو استيراد جدول

سيكون خيارك الأول هو الطريقة التي تريد بها إنشاء جدولك. يجب أن يكون هناك خمسة خيارات مقدمة. لقد حددنا خيار الاستيراد من CVS حيث كان لدينا جدول بيانات بسيط أردنا استخدامه. ثم بعد النقر فوق “التالي” ، ستتم مطالبتك بتحديد ملفك وتحميله.

wpDataTables إدارة الجدول

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

إعدادات جدول wpDataTables

أنت الآن في المنزل! من هذه الصفحة ، يمكنك تعديل الإعدادات الإضافية لجداولك (اختياري). استخدم خيارات “العرض” لتمكين الانهيار المتجاوب على الأجهزة الأصغر ، أو إضافة شريط تمرير أفقي ، أو تحديد عرض الجدول ، وما إلى ذلك. انتقل إلى علامة التبويب “تعديل” لتمكين التعديل في الواجهة الأمامية ، أو تمكين أدوات الجداول (طباعة أو نسخ أو تصدير روابط سريعة). أفضل ما في الأمر أنه يمكنك معاينة تعديلاتك مباشرة أثناء إجراء التعديلات. فقط تذكر أن تضغط على حفظ (أو تطبيق) علامة اختيار إذا قمت بإجراء أي تغييرات.

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

3. إدراج جدولك في مشاركة أو صفحة

wpDataTables الرمز القصير

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

الجدول الأمامي wpDataTables

يمكنك أن ترى في موقعنا تمكين أدوات الجدول (للطباعة والتصدير وما إلى ذلك) ، والتصفية والإرسالات الأمامية. ولكن هذا كل شيء – طاولتك جاهزة للانطلاق!

تريد بناء مخطط?

يمكنك أيضًا إنشاء مخططات باستخدام wpDataTables. بعد إنشاء الجدول ، انقر على “إنشاء مخطط” للبدء.

wpDataTables إنشاء مخطط

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

wpDataTables تعيين البيانات

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

wpDataTables تخصيص الرسم البياني

الآن من أجل الجزء الممتع. استخدم الخيارات لتصميم وإضافة ميزات إلى مخططك. هناك الكثير من الخيارات للعرض ، والارتفاع ، والخلفيات ، والحدود ، والخطوط ، والعلامات ، والألوان ، وإظهار / إخفاء العنوان ، وتلميحات الأدوات عند التمرير والمزيد.

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

أضف المزيد من ميزات جدول WordPress

هل تريد المزيد؟ هناك عدد من ملحقات وإضافات wpDataTables لإضافة المزيد من خيارات الجدول والمخطط لموقعك على WordPress.

مرشحات wpDataTables المتقدمة

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

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

wpDataTables أشكال هائلة

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

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

جرب wpDataTables لنفسك

wpDataTables لايف رمل

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

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

شاهد عرض wpDataTables التجريبي

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

احصل على wpDataTables Lite

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

استنتاج

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

احصل على wpDataTables لـ WordPress

هل حاولت wpDataTables؟ أو هل لديك أي أسئلة حول ما يمكن أن يفعله هذا البرنامج المساعد؟ اترك تعليقًا أدناه – نود أن نسمع منك!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map