تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده


آخرین ارسال های تالار مشاهده انجمن
Google Scholar 0 پاسخ 316 بازدید افزونه پرداخت با تتر 1 پاسخ 552 بازدید درج اگهی تبلیغاتی چگونه است؟ 0 پاسخ 2 بازدید Open Journal Systems (OJS) 0 پاسخ 1245 بازدید ارز ووکامرس 2 پاسخ 920 بازدید افزونه گرافیست 1 پاسخ 797 بازدید آموزش تغییر استایل بخش مدیریت سفارشات 1 پاسخ 1372 بازدید خرابی قالب سایت اسکریپت ها 2 پاسخ 1292 بازدید لینک قالب کلینیک بهداشتی پزشکی Medizco برای وردپرس 1 پاسخ 813 بازدید چگونه این نوشته در آخرین ارسالات را ویرایش کنم؟ 1 پاسخ 810 بازدید
تبلیغات
تبلیغات تبلیغات

ساخت دکمه بالارونده وردپرس با افزونه Tipu Scroll To Top

افزونه ها , افزونه وردپرس

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

 

ساخت دکمه بالارونده وردپرس با افزونه Tipu Scroll To Top

 

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

 

ساخت دکمه بالارونده وردپرس با افزونه Tipu Scroll To Top

 

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

 

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

 

ساخت دکمه بالارونده وردپرس با افزونه Tipu Scroll To Top

 

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

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 3.0

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=26386
کلمات کلیدی پست :
مطالب مرتبط
6,961پوسته وردپرس رستوران و کافی شاپ NUVO نسخه 5.5.7 تاریخ : 2016/01/21
11,995افزونه نمایش پست های محبوب در وردپرس WP Popular Posts Pro تاریخ : 2015/05/12
21,857دانلود قالب HTML رستوران و فست فود Cooker تاریخ : 2016/04/6
11,226افزونه وردپرس All in One SEO Pack Pro نسخه 2.4.8 تاریخ : 2016/07/13
9,778دانلود پوسته رستوران داری و کافه داری LemonChili برای وردپرس تاریخ : 2015/01/9
8,346افزونه وردپرس ایجاد نوار دمو Demo Bar تاریخ : 2017/01/12
11,338افزونه نوار بارگذاری Loading Bar نسخه 1.6 برای وردپرس تاریخ : 2016/02/24
10,507افزونه سئو وردپرس All in One SEO Pack Pro نسخه 2.4.11.4 تاریخ : 2017/02/5
15,118افزونه وردپرس ایجاد نوار اطلاع رسانی FireBar تاریخ : 2015/04/10
16,086تغییر ظاهر مدیریت وردپرس با افزونه First تاریخ : 2016/11/21
271,758دانلود قالب بی تم BeTheme فارسی نسخه 26.8.2 تاریخ : 2023/04/20
8,894دانلود قالب وردپرس رستوران و کافه Nosh نسخه 2.2.2 تاریخ : 2015/05/7
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات