در این آموزش به معرفی افزونه ساخت ابزارک چسبان در وردپرس Q2W3 Fixed Widget می پردازیم. با استفاده از این افزونه می توانیم ابزارک های چسبان یا شناور ایجاد کنیم که در زمان اسکرول صفحه همچنان نمایش داده شوند. بدین ترتیب نرخ کلیک و رابط کاربری سایت بهبود می یابد. این افزونه به صورت رایگان در مخزن وردپرس منتشر شده است.
توجه کنید که این افزونه سازگاری کامل با تمامی پوسته ها را ندارد و بهتر است قبل از استفاده موارد زیر را بررسی کنید.
- حداقل نسخه جی کوئری ۱.۷ مورد نیاز است. نسخه توصیه شده جی کوئری ۱.۸.۳ به بالا است.
- خطاهای جاوااسکریپت به واسطه سایر افزونه ها و اسکریپت ها وجود نداشته باشد.
- توابع wp_head() و wp_footer() در فایل های header.php و footer.php استفاده شده باشد.
- ابزارک ها باید دارای خصیصه آیدی ID باشند.
- در برخی از پوسته ها ممکن است مشکل پرش در حین اسکرول کردن وجود داشته باشد که با تغییر کدهای CSS قابل حل است.
افزونه ساخت ابزارک چسبان در وردپرس
آخرین نسخه افزونه را به صورت رایگان از بالای همین صفحه دانلود کنید. ( آموزش نصب افزونه وردپرس را در سایت افزونه جو می توانید دنبال کنید). بعد از فعالسازی افزونه آیتم “Fixed Widget Options” به منوی نمایش وردپرس افزوده می شود.
با کلیک بر روی آیتم ذکر شده وارد صفحه تنظیمات افزونه می شویم.
۱- General Options یا تنظیمات عمومی
در این باکس تنظیمات عمومی را به شرح زیر انجام می دهیم:
- Margin Top: حاشیه از بالای صفحه را تعیین میکنیم. مقدار پیش فرض ۱۰ پیکسل مناسب است.
- Margin Bottom: حاشیه از پایین صفحه را بر حسب پیکسل تعیین می کنیم.
- Stop ID: آیدی المان HTML که مقدار حاشیه از پایین صفحه با آن سنجیده می شود.
- Refresh interval: این گزینه برای رفع مشکل عدم سازگاری در مرورگرها استفاده می شود. توصیه می شود مقدار پیش فرض باقی بماند. برای غیر فعالسازی مقدار ۰ را وارد کنید.
- Disable Width: در این قسمت می توانیم مقداری بر حسب پیکسل وارد کنیم تا افزونه را در دستگاه های با صفحه نمایش کوچکتر غیرفعال کنیم. اگر عرض صفحه نمایش از مقدار تعیین شده در این باکس کمتر باشد افزونه غیرفعال می شود.
- Disable Height: همانند مورد بالا است فقط بجای عرض ارتفاع صفحه نمایش را در نظر می گیرد.
۲- Compatibility یا سازگاری
در این باکس گزینه های مربوط به سازگاری افزونه با سایر افزونه ها و ا سکریپت ها قرار دارد.
- Auto fix widget ID: آیدی ابزارک ها به صورت خودکار اصلاح شود.
- Disable MutationObserver: غیرفعالسازی MutationObserver. با توجه به مرورگرهای جدید نیازی به فعالسازی این گزینه نیست.
- Enable the plugin for logged-in users only: با فعالسازی این گزینه افزونه فقط برای کاربرانی که در سایت لاگین کرده باشند قابل استفاده خواهد بود. می توان از این گزینه برای عیب یابی مشکلات فرانت و غیره استفاده کرد.
- Inherit widget width from the parent container: اگر در پوسته از یک نوار کناری رسپانسیو استفاده شده است توصیه می شود که این گزینه را فعال کنید. بدین ترتیب عرض ابزارک با توجه به المان حاوی والد تعیین می شود.
- Use jQuery(window).load() hook: در صورتی که از اسکریپت های جاوااسکریپت دیگری در سایت استفاده شده است که مبتنی بر اسکرول هستند و در عملکرد آنها مشکلی ایجاد شده است این گزینه را فعال کنید.
۳- Custom Ids یا آیدی های سفارشی
در صورتی که بخواهیم از آیدی های سفارشی استفاده کنیم می توانیم آنها را در این باکس وارد کنیم. هر آیدی باید در یک خط جدید وارد شود. در اکثر موارد نیازی به پر کردن این باکس نیست.
نحوه ساخت ابزارک ها به صورت چسبان یا شناور
به منظور ساخت ابزارک چسبان یا شناور کافی است در هنگام انتخاب و تنظیم ابزارک گزینه “Fixed Widget ” را فعال کنیم.
بدین ترتیب ابزارک به صورت چسبان یا شناور در می آید:
همچنین می توانیم چندین ابزارک را به صورت چسبان در بیاوریم.
خلاصه آموزش
با استفاده از افزونه ساخت ابزارک چسبان در وردپرس Q2W3 Fixed Widget می توانیم یک یا چند ابزارک را به صورت چسبان یا شناور به نمایش بگذاریم. پس از نصب افزونه کافی است که در هنگام انتخاب و تنظیم ابزارک گزینه “Fixed Widget ” را فعال کنیم تا ابزارک مورد نظر به صورت چسبان در بیاید. این افزونه سازگاری کامل با تمامی پوسته ها را ندارد و هنگام استفاده باید دقت کرد.
