ستساعدك المقالة التالية: كيفية إضافة الجداول الديناميكية في ووردبريس بدون أي HTML
في المرة الأخيرة التي حاولت فيها إضافة جدول إلى مدونة WordPress الخاصة بي، انتهى بي الأمر بإلغاء كل شيء واستخدام قائمة نقطية بدلاً من ذلك.
تبدو مألوفة؟
تأتي العديد من سمات WordPress المذهلة مع القدرة على إنشاء جداول رائعة المظهر. ومن المؤكد أنها قد تبدو جيدة في البداية ولكن لا يمكنك فعل الكثير بها.
هل تريد بيانات قابلة للتصفية؟ لا.
هل تريد أن يكون الجدول مستجيبًا للجوال؟ لا.
هل تريد استيراد البيانات من ملف CSV؟ ليست فرصة.
وإليك الأخبار الجيدة:
باستخدام المكوّن الإضافي المناسب، يمكنك إنشاء جداول ديناميكية عالية الأداء. نوع الشيء الذي يسمح لك بعرض البيانات القابلة للتصفية.
جنبا إلى جنب مع الرسوم البيانية وجميع أنواع.
يبدو جيدا؟ دعونا نلقي نظرة على كيفية القيام بذلك باستخدام wpDataTables.
Note: بينما يركز هذا البرنامج التعليمي على الجداول التفاعلية، قد تجد البرنامج التعليمي الخاص بنا حول إنشاء جداول مستجيبة للهواتف المحمولة باستخدام wpDataTables مفيدًا. اضغط هنا للتحقق من ذلك. يأخذ هذا البرنامج التعليمي الجديد في الاعتبار واجهة المستخدم المحدثة والميزات الإضافية التي تم إصدارها مؤخرًا في wpDataTables.
يتيح لك هذا البرنامج المساعد إنشاء جداول جميلة دون أي معرفة بـ HTML
يعد wpDataTables أحد مكونات WordPress الإضافية المتميزة التي تجعل عملية إنشاء الجداول ونشرها على موقع الويب الخاص بك أمرًا سهلاً. إنها خفيفة الوزن وبديهية وتنجز المهمة في غضون دقائق، مما يترك لك تعليمات برمجية أقل للتصفح والمزيد من الوقت للتدوين.
إحدى النقاط الرئيسية حول هذا البرنامج المساعد هي أنك لا تحتاج إلى أي معرفة سابقة بـ HTML للحصول عليه وتشغيله. يتم كل شيء ضمن صفحة إعدادات سهلة الاستخدام. لنشرها، ما عليك سوى نسخ رمز قصير ولصقه، وستكون جاهزًا للبدء.
بالنسبة للمدونين والشركات، يعد هذا خبرًا رائعًا لأنه يسمح لك بعرض الكثير من البيانات بطريقة موجزة وسهلة الاستيعاب.
يمكنك حتى استخدامه من أجل:
- كتالوج المنتجات
- مخططات المقارنة للمنتجات
- قائمة الأسعار
- جمع البيانات من المستخدمين
- النتائج الرياضية
- تتبع تقدمك في أي شيء يتضمن أرقامًا (مثل تقرير دخل المدونة)
الاحتمالات لا حصر لها.
إنشاء جدول من البداية إلى النهاية: دليل خطوة بخطوة
يعد استخدام المكوّن الإضافي wpDataTables لإنشاء جداول جميلة وواضحة وكاملة الوظائف على موقع WordPress الخاص بك أمرًا بسيطًا.
إليك كيفية البدء:
الخطوة 1 – جهّز ملفك
أدناه، قمت بإنشاء مثال مستند Excel لعدد من النفقات العشوائية. يتضمن ذلك عدة أعمدة مثل التاريخ وطريقة الدفع والتكلفة.
تأكد من عرض بياناتك بطريقة مماثلة، وإلا فإن المكون الإضافي سيواجه صعوبة في تحديد الأعمدة في جدولك.
الخطوة 2 – إنشاء جدول جديد
انتقل إلى wpDataTables على الجانب الأيسر من لوحة تحكم WordPress الخاصة بك.
سيؤدي النقر على هذا الرابط إلى نقلك إلى الشاشة أعلاه. هذا هو المكان الذي ستقوم فيه بإنشاء جدولك الجديد وإضافته:
بعد النقر على زر “إضافة جديد”، ستظهر لك هذه الشاشة. هذا هو المكان الذي ستبدأ فيه بتعيين معلمات الجدول الخاص بك، بحيث يعمل ويظهر بالطريقة التي تريدها:
الخطوة 3 – تحديد ميزات الجدول الخاص بك
في الأقسام الثلاثة الأولى من صفحة إعداد الجدول، يمكنك القيام بالأمور التالية:
- إنشاء عنوان
- حدد ما إذا كنت تريد إظهار عنوان الجدول الخاص بك على الصفحة
- حدد نوع مصدر الإدخال لجدولك
هذه هي إعدادات الجدول الأساسية الخاصة بك.
انقر على “تحميل ملف” وابحث عن المستند الخاص بك. يمكن أن تكون الجداول التي يمكنك إنشاؤها معقدة بقدر ما تريد.
كما ترون، لقد أعطيت جدولي عنوانًا ذا صلة، وحددت نوع ملف Excel من المربع المنسدل، وقمت بتحميل الملف إلى WordPress.
في أسفل الصفحة، ستجد المزيد من الإعدادات لتخصيص الجدول الخاص بك:
هؤلاء هم:
- مستجيب – يسمح بعرض الجدول الخاص بك بشكل مختلف على أجهزة الكمبيوتر المكتبية والأجهزة اللوحية والهواتف المحمولة
- قابلة للتمرير – القدرة على تمرير الجدول الخاص بك أفقيا
- إخفاء الجدول حتى يتم تحميل الصفحة بالكامل – مفيد لتحميل الصفحات ببطء
- التصفية المتقدمة – لعرض مرشح أسفل كل عمود
- تصفية في النموذج – لمرشح داخل النموذج نفسه
- أدوات الجدول – للحصول على خيارات مثل النسخ والحفظ في Excel والحفظ في ملف CSV المضمن في النموذج الخاص بك
- تمكين الفرز – يتيح لك هذا فرز الجداول الخاصة بك
- الحد من تخطيط الجدول – تحديد عرض الجدول بحيث لا يتجاوز 100% من الحاوية الأصلية
- طول العرض – تحديد عدد الإدخالات التي يتم عرضها على الصفحة
من خلال النقر على “معاينة”، يمكنك عرض الجدول الخاص بك وتغيير أي إعدادات تشعر أنها ضرورية لجعله يبدو بالشكل الذي تريده.
بمجرد تحديد الخيارات التي تناسب نوع الجدول الذي ترغب في عرضه، فقد حان الوقت للنقر فوق الزر “حفظ”.
إذا كنت تريد تخصيص أعمدتك بشكل أكبر، فبمجرد النقر فوق “حفظ”، ستتمكن من التمرير لأسفل الصفحة لمزيد من الخيارات. يتم إنشاء الإعدادات الافتراضية تلقائيًا، ولكن باستخدام هذا يمكنك تغيير لون كل عمود وعمود ونوع عامل التصفية (مثل التاريخ والوقت والنص).
أدناه، أضفت بعض الألوان وقمت بتحرير أنواع الأعمدة إلى نص ورقم وسلسلة.
الخطوة 4 – حفظ ونسخ الرمز القصير
بمجرد حفظ الجدول الخاص بك، انقر فوق “إغلاق” وسيوجهك مرة أخرى إلى الصفحة الرئيسية للمكون الإضافي. من المفترض أن ترى الآن جدولك الذي قمت بإنشائه، وعنوان جدولك ونوعه، والرمز القصير لإدخاله في منشورك أو صفحتك وخيار تكراره.
أريد عرض هذا الجدول في إحدى الصفحات، لذا سأحتاج إلى نسخ الرمز القصير ثم الانتقال إلى الصفحة التي أرغب في تحريرها.
الخطوة 5 – أضف رمزًا قصيرًا إلى المنشور أو الصفحة
لإضافة جدولك إلى الصفحة، يكون الأمر بسيطًا تمامًا مثل لصق الرمز القصير الخاص بك في محرر الصفحة. حدد المكان الذي تريد عرض الجدول فيه على الصفحة، ثم الصق الكود الخاص بك واستمر في صياغة المحتوى الخاص بك:
الخطوة 6 – النشر
بمجرد الضغط على زر النشر في صفحتك، يجب أن يبدو الجدول الخاص بك على هذا النحو. كما ترون، فهو واضح ومتسق ومتوافق تمامًا ويحتفظ بجميع بياناتي بطريقة سهلة للتنقل:
ستسمح الخيارات الموجودة في الجزء العلوي من الجدول للمستخدمين بتصدير محتويات الجدول بتنسيقات متنوعة. يمكنك أيضًا تصفية النتائج بسهولة على الواجهة الأمامية لموقعك.
ما هي الجداول الأخرى التي يمكنك إنشاؤها؟
ومع ذلك، فإنك لا تقتصر فقط على الجداول البسيطة المستندة إلى ملف CSV. يمكن لجداول بيانات WP عرض نطاق واسع من البيانات بتنسيقات متعددة.
فيما يلي مثال لجدول يعمل بكامل طاقته وسريع الاستجابة وقابل للتحرير ويحتوي على أعمدة وخيارات متعددة.
هذا الجدول هو MySQL ويعتمد على مرشحات لفرز المحتوى حسب احتياجات المستخدم:
هذا الجدول المستند إلى مصفوفة PHP متسلسل ويتضمن صورًا – وهذا يضيف ديناميكية ووظائف مختلفة تمامًا قد تجدها العديد من متاجر التجارة الإلكترونية مفيدة بشكل خاص:
لا يقتصر الأمر على ملفات CSV فقط. تسمح WP Data Tables أيضًا باستخدام الملفات المستندة إلى Excel، مما يتيح لك الاستفادة من العديد من الميزات المحددة التي تأتي معها:
ميزات wpDataTable الأخرى الجديرة بالذكر
- معالج wpDataChart – يتيح لك تحويل بياناتك إلى رسم بياني أو مخطط في بضع خطوات سهلة. وهو يدعم حاليًا 3 محركات عرض – Google Charts وHighcharts وChart.js. العثور على مزيد من الوثائق هنا.
- تنسيق مشروط – يسمح لك بتمييز الخلايا والصفوف والأعمدة بناءً على محتواها. إنه مفيد خاصة إذا كان الجدول رقميًا بالكامل. العثور على مزيد من الوثائق هنا.
- أعمدة الصيغة – يمكنك من إضافة عمود يمكن استخدامه لحساب الشكل بناءً على الأرقام المحددة في الخلايا الأخرى. العثور على مزيد من الوثائق هنا.
- أعمدة التاريخ والوقت – يستخدم للخلايا التي تحتوي على التواريخ والأوقات. وسوف تظهر تلقائيًا بالتنسيق الذي قمت بتعيينه في صفحة الإعدادات. العثور على مزيد من الوثائق هنا.
- صف المجموع/الإجماليات – يستخدم للأعمدة الرقمية، فهو يسمح لك بحساب مجموع كل القيم. العثور على مزيد من الوثائق هنا.
- منشئ التقرير – هي وظيفة إضافية لـ wpDataTables. يقوم Report Builder على الفور بإنشاء المستندات وجداول البيانات التي تملأ القوالب الخاصة بك بالبيانات الفعلية من موقع WordPress الخاص بك. ابحث عن المزيد من الوثائق هنا.
- جداول التفاصيل الرئيسية – هي وظيفة إضافية لـ wpDataTables والتي تتيح لك ولزائري موقعك رؤية تفاصيل كل صف بنقرة بسيطة. العثور على مزيد من الوثائق هنا.
افكار اخيرة
تعد الجداول طريقة رائعة لعرض البيانات. وعندما تضيف ميزات ديناميكية مثل التصفية، فإنك تجعل الأمور أفضل كثيرًا لزوار موقع الويب الخاص بك.
لقد أوضحت لك كيفية إنشاء جدول ديناميكي في WordPress عن طريق تحميل البيانات من Microsoft Excel (أو باستخدام أي أداة أخرى لجداول البيانات). ولكن، هناك الكثير مما هو ممكن.
يمكنك أيضًا تحويل أي من جداولك إلى مخططات أو رسوم بيانية، والمزيد.
الآن، حان الوقت للبدء على طاولتك الخاصة – استمتع!
القراءة ذات الصلة: 5 ملحقات إضافية قوية ومستجيبة للجدول على WordPress.