كيفية إنشاء جداول HTML متقدمة في WordPress بدون تشفير

يظل WordPress أكثر أنظمة إدارة المحتوى شيوعًا في العالم بحصة 43 ٪ من الويب بالكامل. في حين أنها بلا شك واحدة من أكثر الميزات جاذبية ، فإن WordPress ليس بالضرورة أفضل نظام أساسي عندما يتعلق الأمر بإنشاء جداول HTML بدون تشفير.

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

Gutenberg: محرر WordPress الافتراضي مع كتلة جدول

خلال مؤتمر Europe WordCamp الذي عقد في يوليو 2017 ، أعلن مؤسس WordPress Matt Mullenweg أن محرر كتلة Gutenberg هو المحرر المستقبلي لـ WordPress. لإرضاء العديد من مستخدمي WordPress ، وعد المحرر الجديد تمامًا بتضمين كتلة جدول مضمنة.

ومع ذلك ، عندما جاء Gutenberg مع WordPress 5.0 ، تم انتقاد المحرر لأنه تسبب في مشكلات الاستجابة والتحسين على أجهزة مختلفة. ومع ذلك ، فقد جاء المحرر مع كتلة جدول مضمنة كما هو موعود ، مما يتيح للمستخدمين إنشاء جداول على موقع الويب الخاص بهم دون الحاجة إلى كتابة التعليمات البرمجية.

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

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

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

Ninja Tables: ملحق ووردبريس لجدول HTML المتقدم

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

في 27 فبراير 2018 ، أصدرنا جداول Ninja في متجر مكونات WordPress الإضافية ، واستغرق الأمر بضعة أشهر فقط لتصل Ninja Tabes إلى أكثر من 30000 تثبيت نشط! كما حفزنا الدعم والتقدير المذهلين لمستخدمينا على إصدار أكثر من 45 تحديثًا للمكونات الإضافية في أقل من 2.5 عام منذ الإصدار الأول ، مما جعل Ninja Tables هو المكون الإضافي الأول لجدول WordPress في هذه العملية!

بفضل ميزاتها الديناميكية والواجهة سهلة الاستخدام ، يتم استخدام Ninja Tables الآن في أكثر من 70 ألف موقع إلكتروني وشركات.

Ninja Tables هو مكون إضافي لتصور البيانات يمكّنك من إنشاء مجموعة واسعة من الجداول للعرض على موقع الويب الخاص بك. تجعل الاستجابة والميزات وإمكانية التخصيص وعمليات تكامل الجهات الخارجية أفضل رهان لك عندما يتعلق الأمر بأخذ جداول HTML التي يصعب سحبها إلى موقع WordPress الخاص بك.

الآن ، دعنا نتعمق في بناء جدول HTML الأكثر تقدمًا وميزات التخصيص في Ninja Tables.

• واجهة المستخدم
• محرر الجدول
• تكاملات

واجهة المستخدم

عند التنشيط ، يمكن العثور على Ninja Tables من الشريط الجانبي للوحة معلومات WordPress الخاصة بك. مثل معظم مكونات WordPress الإضافية ، يقدم Ninja Table واجهة مستخدم بعدة وظائف. دعنا نتعلم المزيد عنها!

• كل علامات التبويب
• الأدوات والإعدادات
• المساعدة والتوثيق

الصفحة الرئيسية / جميع الجداول

يتميز Ninja Tables Home بواجهة جذابة مع عروض جديدة. يوفر لك زرين ، أحدهما لإنشاء والآخر للاستيراد.

ينقلك زر إنشاء جدولك الأول إلى مُنشئ جدول WordPress يدويًا ، بينما يمكنك أيضًا الاستيراد من CSV.

إذا قررت إنشاء جدول من البداية ، فسيطلب منك تقديم عنوان ووصف في نافذة منبثقة. قد تلاحظ أيضًا عدة علامات تبويب أخرى تقدم ميزات استيراد وتكامل متنوعة. ومع ذلك ، فإن الإصدار المجاني من Ninja Tables سيسمح لك فقط بالاستيراد عبر CSV أو JSON والتكامل مع نماذج WP Fluent Forms.

بمجرد تقديم العنوان والوصف ، انقر فوق الزر " إضافة " للوصول إلى منشئ الجدول. إذا لم تكن بحاجة إلى واحد ، يمكنك تخطي مربع الوصف.

