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

نشرت: 2022-09-13

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

الشيء الجيد هو أنه من السهل إنشاء جدول مقارنة في WordPress.

هناك خياران لإنشاء جدول مقارنة في WordPress - محرر Gutenberg الافتراضي لمكونات WordPress و WordPress الإضافية لجداول المقارنة.

ومع ذلك ، فإن الجدول الافتراضي لـ WordPress به بعض القيود. من الصعب تخصيص التخطيط. لهذا السبب أوصي باستخدام مكون إضافي يجعل الأمور أسهل.

المحتويات تخفي
1 دليل تفصيلي لإنشاء جدول مقارنة
2 ما هو جدول مقارنة WordPress؟
3 فوائد إظهار جدول المقارنة
4 هل يمكنك إنشاء جدول مقارنة بدون مكون إضافي؟
5 لماذا ElementsKit لإنشاء جدول مقارنة في WordPress
6 اختتام

دليل خطوة بخطوة لإنشاء جدول مقارنة

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

الخطوة 1: قم بتثبيت المكونات الإضافية الأساسية

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

تثبيت -

  • العنصر
  • ElementsKit

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

تثبيت البرنامج المساعد لجدول ووردبريس

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

قم بتشغيل أداة الجدول

الخطوة 2: قم بإنشاء صفحة جديدة

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

إنشاء صفحة جديدة لجدول المقارنة

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

الخطوة 3: قم بإنشاء جدول المقارنة

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

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

سيكون لديك خياران لإنشاء جدول مقارنة - تحميل ملف CSV بالبيانات أو إنشاء جدول مخصص.

إنشاء جدول بملف CSV

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

هناك خياران لتحميل بيانات الجدول: اختر عنوان URL بعيدًا لجداول بيانات Google أو تحميل ملف CSV مباشرة إلى مكتبة وسائط WordPress الخاصة بك.

كيفية تحميل ملف CSV للجدول

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

للحصول على مخصص ، تحقق من الخطوة التالية.

الخطوة 4: تخصيص جدول المقارنة المخصص

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

تخصيص رأس الجدول

لجعل جدول المقارنة جذابًا ، يمكنك تخصيص الألوان والتباعد والحدود وغير ذلك الكثير دون كتابة تعليمات برمجية.

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

كيفية إضافة عمود جديد في الجدول

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

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

تحميل رأس الصورة لجدول المقارنة

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

اختر صور المنتج واحدة تلو الأخرى وقم بتحميلها.

تخصيص صورة العنوان

الخطوة 5: المعاينة والنشر

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

تحقق من المزيد من أنماط الجدول المصممة باستخدام الملحق ElemetsKit منشئ الصفحة.

جدول مقارنة WordPress جاهز
تنزيل ElementsKit

ما هو جدول مقارنة WordPress؟

يبدو جدول المقارنة في الغالب مماثلاً لجدول قياسي يحتوي على بيانات. لكن جدول المقارنة يوضح مقارنة مفصلة بين ميزات المنتج.

فوائد إظهار جدول المقارنة

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

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

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

هل يمكنك إنشاء جدول مقارنة بدون مكون إضافي؟

عندما ينصحك شخص ما باستخدام مكون إضافي لأي تخصيص معين لصفحة ما ، ما هو أول ما يخطر ببالك؟ "ماذا عن القيام بذلك بدون مكون إضافي!" الصحيح؟

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

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

تعتبر ElementsKit واحدة من أخف إضافات Elementor حيث يمكنك تشغيل / إيقاف تشغيل الخيارات بحيث يتم تحميلها بشكل أسرع. يمكنك استخدام ميزة واحدة إذا كنت تريد وإيقاف تشغيل الميزات الأخرى ولن يستدعي المكون الإضافي هذه الوظيفة أثناء التحميل.

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

يمكنك تصميم موقع ويب للمحفظة ، وموقع ويب تجاري ، وموقع دروبشيبينغ ، وموقع SaaS ، والمزيد.

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

يتم إحتوائه

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