آموزش افزودن دکمه بازگشت به بالا وردپرس

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

آموزش اضافه کردن دکمه بازگشت به بالا در وردپرس

قبل از اینکه بخواهیم شما را با نحوه قرار دادن دکمه بازگشت به بالای صفحه در وردپرس آشنا کنیم، بهتر است با مزیت های این ویژگی بیشتر آشنا شوید. به طور کلی؛ دکمه بازگشت به بالا اغلب به شکل یک فلش یا متنی است که وقتی کاربر در حال پیمایش به پایین صفحه است، در پایین متن ظاهر می شود. سپس با کلیک بر روی این دکمه کاربر به ابتدای صفحه باز می گردد. این می تواند به ویژه برای کسانی که ترجیح می دهند وب سایت ها را با تلفن همراه خود مرور کنند مفید باشد. بسیاری از مردم از یک منوی چسبنده برای سهولت در ناوبری وب سایت استفاده می کنند، اما دکمه بازگشت به بالا می تواند یک ویژگی اضافی باشد که به خوانندگان شما در هنگام مرور صفحه شما کمک بیشتری می کند.

دکمه ای که شما به سایت خود اضافه می کنید، باید از نظر زیبایی به اندازه کافی جذاب باشد تا بازدیدکننده را به خود جلب کند. با این حال، نباید بیش از حد بزرگ یا بیش از حد تأکید شود، زیرا ممکن است حواس کاربران را پرت کند. در تصویر زیر شما یک نمونه عالی از دکمه بازگشت به بالا را مشاهده می کنید که می توانید از آن الگو بگیرید:

بیشتر بخوانید: آموزش کامل و رایگان نصب و کار با قالب وودمارت (Woodmart) 

نحوه ساخت دکمه بازگشت به بالا در وردپرس

برای ساخت دکمه بازگشت به بالا در وردپرس ساده ترین و بهترین روش استفاده از افزونه وردپرس می باشد. در ادامه مطلب شما را با 2 افزونه برای افزودن این قابلیت به سایت آشنا می کنیم که می توانید به سادگی از آنها استفاده کنید.

1- آموزش افزودن دکمه بازگشت به بالا با افزونه WPFront Scroll Top

اولین پلاگینی که قصد داریم در این مطلب به شما معرفی کنیم، افزونه WPFront Scroll Top می باشد. این افزونه به بازدید کننده اجازه می دهد تا با گزینه ها و تصویر کاملاً قابل تنظیم، به راحتی به بالای صفحه برگردد. برخی از ویژگی های این افزونه عبارت است از:

• نمایش یک دکمه در صفحه هنگامی که کاربر در صفحه است
• صفحه را با انیمیشن به بالا می رساند.
• پیوند به یک عنصر در صفحه
• با استفاده از URL به صفحه دیگری پیوند دهید
• دکمه ، تصویر یا فونت عالی را ایجاد کنید
• هر تصویری را که می خواهید تنظیم کنید
• مخفی سازی در دستگاه های کوچک
• امکان فیلتر صفحات و پست ها
• مخفی کردن خودکار
• و…

این افزونه به صورت کاملاً رایگان در مخزن وردپرس به ثبت رسیده که به سادگی می توانید آن را در سایت خود نصب و فعال کنید. برای نصب افزونه، در ابتدا وارد پیشخوان وردپرس خود شده و سپس از بخش “افزونه ها” روی گزینه “افزودن” کلیک کنید. سپس در باکس بالای صفحه نام افزونه را وارد و سرچ نمائید. پس از اینکه پلاگین برای شما پیدا شد کافیست آن را نصب و فعال کنید.  همچنین اگر با طریقه نصب افزونه آشنایی ندارید می توانید مطلب “چگونه در وردپرس افزونه اضافه کنیم؟ راه های نصب پلاگین در وردپرس” را مشاهده نمائید.

پس از نصب آن، می توانید افزونه را در تب تنظیمات در داشبورد خود با نام Scroll Top پیدا کنید.

برای فعال کردن آن، قبل از انجام هر کار دیگری، ابتدا باکس “فعال کردن”را علامت بزنید. پس از آن، می‌توانید تعداد پیکسل‌ها را قبل از نمایش دکمه تنظیم کنید. همچنین می توانید ابعادی را که می خواهید دکمه شما داشته باشد را نیز تنظیم کنید.

