معظم الأشخاص الذين يستخدمون ووردبريس ليسوا مطورين. المدونون والمسوقون وأصحاب الشركات الصغيرة - جميعنا نريد إنشاء جداول نظيفة واحترافية دون الغوص في التعليمات البرمجية. هذا هو المكان الذي تحدث فيه جداول WYSIWYG فرقًا.
WYSIWYG تعني "ما تراه هو ما تحصل عليه". وهذا يعني أنك تقوم بإنشاء الجداول وتحريرها بطريقة تعكس الشكل النهائي، تمامًا كما تفعل عند العمل في مستند Word. إذا كان مكوِّن الجدول الافتراضي يجعلك ترغب في المزيد، فهذا الدليل مناسب لك.
اليوم، سأوضح لك اليوم كيفية إنشاء جدول مذهل بصريًا باستخدام المكون الإضافي WYSIWYG لبناء الجداول. الجدول أدناه.
🔍 ما هو جدول WYSIWYG في ووردبريس؟
يتيح لك جدول WYSIWYG تحرير المحتوى بصريًا، مباشرةً داخل محرِّر ووردبريس. لا HTML. لا رموز مختصرة. فقط نتائج في الوقت الحقيقي وعناصر تحكم بديهية.
ستحصل على:
-
تحرير في الوقت الحقيقي بدون إعادة تحميل
-
تنسيق مرن مع وسائط غنية
-
إحساس السحب والإفلات للهيكل
-
تكامل سهل للصور والأيقونات والأزرار
إنها أسهل طريقة لإنشاء جداول غنية بالمحتوى دون نفقات تقنية.
❌ لماذا تقصر كتلة جدول ووردبريس الافتراضية عن المستوى المطلوب
يقوم مكوِّن الجدول المدمج بالمهمة بالنسبة للتخطيطات الأساسية - ولكن هنا تنتهي قدراته:
-
لا يوجد سحب وإفلات للصفوف أو الأعمدة
-
تخصيص محدود للحدود، أو المسافات، أو الألوان
-
دمج الخلايا وتقسيمها غير ممكن
-
لا يوجد دعم للوسائط داخل الخلايا
-
ضعف استجابة الهاتف المحمول
إذا كان الجدول الخاص بك يحتاج إلى أكثر من مجرد نص عادي، فسوف تصطدم بالحائط بسرعة.
✅ لماذا تختار ملحق جدول WYSIWYG؟
لفتح الإمكانات الكاملة لتصميم الجدول، يمكن استخدام مكون إضافي مرئي للجدول مثل Tableberg خياراً ذكياً. فهو يمنحك
-
محرر مرئي: قم بإجراء التغييرات كما تراها - بدون تخمينات
-
السحب والإفلات: تستغرق إعادة ترتيب الخلايا ثوانٍ
-
كتل الوسائط: إضافة الصور والأزرار والأيقونات وتقييمات النجوم
-
الأنماط المخصصة: التحكم في حشوة الخلية والحدود والمحاذاة والألوان
-
متوافق مع الهاتف المحمول: اختر كيف يستجيب الجدول الخاص بك على الشاشات الأصغر
هذا النوع من الإضافات يجعل تصميم الجداول الغنية بسيطًا مثل تحرير منشور مدونة.
إنشاء جداول جميلة
مع محرر الكتل
🚀 كيفية إنشاء جدول WYSIWYG باستخدام Tableberg
لإنشاء جدول WYSIWYG باستخدام Tableberg، يجب علينا أولاً تثبيت الإضافة.
1. تثبيت المكون الإضافي Tableberg
اذهب الى المكونات الإضافية (1)> إضافة جديد (2)، ابحث عن "Tableberg" (3) وانقر فوق تثبيت (4) متبوعًا بتفعيل.
2. إضافة جدول جديد
افتح مقالة أو صفحة تريد إضافة الجدول فيها. انقر على أيقونة زائد (+) على المحرر (1). يكتب Tableberg في مربع البحث (2). أضف الكتلة إلى المحرر (3).
قم بتعيين عدد الأعمدة والصفوف للجدول. سنختار 3 × 5 في الوقت الحالي، ولكن سيتم إنشاء أعمدة وصفوف أو حذفها إذا لزم الأمر. انقر على إنشاء جدول الزر في النهاية.
سترى الجدول مدرجًا في المحرر بعد قليل، كما هو موضح أدناه.
الخطوة 3: إضافة المحتوى بصرياً
A. إدراج محتوى النص
ضع المؤشر في خلايا الجدول واكتب كما يحلو لك.
B. إضافة صور
والآن، أدخل مكوِّن الصورة لإدراج صور منتجك بالنقر على "+" أيقونة. يمكنك رفع الصور أو الاختيار من مكتبة الوسائط.
C. إضافة تصنيف النجوم
أضف تقييمات النجوم إذا أردت. تقييمات النجوم طريقة رائعة لإظهار جودة منتجاتك.
D. إضافة الأزرار الخاصة بك
تعتبر الأزرار وسيلة فعالة للترويج لأي منتج أو خدمة. لذا ضعها بشكل استراتيجي
من السهل أيضًا ربط الزر: انقر على الزر، وحدد خيار الرابط، وأدخل الرابط الوجهة، واضبط سمات الرابط.
يمكنك ضبط الأزرار وتخصيصها من اللوحة الجانبية اليمنى.
E. إدراج أيقونات
تعمل الأيقونات كالسحر لمعرفة الميزات المتاحة وغير المتاحة. إدراج مكوِّن الأيقونة هو نفسه مثل أي مكوِّن آخر.
F. إدراج قائمة مصممة على غرار
القائمة المصممة هي مكوِّن أساسي آخر يساعدك على إضافة مجموعة من الميزات مع أيقونات في وقت واحد.
والآن، أضف ميزاتك. في كل مرة تضغط فيها على مفتاح "Enter" على لوحة المفاتيح، يمكنك إضافة ميزات جديدة.
يمكنك الوصول إلى خيارات التخصيص لمكوِّن القائمة المصممة على الجانب الأيمن من المحرر.
إليك الجدول الذي أنشأته باستخدام Tableberg بدون تخصيص.
لقد أضفت بعض الألوان والحشو والهامش والشريط في الأعلى. فيما يلي صور التخصيص التي قمت بها.
فيما يلي رموز الألوان التي استخدمتها في الجدول. (لون الرأس: #F3f3f3f3، لون خلفية الصف الزوجي: #3fad3d63، لون خلفية الصف الفردي: #d1dec8)
بعد التخصيص، يتم عرض النسخة النهائية أدناه.
اسم المنتج |
نظام EOS من Canon  $1400 الخيار الأفضل |
لوميكس جي اتش 6  $1200 |
|---|---|---|
مانع التسرب للطقس |
||
شاشة تعمل باللمس LCD |
||
الميزات الإضافية |
|
|
اتصال WIFI |
بمجرد أن تشعر بالرضا، قم بنشر الصفحة أو تحديثها. جدولك المصمم بصريًا أصبح الآن مباشرًا.
🔄 ملحقات أخرى لجدول WYSIWYG تستحق الدراسة
في حين أن Tableberg تجربة سلسة قائمة على الكتل، وهناك خيارات أخرى قوية حسب احتياجاتك:
-
منشئ جداول WP - السحب والإفلات، ودعم المحتوى المرن، ودعم كل منشئ صفحات.
-
طاولات النينجا - غنية بالميزات مع عمليات التكامل والمنطق الشرطي
-
جدول الضغط (مع الإضافات) - جيد لمجموعات البيانات الكبيرة
لكل منهما نقاط قوة، لكن Tableberg مصمم للعمل بشكل أصلي مع Gutenberg ويعطي الأولوية للتحرير المرئي.
💼 حالات الاستخدام العملي
جداول WYSIWYG مثالية ل:
-
مقارنات الأسعار وتفاصيل الميزات
-
الجداول التابعة مع الأزرار والتقييمات
-
شبكات أعضاء الفريق أو جداول الفعاليات
-
كتالوجات المنتجات ذات الخلايا الغنية بالوسائط
-
تفاصيل تفصيلية خطوة بخطوة
-
ملخصات المحتوى لمنشورات المدونة الطويلة
إذا كان المحتوى الخاص بك يتضمن هيكلاً أو مقارنةً، فإن هذه الجداول تجعله أكثر جاذبية وإفادة.
الأفكار النهائية
لا ينبغي أن يكون إنشاء جدول جيد المظهر تحديًا تقنيًا. ملحق WYSIWYG مثل Tableberg يمنحك حرية تصميم جداول تتناسب مع نمط المحتوى الخاص بك، دون لمس سطر واحد من التعليمات البرمجية.
إذا كنت ترغب في عرض الميزات أو المقارنات أو القوائم الديناميكية، فإن Tableberg يجعل من السهل القيام بذلك.
هل أنت مستعد لتجربة Tableberg؟
ابدأ مع Tableberg اليوم ➔ Tableberg ➔
اقرأ المزيد!
