تم تصميم جميع مواقع الويب الحديثة لتعمل بشكل صحيح على مجموعة متنوعة من عروض الشاشات. تم إنشاء الجداول باستخدام HTML عادي في الأيام الخوالي. نظرًا لأن تصميم الويب المرن أصبح المعيار الجديد، فقد كافحت جداول HTML الأساسية لمواكبة متطلبات مواقع الويب الحديثة. نظرًا لأن جداول HTML البسيطة غير مستجيبة، فمن الصعب للغاية قراءة النص الموجود بداخلها على أحجام شاشة الهاتف المحمول، ولهذا السبب يتم استخدامها لتطوير جداول سريعة الاستجابة تعمل على تكييف تخطيطها وفقًا لحجم الشاشة التي يتم عرضها عليها. يجب استخدام استعلامات وسائط HTML وCSS مع بعضها البعض.
يمكن إنشاء الجداول باستخدام تخطيط قابل للقراءة على جميع أحجام الشاشات لمجموعة واحدة من المعلومات التي ليست ضخمة جدًا أو متنوعة، ويمكن تحقيق ذلك باستخدام أساليب HTML وCSS الأساسية. ومع ذلك، إذا كان الهدف من الجدول هو الاحتفاظ بكمية كبيرة من البيانات، فليس من السهل إنشاء تخطيط قابل للقراءة على الأجهزة المحمولة أو الشاشات التي يقل عرضها عن 786 بكسل.
إذا كان مصمم الويب الذي يعمل باستخدام HTML وCSS لإنشاء جدول مستجيب لجميع أحجام الشاشات لا يأخذ في الاعتبار كمية البيانات، فمن المحتمل أن يواجه مشكلات تؤثر بشكل كبير على إمكانية قراءة محتوى الموقع. فيما يلي بعض الاقتراحات التي يمكنك، بصفتك مصمم موقع ويب Divi، تنفيذها عند محاولة إنشاء جداول سريعة الاستجابة يدويًا.
أثناء تقليل حجم الجدول لاستيعاب شاشة أصغر، ستحتاج إلى إنشاء فئات CSS متعددة، حيث تستهدف كل فئة دقة شاشة معينة.
الحل البديل الذي يمكنك فعله هو إخفاء أعمدة معينة من الجدول عندما يكون حجم الشاشة أقل.
بالنسبة للشاشات الأصغر حجمًا، يمكنك تضمين تمريرات أفقية أو رأسية في رؤوس وتذييلات الجدول.
قم بإنشاء جدول واحد يمكن تغيير حجمه ليناسب جميع أحجام الشاشات، وقم بتكبير الجدول لجعل المادة أكثر قابلية للقراءة.
تتطلب هذه الحلول قدرًا كبيرًا من الجهد، ويمكن أن تختلف المتطلبات وفقًا للمحتوى وحجم الشاشة.
أنتجت Elegant Themes برنامجًا تعليميًا لتوضيح كيفية إنشاء جداول سريعة الاستجابة باستخدام ميزات Divi المضمنة. التحقق من ذلك هنا. لقد أضافوا إمكانيات التمرير الأفقي إلى الأعمدة التي تتجاوز حاوية الجدول، مما يسمح للجدول بأن يكون أكثر استجابة لإدخال المستخدم. يمكنك معرفة المزيد بالانتقال إلى صفحة البرنامج التعليمي:
لم يعد إنشاء جدول سريع الاستجابة لموقع Divi الخاص بك يمثل مشكلة، وذلك بفضل وفرة حلول plugin الإضافية المجانية المتوفرة في الريبو. ومع ذلك، من الصعب بعض الشيء العثور على plugin للجدول التي تحتوي على خيارات استجابة للجوال مدمجة. لا تحتوي plugin الشائعة مثل wpDataTables على هذه الميزة كخيار مجاني.
في هذه المقالة، نعتبر واحدًا من أفضل plugin WP Tabe Builder.
يعد WP Table Manager هو plugin الوحيد لجدول WordPress الذي يوفر واجهة جدول بيانات كاملة لإدارة الجداول. قم بإنشاء جدول، وحدد سمة، وابدأ في تحرير الجداول بمجرد الانتهاء من إنشائها. ستستفيد من مجموعة شاملة من ميزات تحرير الجدول القوية، بما في ذلك تحرير خلايا HTML ونسخ الجدول والحساب والمزامنة مع Excel وGoogle Sheets وOffice 365؛ إنه أمر بسيط مثل النقر على خلية وتحرير البيانات بمساعدة أو بدون مساعدة محرر نص مرئي ليقوم المستخدم النهائي بتغيير الجدول.
يتيح لك WP Table Manager تصميم جداول جذابة وسريعة الاستجابة باستخدام واجهة مرئية بسيطة. إنه مجاني للاستخدام. بمجرد تنشيطه، سيتم إرسالك إلى دليل الإعداد. اتبع الإجراءات وقم بإجراء التعديلات اللازمة حسب رغبتك. وكأنك بالسحر، قمت بإنشاء جدول جميل يتم عرضه بشكل جميل على كل جهاز مهما كان حجمه. ثم كل ما عليك فعله هو نسخ الرمز القصير ولصقه في الصفحة التي تريد ظهوره فيها. يقدم المنشئ حاليًا سبعة عناصر (النص والصورة والقائمة والزر والتقييم بالنجوم وHTML المخصص والرمز القصير) التي يمكنك سحبها وإسقاطها في العناصر النائبة للجدول باستخدام ميزة السحب والإفلات. ويمكن استخدامها لإنشاء أنواع مختلفة من الجداول، مثل جداول مقارنة المنتجات، وجداول التسعير، وجداول القوائم، وما إلى ذلك؛ هذا هو plugin Table الذي اكتشفنا خلال تحقيقنا أنه الأكثر ملائمة للمبتدئين. يرجى الأخذ في الاعتبار أن الإصدار الحالي لا يحتوي على حقل بحث أو أي نوع آخر من وظائف التصفية. بالإضافة إلى ذلك، إذا كنت تنوي إدخال العديد من مجموعات البيانات أو إدارتها، فقد لا يكون هذا هو الخيار المثالي. بالنسبة لهذا النوع من سيناريو الاستخدام، يعد كل من Visualizer أو Tablepress خيارين ممتازين.
يمكنك تضمين الرمز القصير في وحدة التعليمات البرمجية أو وحدة النص في 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 ! جدول بيانات ووردبريس.
من ناحية أخرى، بعد إنشاء جدول مرتب يحتوي على جميع البيانات التي تريدها، يمكنك تصديره كملف Excel تقليدي، وعلى amp ، إعادة تشغيل ورقة Excel المحدثة لاحقًا. يمكن للمستخدمين الآن تصدير الجدول كورقة Excel على واجهة WordPress الأمامية.
يتزامن WP Table Manager أيضًا مع Office 365 من خلال OneDrive.
تتوفر أداة استيراد وتصدير ملفات OneDrive Excel؛ توفير الوقت عن طريق استيراد وتعديل الملفات الخاصة بك أثناء التشغيل. كن أكثر إنتاجية مع مزامنة ملفات OneDrive! حدد ملف Office 365 Excel لمزامنته وضبطه تلقائيًا، ويصبح مباشرًا على موقع الويب الخاص بك.
يساعدك WP Table Manager على إنشاء علامات التبويب واستيرادها من قاعدة البيانات؛ فهو يشتمل الآن على أداة لإنشاء الجداول من مجموعة مختارة من محتوى قاعدة بيانات موقع الويب، والتي لم تكن متوفرة من قبل. يتم تحديد الجداول والأعمدة من قاعدة البيانات، ويتم تطبيق عوامل التصفية القابلة للتكوين، وتتم إدارة الجداول عبر واجهة WP Table manager . عندما يتم تحديث قاعدة البيانات، يتم زيادة الجدول الخاص بك تلقائيا! بالإضافة إلى ذلك، لديك خيارات الفرز والتصفية والتصميم التلقائي وترقيم الصفحات تحت تصرفك.
إذا لم تكن مطورًا، فيمكنك ربط أي مادة قاعدة بيانات بشكل مرئي بجدول HTML الخاص بك. يتم عرض جميع الجداول الموجودة في قاعدة البيانات الخاصة بك أثناء إنشاء جدول جديد من محتوى قاعدة البيانات.
قد تقوم قاعدة بيانات موقع الويب الخاص بك بإجراء بحث بسيط وتحديد الجداول والأعمدة الخاصة بك؛ وهذا مفيد جدًا في قاعدة بيانات واسعة. علاوة على ذلك، يوجد معالج لمساعدتك في الجدول من قاعدة البيانات خطوة بخطوة.
في المرحلة النهائية، قبل معاينة الجدول من قاعدة البيانات، يمكنك كتابة استعلامك المخصص على جداول قاعدة البيانات المحددة. نحن ندعم بعض الوظائف، مثل التحديد والاستبدال وإعادة التسمية والعرض والشرح والوصف.
يأتي جدول قاعدة البيانات أحيانًا مزودًا بالعديد من الصفوف؛ وبالتالي، قد يساعد هذا الخيار في عرض جدول يناسب شاشتك. علاوة على ذلك، يمكنك تعيين عدد محدد مسبقًا من صفوف الجدول في كل صفحة. علاوة على ذلك، يمكنك أيضًا اختيار عمود لفرز الجدول بأكمله افتراضيًا.
لا يقتصر اتصال جدول قاعدة بيانات WordPress على جداول WordPress فقط. يمكن ربط جميع الجداول التي ليست من WordPress ولكنها مثبتة على نفس قاعدة البيانات.
من بين البيانات الضخمة الموجودة على جدولك، يمكنك إنشاء بعض القواعد المخصصة للتركيز على كائن معين. إذا كنت معتادًا على ذلك، فيمكنك اللعب باستخدام عوامل تشغيل قاعدة البيانات مثل >، <، LIKE، IN...
يمكن تحرير الجداول من قاعدة البيانات التي قمت بإنشائها مثل أي جداول أخرى (إذا كان المستخدم لديه حق الوصول إلى تلك الميزة المعقولة) (إذا كان المستخدم لديه حق الوصول إلى تلك الميزة العملية)؛ يعد هذا أمرًا مناسبًا جدًا لتحرير بعض بيانات قاعدة البيانات دفعة واحدة، على سبيل amp ، العديد من تواريخ ما بعد النشر التي كانت ستستغرق بعض الوقت إذا تم القيام بها واحدة تلو الأخرى.
تعد الجداول من أكثر الطرق فعالية لعرض مجموعة من المعلومات. ومع ذلك، بالنسبة لشخص أقل تقنية، فإن إنشاء الجداول على صفحة ويب يمثل تحديًا. باستخدام هذه plugin ، يمكنك بسهولة إنشاء جداول يمكن قراءتها على أي جهاز في بضع خطوات بسيطة فقط. علاوة على ذلك، من المؤكد أن الجداول سريعة الاستجابة ستوفر تجارب إيجابية بشكل عام لزوار موقعك. لذا، جرب هذا وأخبرنا بتجربتك في قسم التعليقات أدناه.
تعد رؤوس وتذييلات موقع الويب عناصر أساسية. في معظم الحالات، يوفر الرأس إمكانية التنقل...
اثنان من سمات WordPress الأكثر شيوعًا في السوق هما Astra وOceanWP. احترافي…
إن إنشاء موقع إخباري ممتاز لا يتطلب منك أن تصبح مصمم ويب. نحن…
يعد موضوع Newspaper واحدًا من أهم سمات WordPress التي صممها tagDiv، وهو…
عندما يتعلق الأمر بإنشاء متجر عبر الإنترنت، فإن WooCommerce هو plugin المناسب. هو - هي…
عادةً ما يكون العنوان هو أول ما يراه الشخص عند زيارته لموقع الويب الخاص بك،...