تسليط الضوء على منتج Divi: TablePress Styler

TablePress Styler هو مكون إضافي تابع لجهة خارجية لـ Divi يضيف الكثير من خيارات التصميم إلى TablePress ، وهو مكون إضافي شهير لصنع الجدول لـ WordPress. لا يمنحك TablePress Styler خيارات التصميم فحسب ، بل يسهل أيضًا استخدام TablePress مع Divi. في هذا المنشور ، سنلقي نظرة على TablePress Styler لنرى كيف يعمل مع TablePress لمساعدتك في تحديد ما إذا كان المنتج المناسب لاحتياجاتك.

قم بإنشاء جدول TablePress لـ TablePress Styler

أولاً ، ستحتاج إلى إنشاء الجداول التي ستستخدمها مع TablePress Styler. لا يقوم TablePress Styler بإنشاء الجداول. بدلاً من ذلك ، يقوم بتنسيق الجداول التي تم إنشاؤها في TablePress. يتطلب البرنامج المساعد TablePress ويعمل كإضافة Divi إلى TablePress. بمجرد إنشاء الجداول الخاصة بك في TablePress ، استخدم TablePress Styler لتخصيص أنماط تلك الجداول باستخدام Divi Builder.

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

سأستخدم الأنماط من الصفحة المقصودة لحزمة التخطيط هذه لإنشاء الأمثلة الخاصة بي.

TablePress Styler Divi Module

يضيف TablePress Styler وحدة جديدة إلى Divi Builder. عادة ، تتم إضافة الجداول في TablePress بالرموز القصيرة. باستخدام TablePress Styler ، لن تحتاج إلى إضافة الجدول بشكل منفصل. هذه الوحدة تضيفها لك. هذا يجعل الجداول أسهل في الاستخدام مع Divi Builder.

يتضمن الخيار الأول في إعدادات TablePress Styler مربع قائمة منسدلة حيث يمكنك تحديد الجدول الخاص بك. يُظهر فتح مربع القائمة المنسدلة جميع الجداول التي قمت بإنشائها في TablePress. حدد الجدول الذي تريد عرضه.

يعرض الجدول بالضبط طريقة إنشائه في محرر TablePress.

معرف الجدول

لديك سيطرة كاملة على تصميم الطاولة. يمكنك إجراء تعديلات على التصميم دون الحاجة إلى الرجوع إلى محرر TablePress. اضبط الإعداد والعناصر والأعمدة والصفوف والمعلمات والأزرار والمزيد. تتطلب بعض الإعدادات TablePress Pro (أو Max) أو ملحق TablePress. سنلقي نظرة على الميزات التي تعمل مع الإصدار المجاني من TablePress.

يثبت

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

عناصر

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

الأعمدة

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

صفوف

تتيح لك الصفوف تحديد الصفوف التي ترغب في إظهارها أو إخفاؤها. لقد قمت بإخفاء الصف 3 في هذا المثال.

خيارات TablePress Pro

في البرنامج المساعد TablePress Styler ، تعد المعلمات ميزة متقدمة تتطلب معرفة معلمات الجدول. تتضمن الميزات التي تتطلب TablePress Pro (أو Max) الأزرار والجداول المتجاوبة وأعمدة العداد والصفوف الثابتة والأعمدة الثابتة وترتيب الصفوف وتصفية الصفوف وتصفية الأعمدة والقوائم المنسدلة لتصفية الأعمدة. يتطلب التحويل التلقائي لعنوان URL إضافة TablePress Automatic URL Conversion.

إعدادات تصميم TablePress Styler

يتضمن كل عنصر إعدادات تصميم مستقلة ، مما يسمح لك بتخصيص جداول TablePress باستخدام Divi Builder. سأخصص الجدول باستخدام قوائم انتظار التصميم من حزمة التخطيط.

TablePress اسم الطراز

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

وصف TablePress Styler

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

عناصر الطراز TablePress

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

تباعد

يسمح لك التباعد بضبط الفجوات بين جميع العناصر بما في ذلك الاسم والوصف والبحث والمعلومات وترقيم الصفحات ومحدد ترقيم الصفحات. لقد قمت بتعديل جميع الإعدادات في هذا المثال لتوزيع النص بشكل أكبر قليلاً.

الخلايا

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

نص

تتحكم إعدادات النص في النص داخل الخلايا. لقد جعلت نمط النص يطابق نص الوصف.

رأس

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

تذييل

تتبع إعدادات التذييل إعدادات الرأس وتشمل الخلفية وألوان الخط. لقد قمت بتعديل لون الخلفية ولون الخط والمحاذاة في هذا المثال.

رأس الصف

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

الأيقونات

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

حدد الرموز واضبط أحجامها وألوانها في TablePress Styler Module. لقد قمت بزيادة حجم الأيقونات وغيرت لونها إلى الأسود.

أزرار

أضف أزرارًا إلى خلايا TablePress باستخدام الرمز المختصر للزر. يمكنك أيضًا إضافة ارتباط مخصص للرمز القصير. لقد أضفتها إلى التذييل في المثال الخاص بي.

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

الألوان

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

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

الحدود

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

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

نتائج تصميم TablePress Styler

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

كمكافأة إضافية ، إليك بعض الأمثلة الأخرى على التصميم بناءً على حزم Divi Layout. تم تصميم أول واحد لمطابقة حزمة Attorney Layout لـ Divi:

أخيرًا ، إليك مثال لجدول تم تصميمه ليبدو كقائمة أحداث باستخدام حزمة تخطيط مكان الموسيقى لـ Divi.

من أين تشتري TablePress Styler

يتوفر TablePress Styler في Divi Marketplace مقابل 39 دولارًا. يتضمن استخدامًا غير محدود ، ودعمًا وتحديثًا لمدة عام واحد ، وضمان استرداد الأموال لمدة 30 يومًا.

أفكار ختامية على TablePress Styler

هذه هي نظرتنا إلى TablePress Styler لـ TablePress و Divi. يعمل TablePress Styler جيدًا لجمع الثلاثة معًا. تمنحك إعدادات التصميم الكثير من التحكم في تصميمات وتخصيصات الجدول. جميع الإعدادات بديهية مثل أي وحدة Divi. إذا كنت تستخدم TablePress و Divi ، فإن TablePress Styler هو مكون إضافي لا بد منه لصندوق أدوات Divi الخاص بك.

نريد أن نسمع منك. هل جربت TablePress Styler؟ أخبرنا برأيك في التعليقات.