تم تصميم جميع مواقع الويب الحديثة لتعمل بشكل صحيح على مجموعة متنوعة من عروض الشاشات. تم إنشاء الجداول باستخدام HTML عادي في الأيام الخوالي. نظرًا لأن تصميم الويب المرن أصبح المعيار الجديد ، فقد كافحت جداول HTML الأساسية لمواكبة متطلبات مواقع الويب الحديثة. نظرًا لأن جداول HTML البسيطة لا تستجيب ، فمن الصعب للغاية قراءة النص المتضمن فيها على أحجام شاشات الهاتف المحمول ، وهذا هو سبب استخدامها لتطوير جداول متجاوبة تتكيف مع تخطيطها وفقًا لحجم الشاشة التي يتم عرضها عليها يجب استخدام استعلامات وسائط HTML و CSS جنبًا إلى جنب مع بعضها البعض.
- الحل 1: يمكن إنشاء الجداول باستخدام Divi Builder.
- الحل 2: استفد من plugin الإضافية للجدول التي تتضمن هذه الوظيفة افتراضيًا!
- WP Table Manager
- واجهة WP Table Manager
- استنتاج
يمكن إنشاء الجداول بتخطيط قابل للقراءة على جميع أحجام الشاشات لمجموعة واحدة من المعلومات ليست ضخمة جدًا أو متنوعة ، ويمكن تحقيق ذلك باستخدام أساليب HTML و CSS الأساسية. ومع ذلك ، إذا كان الجدول مخصصًا لاحتواء قدر كبير من البيانات ، فليس من السهل إنشاء تخطيط قابل للقراءة على الأجهزة المحمولة أو الشاشات التي يقل عرضها عن 786 بكسل.
إذا كان مصمم الويب الذي يعمل مع HTML و CSS لجعل جدول يستجيب لجميع أحجام الشاشات لا يأخذ في الاعتبار كمية البيانات ، فمن المحتمل أن يواجهوا مشكلات تؤثر بشكل كبير على قابلية قراءة محتوى الموقع. فيما يلي بعض الاقتراحات التي قد تضعها ، بصفتك مصمم مواقع ويب Divi ، موضع التنفيذ عند محاولة إنشاء جداول سريعة الاستجابة يدويًا.
أثناء تقليل حجم الجدول لاستيعاب شاشة أصغر ، ستحتاج إلى إنشاء فئات CSS متعددة ، بحيث تستهدف كل فئة دقة شاشة معينة.
الحل البديل الذي يمكنك القيام به هو إخفاء أعمدة معينة من الجدول عندما يكون حجم الشاشة أقل.
بالنسبة للشاشات الأصغر ، يمكنك تضمين تمرير أفقي أو رأسي في رؤوس وتذييلات الجدول.
قم بإنشاء جدول واحد يمكن قياسه ليناسب جميع أحجام الشاشات ، وقم بتكبير الجدول لجعل المادة أكثر قابلية للقراءة.
تتطلب هذه الحلول قدرًا كبيرًا من الجهد ، ويمكن أن تختلف المتطلبات حسب المحتوى وحجم الشاشة.
الحل 1: يمكن إنشاء الجداول باستخدام Divi Builder.
أنتجت Elegant Themes برنامجًا تعليميًا لشرح كيفية إنشاء جداول سريعة الاستجابة باستخدام ميزات Divi المدمجة. تحقق من ذلك هنا. لقد أضافوا إمكانيات التمرير الأفقي إلى الأعمدة التي تتجاوز حاوية الجدول ، مما يسمح للجدول أن يكون أكثر استجابة لإدخال المستخدم. يمكنك معرفة المزيد من خلال الانتقال إلى صفحة البرنامج التعليمي:
الحل 2: استفد من plugin الإضافية للجدول التي تتضمن هذه الوظيفة افتراضيًا!
جعل الجدول استجابة لديفي موقع الويب الخاص بك لم يعد مشكلة، وذلك بفضل وفرة مجانية plugin الحلول المتاحة في الريبو. ومع ذلك ، من الصعب بعض الشيء العثور على plugin الإضافية للجدول التي تحتوي على خيارات استجابة محمولة مضمنة. شعبية plugin الصورة مثل ما wpDataTables لا تملك هذه الميزة كخيار حر.
في هذه متابعة الكتابة، ونحن نعتبر واحدة من أفضل اللاعبين في WP TABE باني plugin .
WP Table Manager
WP Table Manager هو plugin الوحيد لجدول WordPress الذي يوفر واجهة جدول بيانات كاملة لإدارة الجداول. قم بإنشاء جدول ، وحدد سمة ، وابدأ في تحرير الجداول بمجرد الانتهاء من إنشائها. ستستفيد من مجموعة شاملة من ميزات تحرير الجدول القوية ، بما في ذلك تحرير خلايا HTML ونسخ الجدول والحساب والمزامنة مع Excel و Google Sheets و Office 365 ؛ إنه أمر بسيط مثل النقر على خلية وتحرير البيانات بمساعدة محرر نصوص مرئي أو بدون مساعدة المستخدم النهائي لتغيير الجدول.
يسمح لك WP Table Manager بتصميم جداول جذابة وسريعة الاستجابة باستخدام واجهة مرئية بسيطة. فهو حر في استخدامها. بمجرد تنشيطه ، سيتم إرسالك إلى دليل الإعداد. اتبع الإجراءات وقم بإجراء التعديلات اللازمة حسب رغبتك. كما لو كان السحر ، فقد أنشأت طاولة جميلة تُعرض بشكل جميل على كل جهاز من أي حجم. ثم كل ما عليك فعله هو نسخ الرمز القصير ولصقه في الصفحة حيث تريد ظهوره. يقدم المنشئ حاليًا سبعة عناصر (نص وصورة وقائمة وزر وتصنيف بالنجوم و HTML مخصص ورمز قصير) يمكنك سحبها وإفلاتها في العناصر النائبة للجدول باستخدام ميزة السحب والإفلات. يمكن استخدام هذه لإنشاء أنواع مختلفة من الجداول ، مثل جداول مقارنة المنتجات ، وجداول التسعير ، وجداول القوائم ، وما إلى ذلك ؛ هذا هو plugin Table الذي اكتشفناه أثناء التحقيق الذي أجريناه ليكون الأكثر ملاءمة للمبتدئين. يرجى أن تضع في اعتبارك أن الإصدار الحالي لا يحتوي على حقل بحث أو أي نوع آخر من وظائف التصفية. بالإضافة إلى ذلك ، إذا كنت تنوي إدخال العديد من مجموعات البيانات أو إدارتها ، فقد لا يكون هذا هو الخيار المثالي. بالنسبة لهذا النوع من سيناريو الاستخدام ، يعد كل من Visualizer أو Tablepress خيارين ممتازين.
واجهة WP Table Manager
يمكنك تضمين الرمز القصير في وحدة رمز أو وحدة نصية في Divi.
يتضمن موضوع DIVI WP Table Manager .
يجيب plugin WP Table Manager على إدارة التفاصيل عندما يتعلق الأمر بمعالجة الجداول ؛
- بمجرد تنشيط خيار التصفية في الجدول الخاص بك ، يمكنك البحث في كل عمود عن البيانات وتصفية الجدول بأكمله. يعمل أيضًا على طاولات ضخمة ، بما في ذلك ترقيم الصفحات
- يرتب السهم لأعلى ولأسفل الموجود في كل عمود بيانات الجدول. يعمل ترتيب بيانات الجدول أيضًا على جداول ضخمة ، بما في ذلك ترقيم الصفحات.
- بمجرد إنشاء الجدول الخاص بك بكل البيانات التي تحتاجها ، يمكنك السماح للمستخدمين بالفرز ، ولكن يمكنك أيضًا إنشاء ترتيب افتراضي. قد يكون ذلك مفيدًا جدًا عندما تتغير المعلومات بمرور الوقت ، حيث يمكنك فرز المتسابقين بعد السباق حسب ترتيب الوصول.
- يلزم ترقيم الصفحات إذا كنت ترغب في عرض جدول كبير على الواجهة الأمامية لموقع الويب الخاص بك مع الحفاظ على موارد الخادم الخاص بك. حدد مقدارًا محددًا مسبقًا من صفوف الجدول ، كل صفحة.
هناك أيضًا طريقة مفتوحة لإدارة مستندات Excel من خلال برنامج استيراد ملفات Excel لـ WP Table Manager . ومع ذلك ، يمكنك فقط استيراد بيانات Excel وتحويلها كجدول HTML قابل للتحرير أو استيراد ملف Excel بنمطه الذي يتضمن الألوان والخلفيات وحجم العمود والروابط.
قم بإدارة جدول Excel الخاص بك وانشره على موقع WordPress الخاص بك! يمكنك تحميل ملف Excel إلى الجدول من خلال إدارة وسائط WordPress أو عميل FTP. بعد ذلك ، حدد ملف Excel وابدأ المزامنة من إعدادات الجدول.
يمكن إجراء المزامنة بين جدول WordPress الخاص بك وملف Excel بانتظام ، بين دقيقة واحدة ويوم واحد. يمكن أيضًا تحديد تأخير المزامنة التلقائية لتجنب تحديثات جدول WordPress العامة غير المرغوب فيها أو لحفظ موارد الخادم لجدول ضخم.
بعد استيراد الجدول ، يمكن تحديث جميع البيانات ؛ هذا مجرد جدول HTML عادي قابل للتحرير مثل plugin ! جدول بيانات WordPress.
من ناحية أخرى، وبعد بناء الجدول مرتبة مع جميع البيانات التي تريدها، يمكنك تصديره كملف اكسل التقليدية، ولالسابقين amp جنيه، وإعادة تشغيل رقة اكسل المحدثة في وقت لاحق. يمكن للمستخدمين الآن تصدير الجدول كجدول Excel على الواجهة الأمامية لـ WordPress.
يقوم WP Table Manager أيضًا بالمزامنة مع Office 365 من خلال OneDrive.
تتوفر أداة استيراد وتصدير ملف Excel من OneDrive ؛ وفر الوقت عن طريق استيراد ملفاتك وتعديلها أثناء التشغيل. كن أكثر إنتاجية مع مزامنة ملفات OneDrive! حدد ملف Office 365 Excel للمزامنة والضبط تلقائيًا ، وسيتم نشره على موقع الويب الخاص بك.
يساعدك WP Table Manager إنشاء واستيراد علامات التبويب من قاعدة البيانات ؛ يتضمن الآن أداة لإنشاء جداول من مجموعة مختارة من محتوى قاعدة بيانات مواقع الويب ، والتي لم تكن متوفرة في السابق. يتم تحديد الجداول والأعمدة من قاعدة البيانات ، وتطبيق عوامل التصفية القابلة للتكوين ، وإدارة الجداول عبر واجهة WP Table manager . عندما يتم تحديث قاعدة البيانات ، يزداد الجدول تلقائيًا! بالإضافة إلى ذلك ، لديك خيارات الفرز والتصفية والتصميم التلقائي وتقسيم الصفحات تحت تصرفك.
إذا لم تكن مطورًا ، فيمكنك توصيل أي مادة قاعدة بيانات بصريًا بجدول HTML الخاص بك. يتم عرض جميع الجداول في قاعدة البيانات الخاصة بك أثناء إنشاء جدول جديد من محتوى قاعدة البيانات.
قد تقوم قاعدة بيانات موقع الويب الخاص بك ببحث بسيط وتحديد الجداول والأعمدة ؛ هذا مفيد جدًا في قاعدة بيانات واسعة. علاوة على ذلك ، يوجد معالج هنا لمساعدتك في الجدول من قاعدة البيانات خطوة بخطوة.
في المرحلة النهائية ، قبل معاينة الجدول من قاعدة البيانات ، يمكنك كتابة استعلامك المخصص في جداول قاعدة البيانات المحددة. نحن ندعم بعض الوظائف ، مثل SELECT ، و REPLACE ، و RENAME ، و SHOW ، و EXPLAIN ، و DESCRIBE.
يأتي جدول قاعدة البيانات أحيانًا مع العديد من الصفوف ؛ وبالتالي ، قد يساعد هذا الخيار في عرض جدول يناسب شاشتك. بالإضافة إلى ذلك ، يمكنك تعيين عدد محدد مسبقًا من صفوف الجدول ، كل صفحة. علاوة على ذلك ، يمكنك أيضًا اختيار عمود لفرز الجدول بأكمله افتراضيًا.
لا يقتصر اتصال جدول قاعدة بيانات WordPress على جداول WordPress فقط. يمكن توصيل جميع الجداول التي ليست من WordPress ولكنها مثبتة على نفس قاعدة البيانات.
من بين البيانات الهائلة الموجودة على طاولتك ، يمكنك إنشاء بعض القواعد المخصصة للتركيز على كائن معين. إذا كنت معتادًا على ذلك ، يمكنك اللعب مع مشغلي قواعد البيانات مثل> ، <، LIKE ، IN ...
يمكن تحرير الجداول من قاعدة البيانات التي قمت بإنشائها مثل أي جداول أخرى (إذا كان المستخدم لديه حق الوصول إلى هذه الميزة المعقولة) (إذا كان المستخدم لديه حق الوصول إلى هذه الميزة العملية) ؛ هذا أمر مريح جدا لدفعة تحرير بعض البيانات قاعدة بيانات مثل، لالسابقين amp جنيه، عدة تواريخ ما بعد المنشور الذي كان قد اتخذ بعض الوقت إذا كان أحد القيام به من جانب واحد.
استنتاج
تعد الجداول من أكثر الطرق فعالية لعرض مجموعة من المعلومات. ومع ذلك ، بالنسبة لشخص أقل تقنيًا ، فإن إنشاء جداول على صفحة ويب يمثل تحديًا. باستخدام هذه المكونات plugin ، يمكنك بسهولة إنشاء جداول يمكن قراءتها على أي جهاز في بضع خطوات بسيطة. علاوة على ذلك ، من المؤكد أن الجداول المتجاوبة ستوفر تجارب عامة إيجابية لزوار موقعك. لذا ، جرب هذه التجربة وأخبرنا بتجربتك في قسم التعليقات أدناه.
