در حال جستجو برای راهی برای تغییر نمایش ماوس پیش فرض در وبسایت وردپرس خود با استفاده از سازنده صفحات المنتور هستید؟ نمایشگر موس نشان می‌دهد که در کجا در حال کار بر روی کامپیوترتان هستید. به طور پیش فرض، می توانید ماوس و اشاره گر را برای حرکت نشانگر استفاده کنید. شکل نشانگر در سیستم عامل های مختلف به شکلی مشابه است. اما با استفاده از سازنده صفحات المنتور، شما می توانید شکل نشانگر ماوس وبسایت وردپرس خود را تغییر داده و تجربه کاربری بهتری را برای بازدیدکنندگان خود فراهم کنید. در این مقاله، شما را به راحت ترین روش برای تغییر نشانگر موس در وبسایت وردپرس خود با استفاده از المنتور هدایت خواهیم کرد. (این قابلیت تنها در المنتور پرمیوم هست)
نکته : برای خرید افزونه المنتور پرو اینجا کلیک کنید.
تغییر نشانگر ماوس پیش فرض در یک وبسایت وردپرس با استفاده از المنتور
در این آموزش، ما به موارد زیر خواهیم پرداخت:
- چگونگی تغییر نشانگر در کل وبسایت وردپرس شما.
- چگونگی تغییر نشانگر در یک صفحه واحد.
ابتدا باید نشانگر مورد نظر خود را در وبسایت خود بارگذاری کنید. برای انجام این کار، به داشبورد مدیریت وردپرس خود وارد شوید و به بخش رسانه‌ها > افزودن جدید بروید و فایل را بارگذاری کنید. اندازه فایل باید کمتر از ۱۰۰ پیکسل در ارتفاع و عرض باشد. نشانگر مورد علاقه خود را در وبسایت خود بارگذاری کنید. پس از بارگذاری فایل، حتماً آدرس فایل را با کلیک بر روی دکمه کپی آدرس فایل به کلیپبورد کپی کنید.
تغییر نشانگر موس در کل وبسایت وردپرس شما
برای تغییر نمایش نشانگر موس در سراسر وبسایت خود با استفاده از سازنده صفحات المنتور، این مراحل را دنبال کنید:
۱. یک صفحه را باز کنید که قصد دارید در آن نشانگر موس را تغییر دهید و وارد ویرایشگر المنتور شوید.
۲. روی آیکون سه خط در بالا سمت چپ کلیک کنید و سپس روی منوی تنظیمات سایت کلیک کنید.
در این قسمت میتوانید به صورت کلی برای وبسایت خود ویرایش‌ها را اعمال کنید. بنابراین تغییراتی که در اینجا انجام می‌دهید، بر روی کل وبسایت شما اعمال خواهد شد. در تنظیمات سایت، فیلد CSS سفارشی را خواهید دید. کد CSS زیر را در اینجا اضافه کنید.
html{
cursor: url(‘image URL here’), auto}
وقتی این کار انجام شد، بر روی دکمه بروزرسانی کلیک کنید تا تغییرات شما ذخیره شود. این کار باعث اعمال تغییر نشانگر موس در کل وبسایت شما می‌شود.
تغییر نشانگر موس در یک صفحه واحد:
اگر میخواهید نشانگر موس را تنها در یک صفحه تغییر دهید، باید این روند را دنبال کنید. صفحه را با ویرایشگر المنتور باز کنید و روی دکمه تنظیمات صفحه کلیک کنید.
حالا به بخش (پیشرفته) بروید و در فیلد (سفارشی (CSS) ) کد زیر را اضافه کنید.
html{
cursor: url(‘Image link here’, auto}
این عمل تنها نشانگر موس را برای این صفحه خاص تغییر خواهد داد.
