با سلام خدمت دوستان عزیز وردپرسی!

رابط کاربری سایت می‌تواند گزینه مناسبی برای محبوبیت سایت باشد. از رنگبندی و استفاده از اخرین کدنویسی‌ها متناسب با html5 و css3 گرفته تا استفاده از تصاویر و رسانه‌های مناسب و همچنین هموارد کردن راه برای تمامی کاربران در انواع مرورگرهای موبایل و دسکتاپ!

در این آموزش از دکتر وردپرس قصد دارم تا به معرفی افزونه‌ای بپردازم که با استفاده از آن قادر خواهید بود تا دکمه بالارونده برای سایت خود ایجاد کنید. دکمه بالارونده برای سایت‌هایی که محتوای طولانی دارند شدیدا توصیه می‌شود چرا که کاربران موبایلی مجبور هستند تا مدام صفحه را اسکرول کنند تا به ابتدای صفحه بازگردانده شوند.

ساخت دکمه بالارونده وردپرس

Tipu Scroll To Top doctorwp

ساخت دکمه بالارونده وردپرس

افزونه‌ای که قصد معرفی آن را دارم با عنوان Tipu Scroll To Top در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از 800 نصب فعال و کسب امتیاز 5 را ازآن خود کند.

پیشنهاد بعدی  افزودن نشان به مطالب وردپرس با Post Badges

پس از نصب و فعال سازی افزونه به مسیر تنظیمات افزونه مراجعه کرده و مشابه تصویر زیر دکمه بالارونده وردپرس را سفارشی سازی کتید.

Tipu Scroll To Top

ساخت دکمه بالارونده وردپرس

همانطور که در تصویر مشاهده می‌کنید ابتدا در فیلد width و height اندازه دکمه را بر حسب پیکسل وارد کرده و سپس از بخش background color رنگ مورد نظر برای پس زمینه دکمه را انتخاب کنید.

سپس از بخش background hover color رنگ مورد نظر برای هاور (رفتن نشانگر موس روی دکمه) را انتخاب کنید و از بخش border radius میزان گردی دکمه را وارد کنید.

برای انتخاب دکمه نیز از بخش choose button اقدام کنید و دکمه مورد نظر را انتخاب کرده و از بخش button color و button hover color به ترتیب رنگ آیکون دکمه و رنگ هاور را برای آن انتخاب کرده و تنظیمات خود را ذخیره کنید.

Tipu Scroll To Top previewe

ساخت دکمه بالارونده وردپرس

در نهایت مشابه تصویر فوق دکمه بالارونده در سایت وردپرسی شما ایجاد خواهد شد.

پیشنهاد بعدی  لایت باکس واکنش گرای وردپرس با افزونه Jackbox

شاد باشید..

لینک های ضمیمه دانلود افزونه
امتیاز شما از 1 تا 5
1 ستاره میدم به نوشته2 ستاره میدم به نوشته3 ستاره میدم به نوشته4 ستاره میدم به نوشته5 ستاره میدم به نوشته 3 رای
Loading...