شريط تقدم القراءة
هل بدأت يومًا في قراءة مقال طويل وتساءلت عن المبلغ المتبقي؟ وكذلك يفعل زوار موقعك. يعمل شريط تقدم القراءة من Master Addons على إصلاح ذلك. إنه شريط رفيع وذكي يمتلئ أثناء التمرير لأسفل الصفحة. يمكنك إضافته إلى أي صفحة أو نشره في ثوانٍ من داخل إعدادات صفحة Elementor. قم بتخصيص ألوانه وموضعه وسرعته ليتناسب مع موقعك تمامًا. إنها لمسة صغيرة تجعل المحتوى الخاص بك يبدو أكثر جاذبية وأسهل في التنقل. دع القراء يرون تقدمهم ويستمرون حتى النهاية.
قم بتشغيله ووضعه في المكان الذي تريده
لا يوجد ترميز ولا ضجة. ما عليك سوى قلب مفتاح “Enable Reading Progress Bar” في إعدادات صفحتك. ثم قرر المكان الذي يجب أن يعيش فيه. يعد التمسك بالجزء العلوي من إطار العرض هو المكان الكلاسيكي، ولكنه اختيارك. فهو يكتشف تلقائيًا ارتفاع الصفحة بالكامل ويبدأ في ملء اللحظة التي يبدأ فيها الزائر بالتمرير.
- تمكين التبديل الواحد: ابحث عن الإعداد مباشرة في لوحة إعدادات الصفحة ضمن “ General Settings” وقم بتشغيله عالميًا أو لصفحة واحدة فقط.
- أعلى أو أسفل: اختر الموضع لقفل الشريط في أعلى أو أسفل الشاشة بحيث يكون مرئيًا دائمًا.
- التتبع التلقائي: يقوم الشريط بحساب إجمالي طول الصفحة بذكاء ويقوم بتحديث التعبئة في الوقت الفعلي أثناء قيام المستخدم بالتمرير.
اجعلها تبدو وكأنها جزء من علامتك التجارية
قد لا يناسب الشريط الأزرق الافتراضي موقعك. ولهذا السبب تحصل على التحكم الكامل في مظهره. قم بمطابقة ألوان علامتك التجارية، واضبط السُمك، وتحكم في مدى سلاسة تحريكها. اجعلها دقيقة أو اجعلها مميزة - الأمر متروك لك ولتصميمك تمامًا.
- الألوان المخصصة: قم بتعيين لونين: لون الخلفية للمسار الفارغ ولون التعبئة للتقدم المتحرك.
- اضبط السُمك: استخدم حقل الارتفاع (مثل 5px أو 10px) لجعل الشريط رقيقًا وسريًا أو سميكًا وجريئًا.
- ضبط الرسوم المتحركة: تحكم في سرعة الرسوم المتحركة بحيث يمتلئ الشريط بسلاسة ويشعر بأنه طبيعي، وليس ثابًا أو بطيئًا.
الأسئلة المتداولة لقراءة شريط التقدم
هل يعمل شريط التقدم على الهواتف المحمولة؟
نعم، بالتأكيد يفعل! الشريط مستجيب بالكامل. سيظهر في أعلى (أو أسفل) الشاشة على الهواتف والأجهزة اللوحية، مع ضبط حجمه وسلوكه ليعمل بشكل مثالي على الشاشات الأصغر حجمًا.
هل يمكنني إضافة هذا إلى بعض الصفحات دون غيرها؟
قطعاً. نظرًا لأنه يتم التحكم فيه من إعدادات الصفحة لكل صفحة أو منشور فردي تقوم بإنشائه باستخدام Elementor، فلديك تحكم كامل. قم بتمكينه على منشورات مدونتك الطويلة وبرامجك التعليمية، واتركه خارج صفحة الاتصال القصيرة الخاصة بك. إنه قرار لكل صفحة.
هل سيؤدي هذا إلى إبطاء موقع الويب الخاص بي؟
لا على الاطلاق. إنها ميزة خفيفة الوزن للغاية تستخدم الحد الأدنى من الموارد. إنه مجرد جزء من CSS وJavaScript لحساب موضع التمرير. لن تلاحظ أي تأثير على سرعة تحميل صفحتك.
ماذا لو تعارض لون الشريط مع قائمة الرأس الخاصة بي؟
هذا هو أفضل جزء من 5 يمكنك إصلاحه في ثوانٍ. ما عليك سوى الانتقال إلى الإعدادات وتغيير لون الخلفية وملء اللون إلى أي شيء تريده. اختر الألوان التي تتناقض بشكل جيد مع رأسك بحيث يكون الشريط مرئيًا دائمًا ولكنه لا يتعارض أبدًا.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
