يتيح الجدول القابل للبحث للمستخدمين العثور بسرعة على البيانات المحددة ضمن مجموعة بيانات أكبر يتم تقديمها بتنسيق جدولي. لا تساعد هذه الميزة المستخدمين في تحديد المعلومات التي يحتاجون إليها فحسب، بل إنها تبقيهم أيضًا منخرطين من خلال توفير تجربة تصفح بديهية.
إن تمكين هذه الميزة في الجداول الخاصة بك يمكن أن يساعد المستخدمين على توفير الوقت الثمين عند استكشاف البيانات. ويمكن أن يؤدي هذا إلى تقليل الإحباطات بشكل كبير وتعزيز رضا المستخدم. باستخدام البرنامج الإضافي Tabelberg، يمكنك بسهولة تمكين هذه الميزة في الجداول الخاصة بك.
في منشور البرنامج التعليمي هذا، سنقدم دليلًا خطوة بخطوة حول كيفية إنشاء جدول قابل للبحث في WordPress. احصل على المكون الإضافي بالنقر فوق الأزرار المرفقة أدناه.
إنشاء جداول جميلة
مع محرر الكتل
بمجرد تثبيت البرنامج المساعد على موقعك، اتبع البرنامج التعليمي أدناه.
ملاحظة: سوف نستخدم هنا البرنامج الإضافي Tableberg Pro. إذا قمت بتثبيت البرنامج الإضافي بعد، فاحصل عليه هنا.
الخطوة 01: إضافة كتلة Tableberg إلى المحرر
تمامًا مثل أي كتلة جوتنبرج، ابحث عن وأضف كتلة تابيلبيرج الى المحرر.
تعيين ال عدد الاعمدة والصفوف تريد ذلك. ثم اضغط على زر إنشاء.
بمجرد أن تصبح الأعمدة والصفوف جاهزة، ابدأ بإضافة المعلومات كما تريد.
الخطوة 02: إضافة المحتوى إلى الجدول
الميزة المثيرة للاهتمام في Tableberg هي أنها تسمح لك بإضافة كتل مخصصة مختلفة إلى الجدول، مثل محرر كتل Gutenberg.
ضع المؤشر على أي خلية في الجدول. أيقونة زائد (+) ستظهر. بعد ذلك، قم بإضافة الكتل المطلوبة إلى الخلايا والمحتوى وفقًا لذلك.
على سبيل المثال، يمكنك إضافة صور إلى خلايا الجدول باستخدام كتلة الصورة.
لقد قمنا بالفعل بإعداد الجدول بالمعلومات اللازمة. وبما أن هدفنا الأساسي هو أن نوضح لك كيفية إضافة شريط بحث إلى جدول WordPress لجعله قابلاً للبحث، فإننا لا نريد إضاعة الوقت في أشياء أخرى.
للحصول على الإلهام، يمكنك زيارة هذا الدليل على كيفية إنشاء جدول باستخدام Tableberg.
الخطوة 03: تمكين شريط البحث
حدد الجدول بأكمله بالضغط على أيقونة Tableberg على شريط الأدوات. ثم انتقل إلى علامة التبويب "الإعدادات" على الشريط الجانبي الأيمن.
تعال إلى [PRO] بحث القسم عن طريق تمرير علامة التبويب. قم بالتبديل ال تمكين البحث الخيار. ستلاحظ ظهور شريط البحث أعلى الجدول.
الخطوة 04: حدد موضعًا لشريط البحث
يمكنك وضع شريط البحث على يسار، وسط، يمين، أو واسع. حدد الخيار الذي يعجبك.
هذا كل شيء. الآن أصبح من الممكن البحث في جدولك.
الخطوة 05: معاينة شريط البحث
انتقل إلى قسم المعاينة في المنشور. اكتب شيئًا في شريط البحث الموجود في الجدول. سترى النتيجة على الفور.
دعونا نلقي نظرة على مقطع الفيديو المرفق أدناه. إنه يعمل بشكل جيد من جانبنا.
الخطوة 06: تصميم الجدول القابل للبحث
انتقل إلى علامة التبويب "الأنماط" مرة أخرى مع إبقاء الجدول محددًا. سترى العديد من خيارات التخصيص لإضفاء طابع أنيق على الجدول.
على سبيل المثال، بعض الأشياء الحاسمة التي يمكنك القيام بها هناك هي:
- تغيير ألوان الأعمدة والصفوف والخلايا بشكل فردي
- تعديل أبعاد الخلية والحشو
- إضافة مسافة بين الكتل
- تخصيص/إزالة/تلوين الحدود الداخلية والخارجية
- تحديث الخطوط العالمية
أتمنى أن تتمكن من القيام بذلك بمفردك. أو استكشف منشوراتنا التوثيقية الخاصة بمشروع DIY للحصول على الدليل اللازم.
فيديو تعليمي
كلمة الختام!
كما ذكرنا سابقًا، يعد خيار شريط البحث مفيدًا للغاية للجداول التي تتعامل مع مجموعات بيانات ضخمة. ولكن لضمان فعالية الجداول القابلة للبحث، يجب عليك الحفاظ على تصميم الجدول نظيفًا ومنظمًا.
ثانيًا، يجب وضع شريط البحث في موضع مناسب حتى يتمكن المستخدمون من العثور عليه بسهولة. وإذا أمكن، أضف أيضًا خيار التصفية لجعل الجدول قابلًا للفرز حتى يتمكن الأشخاص من إعادة ترتيب صفوف وأعمدة الجدول حسب الحاجة.
وهنا دليل على كيفية جعل جدولك قابلاً للفرز في ووردبريس.
