إضافة عنصر عدّاد دائري.

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

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

عدّاد دائري بقوس تقدم بنفسجي ممتلئ حتى 78%، مع أيقونة رسم بياني وتسمية معدّل التجديد

إضافة عنصر عدّاد دائري

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

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

ما ترونه

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

إعداد عنصر العدّاد الدائري

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

  • النسبة المئوية: مدى امتلاء الحلقة، من 0 إلى 100.
  • البعد: حجم الدائرة بالبكسل، من 100 إلى 500.
  • لون المقدّمة: لون القوس الممتلئ.
  • لون الخلفية: لون المسار الفارغ.
  • لون التعبئة: اللون داخل الدائرة.
  • عرض المقدّمة: سُمك القوس.
  • الحركة: تملأ القوس من الصفر. يضبط مدة الحركة وتأخير الحركة التوقيت بالمللي ثانية.
  • الحركة عند الظهور: تنتظر التحرك حتى تصل الدائرة إلى الشاشة أثناء التمرير.

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

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

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

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

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

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