گزینه Opacity یا همان کدورت همچنین یک گزینه عالی است که به شما این امکان را می دهد تا دکمه را در زمانی که فعال نیست روشن تر نشان دهید. این به آن جلوه انیمیشن خوبی می دهد.

بیشتر بخوانید: بهترین افزونه های ساخت دکمه حرفه ای و زیبا در وردپرس

هنگامی که گزینه  “پنهان کردن خودکار” را علامت بزنید و تعداد ثانیه ها را در کادر “پنهان کردن خودکار پس از” تایپ کنید، دکمه شما پس از زمان عدم فعالیتی که مشخص کرده اید ناپدید می شود و با حرکت مجدد نشانگر ماوس دوباره ظاهر می شود. این افزونه همچنین به کاربران اجازه می دهد تا موقعیت دکمه را تنظیم کنند.

علاوه بر آن، شما می توانید دکمه بازگشت به بالا را به گونه ای تنظیم کنید تا تنها در صفحاتی که خودتان مشخص کرده اید، به کاربران نمایش داده شود. برای اینکار کافیست گزینه “در صفحات بعدی قرار دهید” را انتخاب و سپس تمامی چک باکس های صفحاتی را که می خواهید دکمه شما نمایش داده شود را علامت بزنید.

افزونه WPFront Scroll Top همچنین دارای تعداد زیادی آیکون و تصویر است که می توانید سبک دکمه بازگشت به بالا را متناسب با قالبی که در حال استفاده کردن هستید، تنظیم کنید. همچنین اگر آیکون هایی که در افزونه برای هستند برای شما کار نمی کنند، می توانید خودتان به صورت دستی تصاویر مد نظرتان را آپلود کنید. برای انجام این کار، ابتدا باید تصویر را به کتابخانه رسانه اضافه تا در لیست دکمه های تصویر موجود نمایش داده شود. گزینه دیگر این است که عکس خود را با درج یک URL سفارشی اضافه کنید.

در نهایت بعد از اینکه گزینه های افزونه را فعال کردید و تنظیمات مد نظر خود را انجام دهید، روی دکمه “ذخیره تغییرات” کلیک کنید تا افزونه در سایت شما اجرا شود.

بیشتر بخوانید: آموزش انتقال آسان اطلاعات از یواست سئو به رنک مث 

2- نحوه قرار دادن دکمه بازگشت به بالای صفحه در وردپرس با GB Back To Top

یکی دیگر از افزونه هایی که می توانید از آن برای افزودن دکمه بازگشت به بالا وردپرس استفاده کنید، پلاگین GB Back To Top می باشد. این افزونه را می توانید به صورت کاملاً رایگان در مخزن وردپرس پیدا و در سایت خود نصب کنید. همانند روش قبل کافیست این افزونه را در اولین قدم در سایت خود نصب و سپس فعال کنید.

پس از نصب پلاگین، وارد پیشخوان وردپرس خود شوید و سپس از بخش “تنظیمات” روی گزینه “GP Back to Top” کلیک کنید تا وارد بخش پیکربندی افزونه شوید.

کار کردن با این افزونه بسیار ساده است. با استفاده از بخش تنظیمات پلاگین شما می توانید گزینه های مختلف دکمه بازگشت به بالای سایت خود را مانند: اندازه دکمه، اندازه قلم و رنگ پس زمینه را تنظیم کنید.

در نهایت تغییرات خود را ذخیره کنید تا قابلیت دکمه بازگشت به بالا به سایت شما اضافه شود.

بیشتر بخوانید: معرفی مدیریت رسانه در وردپرس 

سوالات متداول

بیشتر بخوانید: آموزش نصب قالب جدید در وردپرس

نحوه ایجاد دکمه در وردپرس با استفاده از 3 روش مختلف

بهترین افزونه های اسکرول نرم، افقی و نامحدود وردپرس

16 تا از بهترین افزونه شبکه های اجتماعی برای وردپرس

جمع بندی: طریقه اضافه کردن دکمه بازگشت به بالا در وردپرس

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

منبع: wpklik