WP Table Manager: تصميم الجداول

1. التنسيق

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

يمكنك تحديد النسبة المئوية لمحرر الجدول. وهذا يعني أنه يمكنك تكبير/تصغير الجدول، ضمن نطاق يتراوح من 50% إلى 200%.

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

2. السمات والخيارات

في كل جدول، ستجد اختيار المظهر في قائمة "المظهر". ما عليك سوى النقر على المظهر لتطبيقه.

ألوان بديلة

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

ويمكنك إزالة اللون البديل بالنقر على "إزالة >  إزالة التنسيق التلقائي" في قائمة النقر بزر الماوس الأيمن. سيتم مسح اللون بعد تأكيدك.

محاذاة الجدول

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

تمييز الخلية

تتوفر ميزة تمييز الخلايا كخيار إضافي. يمكنك تفعيل هذه الميزة من الإعدادات، وهي معطلة افتراضيًا. يمكنك تحديد صف التمييز لضبط لون التمييز وشفافيته.

3. أضف تلميحًا على الخلايا

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

يمكنك ضبط عرض التلميح بالبكسل. سينقلك ذلك إلى تلميح يحتوي على محرر للتعديل.

أضف المحتوى واحفظه، لقد انتهيت، ستظهر تلميحات الأدوات على الجانب العام عند تمرير مؤشر الماوس.

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

تجميد الأعمدة

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

لتجميد الأعمدة/الصفوف، هناك خيار إضافي يسمح لك بتحديد ارتفاع الجدول (لأن حاوية الجدول الخاصة بك قد يكون لها ارتفاع لانهائي).

عندما تختار العمود المراد تجميده، ستتمكن من التمرير في جدولك وسيتم عرض العمود الثابت دائمًا.

تجميد الصفوف

يمكنك العثور عليه في قائمة التنسيق > رأس الجدول ، ومن هنا يمكنك تشغيل الخيار وتعيين الصفوف للتجميد (حتى 5 صفوف).

إذا كنت ترغب في ضبط ارتفاع الجدول، فيرجى العودة إلى خيارات الاستجابة.

ثم سيتم تجميد الصف الأول في واجهة المستخدم وفقًا للإعدادات.

5. الفرز والتصفية

إذا كنت ترغب في فرز أو تصفية جدولك، يرجى الانتقال إلى قائمة خيار الفرز والتصفية

ثم تظهر نافذة منبثقة تحتوي على خيارات الفرز والتصفية. 

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

على سبيل المثال، في هذه الحالة، حدد العمود A باتجاه ASC .

يوجد خياران للتصفية:

• داخل العمود: يمكنك تصفية البيانات في رأس كل عمود. سيساعدك زر التبديل على إظهار أو إخفاء حقل البحث في الرأس.

• نموذج التصفية المتقدمة: بمجرد تحديد الخيار، يمكنك البحث عن البيانات وتصفيتها في جدول.

البحث الرئيسي: عند تفعيل هذه الميزة، ستُضاف خانة إدخال بحث في واجهة المستخدم. وهذا يُمكّن المستخدمين من البحث بسهولة في جميع البيانات الموجودة في الجدول.

6. حشو الخلايا ونصف قطر الحدود

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

7. CSS مخصص

لنخطو خطوة أبعد. إذا كنت مصمم مواقع ويب ولديك مهارات في لغة CSS، فستتمكن من إضافة CSS من خلال قائمة التنسيق > CSS مخصص.

يتم تلوين كود CSS باستخدام أداة Code Mirror، ويمكن كتابته باستخدام Less CSS، وهو يعمل أيضاً!

تحتوي الخلايا والصفوف والأعمدة على إحداثيات لتحديد كل منها وتطبيق أنماط CSS مخصصة عليها. R هو الصف، وC هو العمود.

8. جداول ووردبريس متجاوبة

هل تستجيب جداولي للأجهزة الصغيرة أم أنها تستخدم خاصية التمرير؟

إخفاء الكولونات

WP Table Manager التصميم المتجاوب باستخدام أداة تحديد الأولويات كخيار إضافي. تكون ميزة التصميم المتجاوب مُعطّلة افتراضيًا، مما قد يؤدي إلى ظهور محتوى زائد (وهو يعمل بشكل ممتاز على الأجهزة المحمولة). لتفعيل إخفاء الأعمدة ، انتقل إلى قائمة التنسيق > خيارات التصميم المتجاوب.

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

جدول مزود بخاصية التمرير (أفضل لعدد قليل من الأعمدة)

جدول مع إخفاء الأعمدة (أفضل لعدد كبير من الأعمدة)

عنوان متكرر

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

ستتوفر خيارات للتخصيص وفقًا لطلبك:

• نقطة التوقف التفاعلية (بكسل): حدد قيمة نقطة التوقف بالبكسل لتحديد متى سيتحول الجدول إلى هذا الوضع التفاعلي.
• الحد الأقصى للارتفاع المتجاوب (بكسل): عند تفعيل الوضع المتجاوب، يتم تحديد حد أقصى للارتفاع بناءً على قيمة نقطة التوقف لتجنب ظهور جدول طويل جدًا.
• تنسيق الوضع المتجاوب: قم بتطبيق تنسيق افتراضي لهذا الوضع المتجاوب أو استخدم ألوان الجدول.

بعد ذلك، يمكنك رؤية كيف سيبدو الجدول في واجهة المستخدم.

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

9. تصدير إلى Excel

لحفظ جدولك على جهاز الكمبيوتر، انتقل إلى قائمة ، ثم انقر على زر "تصدير إكسل" . سيصبح نوع الملف *.xlsx بعد التصدير من واجهة المستخدم.

10. ترقيم الصفحات

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

11. تنسيق حدود الخلايا

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

12. طباعة الجدول في واجهة المستخدم

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