إذا كنت تبحث عن إجابة لسؤال "كيفية إضافة صورة خلفية إلى جدول في WordPress"، فلن تجد إجابة مباشرة. كما لا يوجد خيار مباشر لإضافة أي صورة.
ولكن إذا كنت مبدعًا بما يكفي، فيمكنك القيام بذلك بسهولة من خلال الاستعانة بالمكونات الأساسية الأخرى المتوفرة في WordPress. اليوم، سأوضح لك كيفية إضافة صورة خلفية إلى جدول في WordPress في ثلاث خطوات.
لماذا تريد إضافة صورة خلفية إلى جدول في WordPress
إن إضافة صورة خلفية إلى جدول في WordPress يمكن أن تخدم أغراضًا متعددة، اعتمادًا على أهداف التصميم والمحتوى الذي تقدمه.
فيما يلي بعض الأسباب الشائعة التي قد تدفعك إلى التفكير في هذا الأمر:
- تعزيز الجاذبية البصرية:يمكن أن تجعل صورة الخلفية الجدول العادي يبدو أكثر جاذبية وجاذبية من الناحية البصرية. فهي تضيف طبقة من الإبداع ويمكن أن تساعد في إبراز المحتوى الخاص بك، خاصة إذا كان الجدول جزءًا من صفحة مقصودة أو منشور غني بصريًا.
- اتساق العلامة التجارية:إذا كان موقع الويب الخاص بك يتبع موضوع تصميم أو علامة تجارية معينة (ألوان أو أنماط أو صور)، فإن صورة الخلفية في الجدول يمكن أن تساعد في الحفاظ على الاتساق.
- عرض تقديمي إبداعي:تُعد صور الخلفية مفيدة للطاولات التي تعرض محتوى إبداعيًا أو غير تقني، مثل الجداول الزمنية للأحداث أو كتالوجات المنتجات أو عروض المحافظ. ويمكنها رفع الطاولة من كونها مجرد جزء وظيفي إلى جزء تصميمي متكامل.
الآن، دعونا نتوجه إلى الجزء الرئيسي لدينا.
كيفية إضافة صورة خلفية إلى جدول في ووردبريس
في درسنا اليوم، سنستخدم Tableberg. إذا لم تكن تعلم، Tableberg هو مكون إضافي للجدول مخصص لـ Gutenberg فقط الذي يسمح لك بإنشاء جداول جميلة ومستجيبة داخل Gutenberg.
يسمح لك بإضافةالسحرة، تصنيفات النجوم، الأزرار، الشرائط، HTML مخصص، النص، القوائم المصممة، إلخ، لإنشاء جدول وظيفي ومنظم داخل محرر Gutenberg Block. علاوة على ذلك، يحتوي على ميزات متقدمة مثل دمج الخلايا وتقسيمها، وتحديد ارتفاع وعرض الخلية، والرأس الثابت، وما إلى ذلك. مرة أخرى، يمكنك استخدام قوالب الجدول للبدء بسرعة.
إنشاء جداول جميلة
مع محرر الكتل
الخطوة 1: إنشاء مجموعة أولاً
نظرًا لأن كتلة جدول WordPress Tableberg وCore لا تسمح لك بإضافة صورة خلفية، فسوف نستخدم كتلة المجموعة و كتلة الغطاء.
قبل إنشاء جدول، قم بإنشاء مجموعة أولاً.
انتقل إلى منشورك وأدخل كتلة المجموعة أولاً. لإدراج كتلة المجموعة، انقر فوق "+""الرمز" (إضافة أيقونة الكتلة) في المحرر (1) واكتب "مجموعة"في مربع البحث" (2). انقر "مجموعة" لإدراجه في المحرر(3).
الآن، حدد التخطيط الأول.
ضرب إضافة زر الحظر داخل كتلة المجموعة (1). يكتب "غطاء" داخل مربع البحث (2) و يختار ال كتلة الغطاء (3).
حدد الخيار لتحميل صورتك.
بعد إدراج صورتك، احذف كتلة العنوان داخل كتلة الغلاف.
الخطوة 2: إنشاء جدول Tablberg الخاص بك
الآن، قم بإنشاء جدولك داخل كتلة الغلافسأضغط على "+""الرمز" (إضافة أيقونة الكتلة) في المحرر (1) واكتب "Tableberg"في مربع البحث" (2). الآن سأضغط على "Tableberg" لإدراجه في المحرر(3).
سأقوم بإدخال قالب جدول من Tablberg (1) للبدء بسرعة وتغيير بياناتي وفقًا لذلك.
الآن سأختار قالبًا واحدًا من مكتبة القوالب.
هكذا يبدو الأمر أدناه.
الخطوة 3: تخصيص كتلة الغلاف
الآن، يجب عليك تخصيص صورة الغلاف حتى يتمكن أي شخص من فهم بيانات الجدول الخاص بك بسهولة. حدد قم بتغطية الكتلة ببساطة عن طريق النقر خارج الجدول. انتقل إلى إعدادات (1) > كتلة (2) > أنماط (3).
تغيير تعتيم التراكب وفقا لاحتياجاتك (1).
تغيير الهامش والحشو إلى "لا أحد ” (1)على الرغم من أنه يمكنك رؤية أن الهامش والحشو مضبوطان على "لا شيء"، يجب عليك القيام بذلك بنفسك مرة أخرى. وإلا، ستظل هذه الصورة خارج الجدول. (ملاحظة: إنه اختياري إذا أنت موافق على الخطوة السابقة.)
تجد أدناه عرض توضيحي لخلفية الجدول.
الأفكار النهائية!
إن إضافة صورة خلفية إلى جدول في WordPress لا يتعلق بالجماليات فحسب، بل يتعلق بتحسين تجربة المستخدم مع الحفاظ على تماسك موقع الويب بصريًا.
آمل أن تكون هذه التدوينة مفيدة لك. الآن، قم بإضافة خلفية لجدولك وطابقها مع تصميم موقع الويب الخاص بك.
أخبرني بأفكارك في قسم التعليقات أدناه. ولا تتردد أيضًا في طرح الأسئلة المتعلقة بالبرنامج التعليمي. وسأكون سعيدًا بمساعدتك. شارك هذه التدوينة مع أصدقائك عبر وسائل التواصل الاجتماعي إذا وجدتها مفيدة.
اقرأ المزيد!
- كيفية إضافة زر فوق صورة في ووردبريس
- كيفية إضافة صورة مضمنة في WordPress لتحسين التدفق
- كيفية إضافة نص أعلى الصورة في ووردبريس
- كيفية وضع النص والصورة جنبًا إلى جنب في WordPress
- كيفية عرض صور ووردبريس في الأعمدة والصفوف
- كيفية إضافة صورة إلى جدول في ووردبريس
- كيفية وضع الصور جنبًا إلى جنب في WordPress (3 طرق)
- أفضل 7 إضافات لقوائم أسعار الووردبريس
