أضف شريط تقدم القراءة في WordPress (Elementor)
يعد Reading Progress Bar امتدادًا مجانيًا لـ Master Addons يضيف شريطًا رفيعًا إلى أعلى أو أسفل الشاشة ويملأه أثناء قيام الزائرين بالتمرير إلى أسفل الصفحة. يمكنك تشغيله في كل صفحة أو نشر في إعدادات صفحة Elementor، ثم قم بتعيين الموضع والارتفاع ولون المسار ولون التعبئة وسرعة الرسوم المتحركة. فهو يناسب المقالات الطويلة والبرامج التعليمية والوثائق والصفحات القانونية حيث يحب القراء معرفة المبلغ المتبقي.
يتتبع هذا الامتداد التمرير. لإظهار هدف أو نتيجة كخط أو دائرة أو مقياس للمروحة، استخدم القطعة شريط التقدم. للحصول على قائمة بأشرطة المهارات، استخدم أشرطة التقدم.
قم بتشغيله لكل صفحة، أعلى أو أسفل
افتح الصفحة أو انشر في Elementor، وانقر فوق أيقونة الترس لـ إعدادات الصفحة (إعدادات المشاركات على المشاركات) وتوسيع شريط تقدم القراءة قسم. تشغيل تمكين شريط تقدم القراءة ومجموعة موضع إلى الأعلى أو الأسفل. يتم تثبيت الشريط على حافة الشاشة ويتم ملؤه من 0 إلى 100% أثناء قيام الزائر بالتمرير من أعلى الصفحة إلى أسفلها.
- يتم حفظ الإعداد لكل صفحة، لذا قم بتمكينه في المنشورات الطويلة واتركه خارج الصفحات القصيرة. لا يوجد مفتاح على مستوى الموقع.
- وهو يعمل على الصفحات والمشاركات التي تم إنشاؤها باستخدام Elementor، نظرًا لأن المحول موجود في إعدادات صفحة Elementor.
- يغطي التقدم ارتفاع الصفحة بالكامل، بما في ذلك الرأس والتعليقات والتذييل، وليس نص المقالة فقط.
- بالنسبة للمستخدمين الذين قاموا بتسجيل الدخول، ينتقل الشريط لأسفل أسفل شريط إدارة WordPress.
الارتفاع والألوان وسرعة الرسوم المتحركة
تعيين ارتفاع من 0 إلى 100px (5px افتراضيًا). لون الخلفية تلوين المسار الفارغ (الأبيض افتراضيًا) و ملء اللون تلوين التقدم (الأزرق #007bff افتراضيًا). سرعة الرسوم المتحركة يضبط مدى سلاسة التعبئة التي تتبع التمرير، من 0 إلى 1000 مللي ثانية، 50 افتراضيًا.
- يمكنك اختيار الألوان العامة من مجموعة Elementor الخاصة بك للمسار والتعبئة.
- يمكن ملاحظة شريط 3 إلى 6 بكسل دون تغطية الرأس.
- تبدو سرعة الرسوم المتحركة المنخفضة أكثر مباشرة، بينما تبدو السرعة الأعلى أكثر سلاسة ولكنها متأخرة قليلاً.
Elementor Pro Progress Tracker مقابل Reading Progress Bar
يحتوي Elementor Pro على أداة Progress Tracker التي تقوم بعمل مماثل مع المزيد من الخيارات. وإليك كيفية المقارنة بين الاثنين.
| ميزة | Elementor Pro Progress Tracker | شريط تقدم القراءة للإضافات الرئيسية |
|---|---|---|
| سعر | يحتاج العنصر برو | مجاني مع الإضافات الرئيسية |
| كيف تضيفها | عنصر واجهة مستخدم، يتم وضعه عادةً في رأس أو قالب منشور واحد | مفتاح في إعدادات الصفحة لكل صفحة |
| الأشكال | أفقي أو دائري | شريط أفقي |
| المسارات | الصفحة بأكملها أو محتوى المنشور أو محدد CSS | الصفحة بأكملها |
| تسمية النسبة المئوية | نعم اختياري | لا |
| التنسيب | أينما وضعت القطعة، مع خيارات الاتجاه | تم تثبيته في أعلى أو أسفل الشاشة |
اختر أداة تعقب التقدم الخاصة بـ Elementor Pro إذا كنت بحاجة إليها في كل مشاركة من قالب واحد، أو نمط دائري أو تقدم خلال المقالة فقط. اختر شريط تقدم القراءة للحصول على شريط مجاني وبسيط في الصفحات المحددة. إقرانه مع المجانية جدول المحتويات القطعة على المشاركات الطويلة.
كيفية إضافة شريط تقدم القراءة في ووردبريس
أنت بحاجة إلى Elementor والمكون الإضافي Master Addons المجاني، مع تحرير الصفحة أو المنشور في Elementor.
- تثبيت وتنشيط الإضافات الرئيسية من WordPress.orgوتأكد من تمكين شريط تقدم القراءة الإضافات الرئيسية، الامتدادات.
- افتح المنشور أو الصفحة باستخدام Elementor.
- انقر فوق أيقونة التروس لفتحها إعدادات الصفحة (إعدادات المشاركات على المشاركات).
- يوسع شريط تقدم القراءة وتشغيل تمكين شريط تقدم القراءة.
- اختر الجزء العلوي أو السفلي، ثم اضبط الارتفاع ولون الخلفية ولون التعبئة وسرعة الرسوم المتحركة.
- قم بتحديث الصفحة وتمريرها على الواجهة الأمامية للتحقق من الشريط.
الأسئلة المتداولة لقراءة شريط التقدم
هل شريط تقدم القراءة مجاني؟
نعم. إنه امتداد مجاني في البرنامج الإضافي Master Addons على WordPress.org ويعمل مع Elementor المجاني. ويظهر على الهواتف والأجهزة اللوحية أيضًا، مثبتًا على الحافة العلوية أو السفلية.
هل يمكنني إضافته إلى بعض الصفحات دون غيرها؟
نعم، وهذه هي الطريقة الوحيدة التي تعمل بها. يوجد المفتاح في إعدادات صفحة العنصر لكل صفحة أو منشور، لذا قم بتشغيله للمشاركات الطويلة واتركه في مكان آخر. لا يوجد إعداد عام لإضافته إلى كل مشاركة مرة واحدة.
هل سيؤدي هذا إلى إبطاء موقع الويب الخاص بي؟
لا. فهو يضيف برنامجًا نصيًا صغيرًا مضمنًا وبضعة أسطر من CSS على الصفحات التي تم تمكينه فيها، بدون ملفات أو صور إضافية.
هل يقيس المقال فقط أم الصفحة بأكملها؟
الصفحة بأكملها. يتم تشغيل التعبئة من أعلى الصفحة إلى أسفلها، لذلك يتم احتساب الرؤوس والتعليقات والتذييلات أيضًا. يمكن لبرنامج Progress Tracker الخاص بـ Elementor Pro تتبع محتوى المنشور فقط إذا كنت بحاجة إلى ذلك.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