تعمل ميزة الاستيراد أيضًا بنفس الطريقة. يتيح لك تحديد ملف Excel أو أي ملف CSV آخر قمت بإنشائه على جهاز الكمبيوتر الخاص بك لتحميله على موقع الويب الخاص بك.

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

الأدوات والإعدادات

بصرف النظر عن علامة التبويب الصفحة الرئيسية ، يتضمن Ninja Table أيضًا علامة تبويب الأدوات والإعدادات التي تمكن المستخدمين من استيراد وتعديل المظهر العام وتعيين أذونات المستخدم وتغيير الإعدادات العامة.

تعد أداة الاستيراد مناسبة إذا كنت تستخدم بالفعل أي مكون إضافي مشهور للجدول وتحولت إلى Ninja Table. يحتوي Ninja Table على ميزة استيراد جدول بنقرة واحدة لـ TablePress و Ultimate Tables و Data Tables Generator بواسطة Supsystic. يمكنك أيضًا استيراد ملفات CSV ضمن علامة التبويب هذه.

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

لسوء الحظ ، لا يمكنك تعيين الإذن لمستخدمي الواجهة الخلفية المختلفين ما لم يكن لديك إصدار Ninja Tables pro. تتيح لك علامة التبويب المتبقية تحديد كيفية معالجة أخطاء Javascript ومسح ذاكرة التخزين المؤقت للجدول .

المساعدة والتوثيق

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

توفر واجهة المساعدة والتوثيق الخاصة بنا دليل مستخدم موثق جيدًا لفهم متعمق لما يمكن أن تفعله جداول Ninja. وإذا كنت لا تزال تواجه أي مشكلات ، فيمكنك دائمًا الاتصال بنا عن طريق إرسال تذكرة دعم!

الآن بعد أن تعرفت على واجهة المستخدم ، سترغب بالتأكيد في إنشاء جدول! لذا ارجع إلى المنزل وابدأ في إنشاء واحد!

محرر الجدول

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

تتكون واجهة مستخدم منشئ جداول Ninja Tables من الأقسام المعروضة أعلاه. يحتوي كل قسم من أقسام أداة إنشاء الجداول على وظائف تخصيص متعددة لإنشاء وتصميم جداول WordPress HTML جميلة.

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

• صفوف الجدول
• إعدادات
• تصميم
• تحرير الواجهة الأمامية
• لغة تنسيق ويب حسب الطلب
• استيراد و تصدير

دعونا نناقش وظائف منشئ الجدول واحدة تلو الأخرى.

صفوف الجدول

تعتبر صفوف الجدول أحد الجوانب الأساسية لأي منشئ جداول HTML على WordPress. كما تقول ، يمكنك البدء بالنقر فوق الزر " إضافة عمود "!

سيفتح الزر نافذة إنشاء عمود تمنح بعض وظائف جدول HTML الأكثر تقدمًا على WordPress. Ninja Tables ليست مجرد منشئ جدول أساسي مع متوسط ​​مرافق إنشاء الأعمدة ؛ إنها طريقة أكثر من ذلك.

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

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

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

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

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

تكوين الجدول

توفر علامة التبويب " تكوين الجدول " تنظيم عمود السحب والإفلات. بشكل عام ، لا يمكن تنظيم جداول HTML على WordPress بمجرد إنشائها.

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

تتيح لك علامة التبويب التالية في علامة تبويب تكوين الجدول اختيار إعدادات العرض ، أي كيف تريد عرض الجداول بواسطة المستعرضات. بشكل افتراضي ، سيتم عرض جداولك بإعدادات Ajax Table . تتيح لك هذه الميزة دمج قواعد بيانات ضخمة دون الإضرار بسرعة موقع الويب الخاص بك.

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

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

يسمح لك تكوين الزر بتضمين زر طباعة أو استيراد CSV (ميزة احترافية). تعد إعدادات اللغة مفيدة إذا كنت مهتمًا باستخدام لغة مختلفة لشريط بحث الجدول أو العنصر النائب للبحث أو عنوان القائمة المنسدلة للبحث.

تصميم الجدول

تصميم طاولة Ninja Tables هو أداة تخصيص مرئية رائعة. يتميز بثلاث مكتبات تصميم مع ما يصل إلى تسع وظائف تخصيص نمط ، مما يمنحك أقصى قدر من التحكم البصري في جداول HTML الخاصة بك على WordPress.

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

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

