كيفية إضافة صورة إلى جدول في ووردبريس

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

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

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

الطريقة 1: استخدام كتلة الجدول الافتراضية

الطريقة الثانية: استخدام كتلة Tableberg

إنشاء جداول جميلة
مع محرر الكتل

جرب مجانا

احصل على الاحتراف

الطريقة 1: استخدام كتلة الجدول الافتراضية

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

وهنا العملية.

الخطوة 1: إضافة كتلة الجدول إلى المحرر

افتح منشورًا أو صفحة تريد إضافة الجدول إليها. أضف كتلة الجدول الى المحرر.

تحديد عدد الصفوف والأعمدة.

سيتم إنشاء الجدول خلال بضع ثوان.

الخطوة 2: استخدم خيار الصورة المضمنة في الجدول

ضع المؤشر على الخلية التي تريد إضافة الصورة إليها، وسيظهر شريط الأدوات.

انقر على مزيد من الخيارات على شريط الأدوات. ابحث واضغط على صورة مضمنة في القائمة.

الخطوة 3: حدد صورة وأضفها

سيُسمح لك بإضافة صورة سواء من مكتبة الوسائط أو عن طريق تحميلها من محرك الأقراص المحلي لديك. اختر الصورة التي تريدها. انقر فوق اختر الزر في نهايةالمطاف.

سيتم إضافة الصورة خلال ثانية واحدة. الآن، يمكنك زيادة حجمها عن طريق تغيير عرضها.

وبنفس الطريقة، قم بإضافة صورة جديدة إلى العمود الآخر باستخدام نفس خيار الصورة المضمنة.

الطريقة 2: استخدام كتلة Tableberg

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

ملحوظة:تأكد من أنك قمت بذلك تم تثبيت وتفعيل البرنامج الإضافي Tableberg.

الخطوة 01: إضافة كتلة Tableberg إلى المحرر

ابحث عن وأضف كتلة Tableberg إلى المحرر. تعمل الكتلة بنفس الطريقة التي تعمل بها كتلة الجدول الافتراضية كما هو موضح أعلاه.

قم بتحديد رقم الصف والعمود.

مخطط الجدول جاهز.

الخطوة 2: إضافة كتلة الصورة إلى الجدول

Tableberg يتضمن كتلة الصورة. إنه يعمل بشكل مشابه لـ كتلة صورة جوتنبرج. أضف كتلة الصورة إلى الخلية.

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

الخطوة 3: حدد صورة وقم بتحميلها

أتمنى أن تعرف ما عليك فعله هنا. اختر صورة وانقر على اختر الزر.

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

الخطوة 4: تخصيص الصورة وتصميمها

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

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

وبذلك يمكنك إضافة الصور إلى الجدول في ووردبريس.

ملاحظات التشطيب!

على الرغم من أن TableBerg عبارة عن مكون إضافي جديد، إلا أنه سيغير قواعد اللعبة. وسوف ينقل تجربة بناء الجداول المستندة إلى Gutenberg إلى المستوى التالي قريبًا جدًا.

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

باستخدامها، يمكنك إنشاء جداول متعددة الوظائف باستخدام البرنامج الإضافي. راجع بعض المنشورات: