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