خرید هاست ارزان
  • 61 بازدید
  • بدون نظر

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

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

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

رفتن به ابتدای صفحه

برای شروع کار ابتدا لازم است تا کتابخانه جی‌کوئری را به سایت خود اضافه کنید، برای این منظور فایل header.php قالب خود را باز کرده و کد زیر را در مکان مناسبی بین کد </head><head> قرار دهید.

سپس پس از کد فوق قطعه کدهای زیر را نیز قرار داده و فایل را ذخیره کنید.

در مرحله بعد لازم است تا تغییرات مربوط به استایل را برای دکمه بالا رفتن در وردپرس اعمال کنید، برای این منظور فایل style.css را در قالب خود باز کرده و کدهای زیر را در آن قرار دهید.

همانطور که در خط ۲۶ این کد مشاهده می‌کنید آدرس یک تصویر که مربوط به ایکن بالا رفتن در وردپرس می‌باشد قرار دارد، یک آیکون مناسب برای آن را نیز در پوشه اصلی قالب خود آپلود کرده و نام و فرمت آن را وارد کنید.

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

در نهایت در انتهای همین فایل درست قبل از کد </body> قطعه کد زیر را برای نمایش دکمه بالا رفتن به ابتدای صفحه در وردپرس را قرار دهید.

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

  • انتشار : 20 آوریل 19
  • دسته بندی : ,
  • نویسنده : محمدمهدی مومنی

درباره نویسنده : محمدمهدی مومنی

مطالب بیشتر از همین نویسنده
vpn خرید