كيفية جعل جداولك تفاعلية في ووردبريس

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

تكمن القوة الحقيقية للجداول التفاعلية في مرونتها في التكيف مع تفضيلات المستخدم واحتياجاته. لا يلتزم المستخدمون بعرض ثابت للبيانات، بل يمكنهم تخصيص طريقة عرضهم وفهمهم للمعلومات. 

تشرح مقالتنا كيفية جعل الجداول تفاعلية في ووردبريس بإضافة ميزات تُحسّن سهولة الاستخدام والتنقل. وتغطي المؤشرات الرئيسية للتفاعلية وخطوات عملية لإنشاء جدول ديناميكي. لنبدأ.

---

الفرق بين الجدول التفاعلي والجدول الثابت

---

اجعل جداولك تفاعلية في WordPress

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

الخطوة 1: تثبيت البرنامج الإضافي Tableberg

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

الخطوة 2: إضافة جدول باستخدام Tableberg

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

إذا كنت تستخدم بالفعل كتلة جدول ووردبريس الافتراضية، يمكنك بسهولة تحويلها إلى كتلة Tableberg الأكثر تطورًا. ما عليك سوى النقر على كتلة الجدول الحالية، ثم تحديد مُبدّل نوع الكتلة من شريط الأدوات. اختر "Tableberg" من الخيارات، وسيتم تحويل جدولك فورًا. 

---

الخطوة 3: تمكين الميزات التفاعلية

يوفر Tableberg العديد من الميزات لجعل طاولاتك جذابة وتفاعلية:

إضافة خيارات الفرز

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

إضافة شريط بحث

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

تخصيص ألوان الصفوف والأعمدة

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

ضبط إعدادات الرأس والتذييل

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

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

ضمان استجابة الجدول

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

---

المؤشرات الرئيسية للجدول التفاعلي

---

متى يجب عليك استخدام الجدول التفاعلي؟

الجداول التفاعلية ليست ضرورية دائمًا، ولكنها ضرورية عند التعامل مع بيانات كبيرة أو معقدة أو مُحدّثة باستمرار. إليك بعض الأمثلة لاستخدام الجداول التفاعلية:

---

خاتمة

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

اقرأ أيضاً:

• كيفية إنشاء جدول قابل للبحث في ووردبريس
• كيفية جعل جدول WordPress قابلاً للفرز
• كيفية إنشاء جدول مستجيب في ووردبريس
• كيفية إضافة رأس إلى جدول في ووردبريس
• كيفية إضافة تذييل إلى جدول في ووردبريس