كيفية إنشاء جداول احترافية لقالب سيو بلس

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

خطوات استخدام أداة إنشاء الجداول:

1. إضافة الكود الخاص بالأداة:
• في بداية الصفحة الخاصة بالأداة، ستجد كود مخصص. قم بنسخ هذا الكود وإضافته في مدونتك ضمن إعدادات من خلال أداة (Custom CSS) الخاصة بالقالب.
• بعد إضافة الكود، قم بتفعيل الأداة واضغط على زر () لتفعيل التغييرات.
أنقر بمحتوي الكود وسيتم النسخ :
/* seoplusTable Style */.seoplusTable{margin:20px 0;width:100%;display:block;border:1px solid var(--minColor);overflow:hidden;}.post-body table:not(.tr-caption-container){width:100%;border:0;border-radius:0;margin:auto;font-size:16px;}.seoplusTable.rd30{border-radius:8px;}.seoplusTable th,.seoplusTable td{padding:10px!important;background:var(--MinBgColor)!important;border-bottom:1px solid rgb(162 162 162 / 38%);}.seoplusTable th{background-color:var(--minColor)!important;font-weight:bold;color:var(--whiteColor)!important;border-bottom:unset!important;}table.vertical tr td:not(:last-of-type){border-left:1px solid var(--minColor);}table.vertical tr:not(:last-of-type){border-bottom:1px solid var(--minColor);}table.horizontal tr:not(:last-of-type){border-bottom:1px solid var(--minColor);}table.horizontal tr td:not(:last-of-type){border-left:1px solid var(--minColor);}table.horizontal tr th:not(:last-of-type){border-left:1px solid var(--MinBgColor);}table.vertical tr:not(:last-of-type) th{border-bottom:1px solid var(--MinBgColor)!important;}.seoplusTable.scroler{overflow-x:scroll;}.seoplusTable.scroler table{white-space:nowrap;}.seoplusTable.scroler table td,.seoplusTable.scroler table th{min-width:150px;}
2. تخصيص الجدول:
• بعد تفعيل الأداة، يمكنك البدء في تخصيص الجدول باستخدام الخيارات المتاحة لتغيير تصميمه بما يتناسب مع احتياجاتك.
• بعد الانتهاء من التخصيص، اضغط على زر (معاينة الجدول) لعرض الشكل النهائي للجدول مع التعديلات التي قمت بها.
3. إضافة المحتوى واستخراج الكود:
• بمجرد الانتهاء من تخصيص الجدول، يمكنك البدء بكتابة النصوص والمحتوى الذي تريده داخل الجدول.
• بعد إضافة المحتوى، اضغط على زر (استخراج كود الجدول).
• قم بنسخ الكود الناتج وألصقه في المكان الذي ترغب في ظهور الجدول فيه داخل مقالك.

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

فيديو ملخص لشرح كل ما سبق

جدول مخصص لقالب سيو بلس .

عدد الصفوف :
عدد الأعمدة :
وضع الجدول: افقي رأسي
انشاء معاينة الجدول :
تجاوب الجدول :

أنقر بمحتوي الكود وسيتم النسخ :