إنتقل إلى المحتوى الرئيسي

تنسيق عناصر باني الصفحات بكود CSS

يشرح هذا المقال كيف تضيف كود CSS مخصصًا لتغيير شكل صفحات باني الصفحات في منصتك. هذه الميزة لمدير المنصة.

خطوات إضافة CSS مخصص​

  1. من لوحة تحكم منصتك، اضغط على الصفحات.

  2. انتقل إلى صفحة إعدادات متقدمة.

    صفحة تنسيق CSS المخصص في قائمة الصفحات

  3. اكتب الكود في خانة كود CSS المخصص.

  4. اضغط على حفظ التغييرات لتطبيق الكود.

    خانة كود CSS المخصص مع زر حفظ التغييرات

تنويه

يُطبَّق الكود فقط على صفحات باني الصفحات، وليس على الصفحة الرئيسية الافتراضية أو صفحات النظام الأخرى.

warning

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

مثال​

  1. افتح صفحتك في المتصفح، ثم افتح أدوات المطور (فحص العنصر)، وانسخ المعرّف الفريد (id) للعنصر الذي تريد تنسيقه، مثل block-EKyRzwKT.

    أدوات المطور في المتصفح مع المعرف الفريد لأحد العناصر

  2. اكتب المعرّف في الكود، مع علامة # قبله، ثم اضغط على حفظ التغييرات.

    #block-EKyRzwKT {
    background: #33a0fe;
    color: #fff;
    }

    كود CSS للعنصر في خانة الكود مع زر حفظ التغييرات

  3. هذا شكل العنصر بعد تطبيق الكود.

    بطاقة الدورة بعد تغيير لون خلفيتها بكود CSS