استعراض إضافاتشرح إضافات

إضافة WPFront Scroll Top لإضافة سهم الرجوع لأعلى

عندما يكون محتوى الصفحات في موقعك طويلًا والقالب المستخدم لا يوفر زر الرجوع لأعلى سيكون من الضروري توفير سهم الرجوع لأعلى، وهو ما توفره إضافة WPFront Scroll Top لمستخدمي ووردبريس، تابع معي وستتعرف على طريقة عمل ذلك بسهولة، مع حيل واستخدامات خارج الصندوق لهذه الإضافة!

ما إضافة WPFront Scroll Top؟

إضافة WPFront Scroll Top توفر إمكانية ظهور زر في صفحات الموقع، عند الضغط عليه يتم التمرير لأعلى الصفحة أو لمكان مخصص في الصفحة، مع وجود خصائص قوية ومفيدة يمكن إعدادها اختياريًّا.

إمكانيات إضافة WPFront Scroll Top

تتميز الإضافة بالعديد من الإمكانات المتميزة، والتي مع بساطتها تفتح لك مجالًا للعديد من الأفكار الجذابة المفيدة كما ستقرأ في نهاية هذا المقال، وإليك توضيح هذه الميزات:

  • Enabled: إمكانية التفعيل أو الإيقاف مؤقتًا.
  • Scroll Offset: تحديد مسافة التمرير التي يظهر بعدها الزر تلقائيًّا.
  • Button Size: التحكم في أبعاد الزر (الطول والعرض).
  • Button Opacity: التحكم في درجة شفافية الزر.
  • Button Fade Duration: التحكم في زمن ظهور الزر (في كم جزء من الثانية يظهر الزر بعد الوصول للمسافة التي يظهر عندها).
  • Scroll Duration: التحكم في زمن إعادة المستخدم لأعلى الصفحة بعد الضغط على الزر.
  • Auto Hide: التحكم في إخفاء الزر بعد ظهوره إذا توقف المستخدم عن التمرير لأعلى أو أسفل، مع العلم بأن الزر سيظهر مرة أخرى إذا عاد المستخدم للتمرير.
  • Auto Hide After: التحكم في الفاصل الزمني الذي يختفي بعده الزر حال تفعيل الخيار السابق.
  • Hide on Small Devices: إمكانية إخفاء الزر على أجهزة الموبايل أو النوافذ الصغيرة، مع التحكم في أبعاد الشاشات والنوافذ التي ينطبق عليها هذا الإعداد.
  • Hide on WP-ADMIN: إمكانية إظهار أو إخفاء الزر في لوحة تحكم المدير.
  • Hide on iframes: إمكانية إظهار أو إخفاء الزر في الصفحات المدرجة بـ Iframe.
  • Button Style: إمكانية اختيار نوع الزر (نص، صورة، أيقونة).
  • Button Action: التحكم فيما يحدث عند النقر على الزر:
    – Scroll to Top: العودة لأعلى الصفحة
    – Scroll to Element: العودة لمكان مخصص في الصفحة باستخدام Class أو ID أو مسافة ثابتة.
    – Link to Page: الانتقال إلى رابط آخر من اختيارك داخل أو خارج الموقع.
  • Location: إمكانية اختيار موضع الزر: أسفل يمين أو يسار، أو أعلى يمين أو يسار.
  • Margin X – Y: إمكانية تحديد هوامش الزر التي تبعده عن حواف الصفحة.
  • Display on Pages: إمكانية إظهار الزر في صفحات ومقالات محددة فقط، مع إخفائه من سائر الموقع.
  • إمكانية إخفاء الزر من صفحات ومقالات محددة فقط، مع إظهاره في سائر الموقع.
  • حال تحديد نوع الزر كصورة فيمكن الاختيار من أكثر من 60 صورة متوفرة، أو استخدام صورة خاصة بك.
  • حال تحديد نوع الزر كنص فيمكن كتابة النص المطلوب مع اختيار لونه ولون الخلفية المناسبة، وكذلك التحكم فيه بأكواد CSS عن طريق حقل مخصوص للأكودا.
  • حال تحديد نوع الزر كأيقونة فيمكنك استخدام أيقونات فونت أوسم الافتراضية أو اعتماد مجموعة أيقونات أخرى من رابط آخر.
شرح إعدادات إضافة WPFront Scroll Top

أفكار إبداعية لاستخدام إضافة WPFront Scroll Top

بسبب الميزات السابقة التي تتمتع بها الإضافة من ناحية نوعية الزر ومكانه وطريقة ووقت ظهوره… فإن هناك استخدامات أخرى غير التي وضعت من أجلها إضافة WPFront Scroll Top، وإليك بعضها:

  1. الاستخدام الطبيعي وهو زر العودة لأعلى الصفحات.
  2. استخدام الزر للعودة إلى مكان محدد في الصفحة.
  3. استخدام الزر كرابط لقسم تذاكر العملاء أو المساعدة.
  4. استخدام الزر كنص يدعوا إلى الاستفادة من عرض معين.
  5. استخدام الزر كصورة فيها إعلان مدفوع لموقع آخر.
  6. استخدام الزر كأيقونة لبدأ محادثة ماسنجر أو واتساب.
  7. استخدام الزر في صفحة محددة للترويج لخدمة أو منتج متعلق بهذه الصفحة أو المقالة.

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

تم الاعتماد في هذه المقالة على النسخة رقم 2.0.7.08086 من إضافة WPFront Scroll Top والتي يستخدمها وقت الكتابة أكثر من 200 ألف موقع ووردبريس.

قسيمة تخفيض قالب مهارتي 10% مدونة ويكي إضافات

عبد الرحمن المكاوي

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.

زر الذهاب إلى الأعلى