وإذا لم تتمكن من اتخاذ قرار بشأن تخصيص الألوان ، فإن Ninja Table يأتي مع ثلاثة عشر مخططًا لونيًا محددًا مسبقًا لجداولك! ومع ذلك ، تتطلب هذه الميزة الرائعة إصدارًا متميزًا.

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

تحرير الواجهة الأمامية

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

CSS / JS مخصص

يتيح لك CSS المخصص التحكم في مظهر HTML على WordPress ، وفي حالة المكون الإضافي ، يمنحك التحكم في الجداول الخاصة بك. على الرغم من أن المقالة مخصصة لغير المبرمجين ، إلا أن معرفة CSS و Javascript يمكن أن يوفر لك تحكمًا شاملاً في مظهر جداول Ninja.

استيراد و تصدير

مرة أخرى ، تتيح لك ميزة الاستيراد استيراد ملف CSV أو استبدال جدول موجود عبر CSV. من ناحية أخرى ، ستمكنك ميزة التصدير من حفظ جدولك في ملف CSV.

تكاملات

تدمج Ninja Tables جميع الأدوات والميزات الأساسية لبناء جداول HTML على WordPress دون متاعب. لكن الصلاحيات لا تقتصر على بناء الطاولة. إنه أكثر من مجرد مكون إضافي للجدول ويأتي مع العديد من عمليات الدمج المذهلة. تقدم جميعها مرافق رائعة!

• تكامل Fluent Forms
• مشاركات الفسفور الابيض
• كتب مريم الدخيل لاكاديمية الثراء
• أوراق جوجل
• مخططات النينجا

تكامل النماذج بطلاقة

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

WP Fluent Forms هو أفضل مكون إضافي لنماذج الاتصال في العالم في الوقت الحالي ، وإذا كنت تستخدم المكون الإضافي لجمع البيانات من جمهورك ، فيمكنك نقله إلى جداول WordPress الخاصة بك دون الحاجة إلى فعل الكثير.

تكامل مشاركات WP

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

تكامل WooCommerce

WooCommerce هو البرنامج المساعد لمتجر WordPress الأكثر شيوعًا. ومع ذلك ، فإن عددًا كبيرًا من الأشخاص الذين يستخدمون WooCommerce يعني أيضًا أن الكثير منهم يقدمون نفس تجربة المستخدم. Ninja Tables مع تكامل WooCommerce هو مكون إضافي أسطوري يمكنه تقديم التنوع على موقعك والفعالية في الواجهة الخلفية الخاصة بك. إنه يزيد من معدلات التحويل مع السماح بإدارة متجر WooCommerce الأكثر وضوحًا! Ninja Tables هو ما تحتاجه لإدارة متجر WooCommerce الخاص بك.

تكامل جداول بيانات Google

إنه أمر لا يصدق ما تخفيه Ninja Tables تحت أكمامها! هذا ما تفكر فيه ، أليس كذلك؟

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

يمكن لـ Ninja Tables الاتصال بأي أوراق google وعرض بياناتها على موقع الويب الخاص بك أثناء تحديث الورقة. لذلك إذا كنت بحاجة إلى تحديث جداولك أثناء التنقل ، فإن تكامل أوراق Google Ninja Tables يعد بمثابة درس رئيسي مطلق!

تكامل Ninja Charts

الجداول تعمل مع البيانات. نعتمد على جداول WordPress لأنها تعرض لنا بيانات إحصائية. ومع ذلك ، نحتاج في بعض الأحيان إلى الإبداع قليلاً واكتشاف طرق رسومية لإظهارها. تكامل Ninja Charts هو الحل الأمثل لإنتاج عرض مرئي لبيانات الجدول. هل تريد أن ترى ما يمكنك فعله به؟ تحقق من الفيديو!

تغليف

باستخدام Ninja Tables ، انتهت أخيرًا صعوبات إنشاء جداول HTML متقدمة على WordPress! إنه الحل الشامل لجميع مستخدمي WordPress الذين يحتاجون إلى إظهار جداول البيانات الجميلة أثناء التخلص من أكواد HTML.

لذا اصنع الطاولات ، وزد من المشاركة ، وحسّن التحويل ، وأنجز أكثر من مجرد بناء طاولة باستخدام Ninja Tables.

هذا كل شيء لهذا اليوم. أتمنى لكم كل التوفيق.

مؤلف مشارك: نصرت فريحة

نصرت هو كاتب محتوى إبداعي في WPManageNinja يحب العمل في مواضيع متنوعة. وعندما لا تكتب ، فمن المحتمل أنها تقرأ كتبها المفضلة!