كيفية عرض جدول HTML الخاص بـ WordPress من إدخالات Gravity Forms

WP Table Manager رائع مع Gravity Forms مما يسمح لنا بإنشاء جداول HTML استنادًا إلى الإدخالات، مما يسمح لنا بالتصفية والتصميم والعرض مع مزامنة فورية للإدخالات بأفضل طريقة ممكنة.

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

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

إنشاء جداول HTML الخاصة بـ WordPress وتخصيصها باستخدام إدخالات النماذج

من المهم ملاحظة أننا نحتاج إلى Gravity Forms و WP Table Manager لمتابعة هذا البرنامج التعليمي.

لنبدأ بإنشاء الجدول، لدينا بعض نماذج الجاذبية التي تم إنشاؤها بالفعل مع بعض الإدخالات لهذا البرنامج التعليمي.

الآن بعد أن أصبحت نماذجنا جاهزة، نحتاج إلى الذهاب إلى WP Table Manager > All tables والنقر فوق + Create ، إذا كان لدينا Gravity Forms مثبتًا، فسيتم عرض الجدول من Gravity Form ، انقر فوقه.

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

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

الآن أول شيء يمكننا رؤيته هو أن لدينا جميع خيارات التخصيص من WP Table Manager متاحة، لذا فلنبدأ بإنشاء مرشح، وهذا مفيد عندما يكون لدينا الكثير من الإدخالات في نموذج.

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

ستظهر الفرز والمرشحات فقط في مقدمة موقعنا، لذا يتعين علينا إضافة الجدول إلى صفحتنا/منشورنا لرؤيته، وإضافة جدولنا سهل مثل البحث عن كتلة جدول WP Table Manager وإضافتها إلى منشورنا/صفحتنا.

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

بالنسبة لهذا البرنامج التعليمي، سأقوم بتعيين جميع الخطوط لتكون قوية وسأستخدم السمة > الألوان البديلة مما سيعمل على تسريع إنشاء الجدول لدينا بشكل أكبر.

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

انتهى! سيتم عرض إدخالاتنا، وستتيح لنا خيارات تخصيص الجدول تعديله ليناسب أي سمة!

من إدخالات نموذج الجاذبية إلى المخططات البيانية

قد نعتقد أن WP Table Manager يسمح لنا فقط بإنشاء جداول من البيانات، لكن الإجابة هي لا! يمكننا أيضًا إنشاء مخططات بيانية بناءً على المعلومات، والأمر سهل للغاية، فقط انقر على " مخطط" > "إنشاء مخطط بياني من البيانات" .

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

في القسم الأول من اللوحة الجانبية، يمكننا تحديد السمة، وتحديد البيانات والألوان التي سيتم استخدامها.

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

في هذه الحالة، نقوم بمقارنة منتجين، لذا انتهينا إلى استخدام مخطط دائري بلونين مختلفين يسمح لنا برؤية الفرق في عدد المبيعات بسهولة.

ستكون عملية نشر هذا مشابهة لعرض الجدول العادي، ويمكننا استخدام أي منشئ صفحات مع كتلة مخطط WP Table Manager (المتوفرة في جميع منشئي الصفحات الرئيسيين).

سيُفتح مربع لاختيار الرسم البياني الذي نريد عرضه. حدده، وانتهى الأمر! تم نشر الرسم البياني.

الآن لدينا جدولٌ بمدخلاتنا ومخططٌ رائعٌ يُساعدنا على فهم الجدول أيضًا. يُمكننا القول إن هذا التكامل أداةٌ متكاملةٌ تمامًا! أليس كذلك؟

ابدأ باستخدام Gravity Forms و WP Table Manager

كما ترون، WP Table Manager + Gravity Forms مزيجًا مثاليًا لتنظيم جميع مدخلاتنا وبياناتنا، حيث نوفر طرقًا متعددة لعرضها، والتكامل سهل للغاية، بنقرة زر واحدة، رائع! أليس كذلك؟ ماذا تنتظر؟ احصل على WP Table Manager هنا .