رفتن از انتها به ابتدای صفحه در وردپرس

رفتن از انتها به ابتدای صفحه در وردپرس

در این بخش از آموزش با عنوان رفتن از انتها به ابتدای صفحه در وردپرس با

آقای وبمستر همراه باشید.

به ابتدای صفحه در وردپرس رفتن به کاربران این امکان را می‌دهد تا در صفحاتی

که محتوای طولانی تری وجود دارد و ضروری است تا اقدام به اسکرول در صفحه

کنند، به ابتدای صفحه هدایت شوند.

بنابراین می توانند به آسانی با کلیک بر روی دکمه ساخته شده به ابتدای صفحه

ملحق شوند. در این بخش از مطلب آقای وبمستر تصمیم داریم تا با استفاده از

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

با کدهایی که در ادامه قرار خواهیم داد آموزش دهیم.

رفتن از انتها به ابتدای صفحه در وردپرس ؛ مسئله ای مهم !

برای شروع کار ابتدا لازم است تا کتابخانه جی‌کوئری را به وبسایت خود بیفزایید

برای این کار فایل header.php قالب خود را باز کرده و کد زیر را در فضای مناسبی میان کد </head><head> قرار دهید.

سپس بعد از بالا، کد زیر را قرار داده و ذخیره نمایید.

پیشنهاد می کنیم :   خطاهای وردپرس و راه حل آنها

در قسمت بعد ضروری است تا تغییرات مرتبط به استایل را برای دکمه بالا رفتن در وردپرس انجام دهید،

برای این کار فایل style.css را در قالب خود باز کنید و کدهای زیر را در آن قرار دهید.

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

همانطور که در خط ۲۶ این کد (up-arrow.png) را ملاحظه می‌کنید آدرس یک تصویر که مرتبط به آیکن بالا رفتن در وردپرس می‌باشد

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

حالا دوباره فایل header.php را باز کرده و کد زیر را پس از تگ <body> در بالاترین قسمت از آن قرار دهید.

در آخر انتهای همین فایل، قبل از کد </body> قطعه کد پایین

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

بعد از ذخیره فایل، در نهایت دکمه‌ای در صفحات وبسایت برای بالارفتن در وردپرس مشاهده خواهید کرد.

مقاله های مرتبط :

دیدگاه خود را بیان کنید :

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *