يتيح لك جدول المقارنة مقارنة عناصر متعددة أفقيًا أو رأسيًا، مع تسليط الضوء على ميزاتها الرئيسية، تحديد، وغيرها من الميزات. إنها طريقة فعّالة لتمكين المستخدمين من اتخاذ قرارات مستنيرة.
على الرغم من أنه يمكنك إنشاء جداول مقارنة باستخدام كتلة جدول WordPress الافتراضية، فهو يحتوي على العديد من القيود. لا يمكنك إضافة صور وأزرار وقوائم إلى الكتلة الافتراضية.
Tableberg يعد هذا البرنامج الإضافي الرائع لبناء الجداول أحد الحلول التي تتغلب على كل هذه القيود. في هذه المقالة، سنعرض لك طريقتين لإنشاء جدول مقارنة في WordPress – باستخدام البرنامج الإضافي وبدونه.
إنشاء جداول جميلة
مع محرر الكتل
الطريقة 1: بدون استخدام البرنامج الإضافي
ستحصل على كتلة جدول افتراضية في مكتبة كتل WordPress. ويمكنك إنشاء جدول مقارنة على المستوى الأساسي باستخدامها.
الخطوة 1: أضف كتلة الجدول إلى محرر المنشورات/الصفحات الخاص بك
انقر على أيقونة زائد (+). يكتب طاولة في مربع البحث. بمجرد ظهور الكتلة، أضفه إلى المحرر من منشورك/صفحتك.
الخطوة 2: تحديد رقم العمود والصف
قم بتحديد رقم العمود والصف كما تريد للجدول. في هذا البرنامج التعليمي، سنختار 4*3 لجدول المقارنة.
الخطوة 3: إضافة المعلومات إلى الجدول
الآن، أضف المعلومات إلى الجدول. يمكنك فقط إضافة معلومات نصية؛ لا صور أو أزرار أو أي كتلة أخرى.
إليكم جدولًا تجريبيًا قمنا بإعداده استعدادًا للتدوينة.
الطريقة 2: استخدام البرنامج الإضافي Tableberg
كما ترى في الطريقة الأولى، لا يمكنك إضافة أي صورة, زرأو إلى جدول المقارنة الذي تم إنشاؤه باستخدام كتلة الجدول الافتراضية. ولكن بدون هذه العناصر، تفشل جداول المقارنة في تشغيل المستخدمين.
Tableberg هو مكون إضافي رائع لبناء الجداول متوافق مع Gutenberg ويمكنه مساعدتك في التغلب على كل هذه القيود.
الخطوة 01: تثبيت البرنامج الإضافي Tableberg
قم بتسجيل الدخول إلى لوحة تحكم WordPress الخاصة بك. انتقل إلى المكونات الإضافية > إضافة مكون إضافي جديد. يكتب Tableberg في مربع البحث للعثور على البرنامج الإضافي. بمجرد ظهور البرنامج الإضافي أدناه، اضغط على قم بالتثبيت الآن زر. فعل بعد ذلك.
الخطوة 02: إضافة كتلة Tablegerg
افتح منشورًا أو صفحة. أضف كتلة الجدول من محرر ووردبريس.
الخطوة 03: حدد عدد الصفوف والأعمدة
حدد عدد الصفوف والأعمدة كما تفعل مع كتلة الجدول الافتراضية. اضغط على إنشاء جدول بعد ذلك، سنختار عمودين (2) وأربعة صفوف (4).
الخطوة 04: إضافة المحتوى إلى الجدول
أضف عناوين إلى الأعمدة. اضغط على زائد (+) الرمز وحدد الكتلة كما تريد. حدد كتلة الصورة بعد ذلك، سيسمح لك هذا بإضافة صورة إلى الخلية.
# إضافة الصور إلى الجدول
يمكنك أن ترى أننا أضفنا صورة لكل عمود على التوالي.
# إضافة القوائم إلى الجدول
بعد ذلك، حدد قائمة كتلةباستخدام هذه الكتلة، يمكنك إدراج جميع ميزات منتجك. قم بذلك في الصف المقابل لكل عمود.
# إضافة أزرار إلى الجدول
الآن، أضف كتلة الأزرار إلى الجدول. سيسمح لك هذا بإضافة زر CTA لكل منتج.
بمجرد إضافة الكتل، يمكنك تخصيصها من الأنماط علامة التبويب الموجودة على الشريط الجانبي الأيمن.
وبذلك، يمكنك إنشاء جداول مقارنة متعددة الاستخدامات ومتعددة الأغراض باستخدام البرنامج الإضافي TableBerg.
فيديو تعليمي
اقرأ أيضاً:
خاتمة
إن إنشاء جداول المقارنة يمكن أن يعزز بشكل كبير من تجربة المستخدم من خلال تقديم المعلومات بتنسيق منظم وسهل الفهم. يعد TableBerg بإحداث ثورة في تجربة إنشاء الجداول على WordPress من خلال إصدارات أكثر روعة في الأيام القادمة.
فيما يلي دليل سريع حول كيفية إزالة حدود الجدول في الووردبريس حتى تتمكن من جعل تصميم طاولتك أكثر جاذبية.
