إضافة عنصر شريط تقدم.

تعلّم DXPR Builderبناء الصفحاتإضافة المحتوىالبيانات والحركة

تحصلون على شريط ملوّن بتسمية يعرض بنظرة واحدة مدى تقدم شيء ما. استخدموه لحالة المشاريع أو أهداف جمع التبرعات أو تقدم الدورات أو مستويات المهارات.

شريط تقدم بنفسجي مخطط عند 73% بتسمية إعادة تصميم الموقع

إضافة عنصر شريط تقدم

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

  1. حوموا فوق العمود وانقروا + في شريط التحكم، أو انقروا إضافة العناصر على صفحة فارغة. افتحوا تبويب المحتوى وانقروا شريط التقدم. يظهر أعلى العمود ويفتح مربع حوار الإعدادات.
  2. اكتبوا تسمية للشريط، مثل «إعادة تصميم الموقع».
  3. اسحبوا التقدم لتحديد مدى امتلاء الشريط، أو اكتبوا القيمة في المربع بجانب المنزلق. هنا نختار 73 بالمئة.
  4. اختاروا لون الوجه للجزء الممتلئ من لوحة الألوان.
  5. في أسفل مربع الحوار نفسه، اختاروا ما إذا كان الشريط يحصل على خطوط. هنا نعلّم إضافة نمط مخطط إلى الشريط.
  6. انقروا حفظ في مربع الحوار. ثم انقروا حفظ في شريط الأدوات أعلى منطقة المحتوى لتخزين الصفحة.

ما ترونه

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

إعداد عنصر شريط التقدم

حوموا فوق العنصر وافتحوا المزيد > الإعدادات في شريط التحكم. الخيارات:

  • التسمية: النص على الشريط. ويمكنكم أيضًا النقر على التسمية في الصفحة وتحريرها هناك.
  • التقدم: مدى امتلاء الشريط، من 0 إلى 100 بالمئة. والافتراضي هو 50.
  • ارتفاع الشريط: ارتفاع الشريط بالبكسل. والافتراضي هو 45.
  • لون الظهر: لون المسار الفارغ.
  • لون الوجه: لون الجزء الممتلئ.
  • حركة النمو: متوقفة افتراضيًا. عند تشغيلها، يبدأ الشريط فارغًا ويمتلئ عندما يظهر نصفه في الشاشة.
  • الخطوط: إضافة نمط مخطط إلى الشريط يضيف خطوطًا مائلة. تحريك الخطوط (يتطلب نمطًا مخططًا) يجعلها تتحرك.

إذا لم يظهر لكم

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

ما الخطوة التالية؟

تبويب النمط لتغيير التباعد والخلفية لعنصر شريط التقدم.