برچسب: <span>پلاگین</span>

ساخت فرم ثبت نام حرفه ای با افزونه عضویت در وردپرس

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

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

آموزش فعال کردن امکان عضویت در سایت وردپرسی

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

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

افزونه عضویت و ساخت پروفایل کاربری Ultimate Member

اگر می خواید یک سیستم عضویت حرفه ای بسازید از این افزونه استفاده کنید. بهترین افزونه در زمینه عضویت و ساخت پروفایل کاربری افزونه Ultimate Member میباشد. این افزونه با امکانات فراوانی که دارد بهترین افزونه در این زمینه است.

از ویژگی های این افزونه می توان به موارد زیر اشاره کرد:

  1. ایجاد پروفایل کاربری و نمایش Front-end
  2. ایجاد فرم عضویت و ورود با قابلیت نمایش در ظاهر قالب وردپرسی
  3. ساخت فیلد دلخواه برای فرمها با استفاده از قابلیت کشیدن و رها کردن Drag and drop
  4. قابلیت تنظیمات پیشرفته فرم های عضویت و ورود
  5. پشتیبانی از کپچای گوگل
  6. نمایش صفحه پروفایل با امکان تنظیم تصویر هدر، آواتار کاربر
  7. مدیریت و ایجاد نقش های کاربری وردپرس برای تمام کاربران
  8. قابلیت ویرایش ایمیل اطلاع رسانی و تنظیمات بی نظیر آن
  9. نمایش مطالب و دیدگاه های نوشته شده کاربر در صفحه پروفایل اش
  10. امکان آپلود فایل و تصویر توسط کاربران
  11. امکان تنظیم رنگ متن، رنگ زمینه، ابعاد هر بخش، متن دکمه ها، نوع فونت و … پروفایل کاربر
  12. قابلیت گسترش و نوشتن افزونه های افزودنی
  13. دارای بالای 20 افزونه جانبی پیشرفته برای گسترش سیستم عضویت
  14. زبان فارسی
  15. و …

افزونه عضویت وردپرس Profile Builder

یکی دیگر از افزونه ها ساخت فرم ثبت نام یا عضویت افزونه Profile Builder میباشد.
از مهم ترین امکانات افزونه ثبت نام وردپرس میتوان به قابلیت ساخت فرم عضویت با انواع فیلدها با امکان ویرایش اطلاعات پس از ثبت نام در محیط قالب وردپرس front-end اشاره کرد.

برخی از ویژگی های افزونه ثبت نام وردپرس عبارتند از:

  1. قابلیت ساخت فرم ثبت نام در محیطی ساده و روان
  2. امکان نمایش فرم ثبت نام در محیط رابط کاربری سایت از طریق کد کوتاه
  3. قابلیت ویرایش اطلاعات کاربران عضو شده پس از ورود به سایت
  4. امکان ریدایرکت کاربر به صفحه دلخواه پس از ثبت نام در وردپرس
  5. اجازه استفاده از نام کاربری یا آدرس ایمیل در فرم ورود
  6. قابلیت تعیین حداقل و حداکثر تعداد کاراکتر پسورد در فیلد رمز عبور
  7. امکان نوشتن استایل css سفارشی
  8. قابلیت تعیین و ویرایش نقش کاربری وردپرس برای اعضاء
  9. امکان فعال کردن کچا reacaptcha در فرم عضویت و ورود وردپرس
  10. و …

برای دانلود افزونه و مشاهده اطلاعات بیشتر درباره آن به برگه پلاگین در مخزن افزونه های وردپرس به آدرس User registration & user profile – Profile Builder مراجعه کنید. پس از نصب و فعال سازی افزونه ساخت پروفایل میتوانید با مراجعه به تنظیمات آن که با نام Profile Builder (ساخت پروفایل) در پیشخوان وردپرس مشخص است، تنظیمات آنرا انجام دهید و در نهایت با استفاده از شورت کدهای زیر صفحات ساخته شده را در سایت نمایش دهید.

شورت کد افزونه عضویت وردپرس Profile Builder

برای نمایش هر بخش باید از کد کوتاه آن در برگه یا کدنویسی پوسته وردپرس استفاده کنید.
جهت نمایش صحیح کدها بین دستورات شروع و پایان و متن شورت کد یک فاصله گذاشته ایم پس به این نکته توجه کنید که باید فاصله بین تگ شروع و پایان کد کوتاه ( [ و ] ) با متن شورت کد را بردارید تا کد بدرستی کار کرده و فرم های مورد نظر را نمایش دهد.

شورتکد فرم های افزونه عبارتند از:

  1. شورت کد [ wppb-edit-profile ] : نمایش فرم ویرایش اطلاعات برای کاربران وارد شده به وردپرس
  2. کد کوتاه [ wppb-login ] : نمایش فرم ورود در قالب وردپرس
  3. شورتکد [ wppb-logout ] : نمایش لینک خروج از سایت
  4. کد کوتاه [ wppb-register ] : نمایش فرم عضویت در پوسته وردپرس
  5. شورت کد [ wppb-recover-password ] : نمایش فرم بازیابی رمز عبور در پوسته

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

افزونه ثبت نام وردپرس Registration Magic

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

برخی از ویژگی های افزونه عضویت وردپرس عبارتند از:

  1. امکان ساخت بی نهایت فرم در موضوعات مختلف
  2. قابلیت تعیین فرم پیش فرض برای ثبت نام کاربران
  3. پشتیبانی از شورت کد و ابزارک برای نمایش فرم در قالب وردپرس
  4. امکان کپی کردن فرم ها برای ساخت سریعتر فرم جدید
  5. پشتیبانی از انواع فیلدها در فرم
  6. امکان مرتب سازی فرمها بر اساس حروف الفبا یا تاریخ ایجاد و …
  7. امکان پیوست فایل توسط کاربران
  8. پشتیبانی از کد کپچا گوگل Google reCaptcha برای افزایش امنیت فرم ثبت نام و ورود
  9. دارای چند تم با گرافیک زیبا و جذاب
  10. امکان تنظیم آدرس دلخواه برای ریدایرکت کاربر پس از ورود یا ثبت نام در سایت
  11. قابلیت جایگزینی فرم ثبت نام ایجاد شده با فرم پیشفرض وردپرس
  12. امکان تعیین تاریخ انقضاء برای فرم ثبت نام وردپرس
  13. قابلیت نمایش شمارنده تاریخ اتمام زمان عضویت در سایت
  14. قابلیت ایجاد خودکار رمز عبور برای کاربران در فرم ثبت نام
  15. و …

با مراجعه به برگه افزونه در مخزن پلاگینهای وردپرس به آدرس RegistrationMagic-Custom Registration Forms امکان دانلود و مطالعه ویژگی های بیشتر افزونه وجود دارد.

افزونه فرم عضویت و ورود Clean Login

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

برخی از قابلیتهای افزونه عضویت وردپرس عبارتند از:

  1. قابلیت نمایش کد کپچا برای جلوگیری عضویت هرز و اسپم
  2. کدنویسی کاملا استاندارد و ولید در w3
  3. ساده و بسیار سبک بودن افزونه و فرم های تولیدی
  4. امکان استفاده از کد کوتاه یا ابزارک برای نمایش فرم عضویت و ورود
  5. ریدایرکت خودکار کاربر به برگه پروفایل بعد از ورود به پیشخوان وردپرس
  6. قابلیت مخفی کردن منو مدیریت وردپرس از تنظیمات افزونه
  7. امکان تنظیم قابلیت عدم دسترسی کاربران به پیشخوان وردپرس
  8. سازگاری کامل با افزونه ووکامرس وردپرس
  9. پشتیبانی از زبان فارسی در فرم و تنظیمات افزونه
  10. و …

با مراجعه به برگه افزونه عضویت وردپرس در مخزن پلاگین های وردپرس در آدرس Clean Login علاوه بر دانلود آن میتوانید شورتکدهای لازم برای استفاده در برگه های وردپرس را مشاهده کنید.

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

 

آموزش استفاده از حلقه ترجمه در ووکامرس

حلقه ترجمه در ووکامرس

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

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

عملکرد حلقه‌های ترجمه

با کلیک بر روی گزینه مذکور به صفحه‌ای برای وارد کردن کلمه یا عبارت مورد نظر و تبدیل یافته آن منتقل می‌شویم.

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

برطرف شدن مشکل رفرش صفحه لاگین وردپرس

رفع مشکل رفرش و ریدایرکت شدن صفحه لاگین وردپرس

هنگام ورود به پیشخوان وردپرس ممکن است با خطاهای رایجی مثل خطای اتصال به پایگاه داده در وردپرس،

خطای ۵۰۰ Internal Server Error در هاست ، صفحه سفید وردپرس مواجه شوید ام مشکل رفرش و ریدایرکت شن پیشخوان کمی عجیب است و برای افراد به ندرت رخ می دهد. در این مقاله با روش های زیر می توانیم به حل این مشکل بپردازیم.

قبل از انجام هرگونه تغییرات بر اساس اینکه از چه کنترل پنلی استفاده می کنید، یک سخه بکاپ تهیه نمایید.

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

که باعث تغییر مسیر صفحه ورود و رفرش شدن صفحه وردپرس می شوند. در حالت نرمال زمانی که  تصمیم دارید وارد پیشخوان وردپرس شوید از شما نام کاربری و رمز ورود خواسته می شود و سپس یک کوکی در قسمت ورود به صفحه مرورگر شما ذخیره می گردد در نهایت شما به پیشخوان وردپرس وارد می شوید. اگر این مشکل در وردپرس ایجاد شود و کوکی ها به درستی در قسمت لاگین کش نشوند شما دوباره به صفحه لاگین ریدایرکت می شوید و این مشکل بارها و بارها پشت سر هم رخ می دهد.

خوب راه حل رفع مشکل رفرش و ریدایرکت شدن صفحه لاگین وردپرس چیست!؟

1- پاک کردن کوکی ها برای حل مشکل ورود

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

پاک کردن کوکی ها در مرورگر کروم

برای پاک کردن کوکی ها در مرورگر کروم باید همان مراحل پاک کردن تاریخچه مرورگر را بروید یبری این منظور به ترتیب زیر عمل کنید:

  1. روی سه نقطه بالا سمت راست یعنی قسمت نوار ابزار تنظیمات مرورگر کروم کلیک کنید.
  2. سپس گزینه More tools را انتخاب نمایید.
  3. از تب باز شده روی گزینه Clear Browsing data کلیک کنید.

4. سپس صفحه پاک کردن دیتای مرورگر برای شما باز می شود

همچنین شما باید تنظیمات آنرا به شکل زیر انتخاب کنید.

  1. سپس روی دکمه آبی رنگ Clear data کلیک کنید.

2- آپدیت کردن تنظیمات لینک های وردپرس

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

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

  1. به کنترل پنل هاست خود مرجعه کنید.
  2. از پوشه وردپرس خود به سراغ فایل wp-config.php بروید.
  3. سپس روی آن فایل کلیک راست کنید و گزینه Edit را انتخاب کنید.

  1. در میان کد های موجود، قطعه کد زیر را بیابید:
    1
    /* That's all, stop editing! Happy publishing. */
  2. این دو خط قطعه کد را اضافه کنید.
    1
    2
    define('WP_HOME','https://www.آدرس سایت شما.com');
    define('WP_SITEURL','https://www.آدرس سایت شما.com');
  3. سپس فایل را سیو کنید و برای به صفحه ورود به وردپرس بروید.

اگر این روش هم برای شما جواب نداد به روش بعدی مراجعه کنید.

3- پاک کردن فایل htaccess.

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

  1. به کنترل پنل هاست و سپس به بخش public_html مراجعه نمایید.
  2. در قسمت setting روی گزینه Show hidden files کلیک کنید.

  1. سپس به دنبال فایل htaccess. بگردید و آن را حذف کنید.

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

4- غیرفعال کردن پلاگین های وردپرس

گاهی اوقات پلاگین های وردپرس باعث می شود که با مشکل رفرش و ریدایرکت شدن صفحه لاگین وردپرس رو به رو شوید. اکثر مواقع وجود افزونه های ناسازگار باعث بروز چنین مواردی می شوند. در نتیجه با غیرفعالسازی افزونه ها و بررسی تک تک آن ها می توانید عوامل مشکل ساز را شناسایی کنید. برای غیر فعال سازی پلاگین های وبسایت خود از طریق FTP یا کنترل پنل سایتتان به پوشه wp-content مراجعه نموده درون آن یک پوشه به نام “plugins” می بینید. این پوشه محل ذخیره سازی اطلاعات مربوط به افزونه های نصب شده در وردپرس می باشد.

به منظور غیر فعال سازی افزونه ها، نام پوشه مربوطه را از plugins به نامی دلخواه مثل Plugins_backup تغییر دهید این کار باعث می شود تمامی پلاگین های شما تا زمانی که پوشه را به نام قبلی بازگردانی کنید به صورت غیرفعال درآید. بعد از غیرفعال سازی پلاگین ها به وردپرس مراجعه کنید. اکنون بررسی کنید که امکان ورود به پیشخوان وردپرس برای شما میسر شده یا خیر. در صورتی که مشکل رفرش و ریدایرکت شدن صفحه ورود به وردپرس رفع نشد می بایست قالب های نصب شده روی هاست را نیز مورد بررسی قرار دهید.

5- بازگردانی قالب وردپرس به پیشفرض

قالب های وردپرسی نیز می توانند موجب بروز مشکلاتی در خصوص ورود به پیشخوان وردپرس شوند. در چنین شرایطی می بایست قالب های نصب شده را بررسی نمایید. برای این منظور مانند مرحله قبلی عمل نمایید. اما این بار در مسیر wp-content به دنبال پوشه ای تحت عنوان theme باشید. تمام قالب های وردپرسی شما در این پوشه ذخیره شده اند. نام این پوشه را به مورد دلخواهی مثل themes_backup تغییر دهید. پس از انجام این کار، دوباره وارد صفحه لاگین وردپرس شوید. بررسی کنید آیا امکان ورود به پیشخوان وردپرس را دارید یا خیر. اگر مشکل با این روش حل شد یعنی یکی از قالب های نصب شده ناسازگار بوده است. سپس در پیشخوان وردپرس قالب دلخواه خود را فعال نمایید.

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

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

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

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

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

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

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

افزونه‌ای که قصد معرفی اونو دارم با عنوان WPFront Scroll Top در مخزن وردپرس به ثبت رسیده و تا حالا تونسته تا بیش از 40.000 نصب فعال و کسب امتیاز 5 را ازآن خودش بکنه که با استفاده از این افزونه میتونید تا اقدام به افزودن دکمه بازگشت به بالای صفحه در وردپرس کنید. برای استفاده از این افزونه با کلیک روی دکمه زیر به صفحه افزونه در مخزن وردپرس مراجعه کنید و سپس با استفاده از آموزش نحوه نصب و کار کردن با افزونه ها در وردپرس اقدام به نصب و فهال سازی این افزونه در سایت وردپرسی خودتون بکنید.

دانلود افزونه WPFront Scroll Top

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

Enabled: برای فعال کردن نمایش دکمه اسکرول وردپرس این گزینه را فعال کنید.

JavaScript Async: با فعال کردن این گزینه امکان اسکرول توسط جاوا اسکریپت اضافه شده و کارکرد بهتری را در هنگام بازگشت به بالای صفحه در وردپرس خواهید داشت.

Scroll Offset: با استفاده از این بخش میتونید تا آفست اسکرول را بر حسب پیکسل وارد کنید.

Button Size: اندازه ثابت دکمه اسکرول را بر حسب پیکسل انتخاب کنید. در صورت قرار دادن صفر این مقدار به صورت رسپانسیو در هر نمایشگر به اندازه استاندارد نمایش داده خواهد شد.

Button Opacity: میزان کدر بودن دکمه اسکرول وردپرس را انتخاب کنید.

Button Fade Duration: مدت زمان محو شدن دکمه اسکرول پس از رسیدن به بالای صفحه را بر حسب میلی ثانیه انتخاب کنید.

Scroll Duration: مدت زمان اسکرول را انتخاب کنید.

Auto Hide: با فعال کردن این گزینه دکمه اسکرول وردپرس به صورت خودکار مخفی خواهد شد.

Auto Hide After: مدت زمان مورد نظر برای مخفی شدن دکمه اسکرول بر حسب ثانیه را وارد کنید.

Hide on Small Devices: با فعال کردن این گزینه در نمایشگرهایی با اندازه کوچک که در بخش بعدی یعنی در فیلد Small Device Max Width حداکثر اندازه آن را مشخص می‌کنید دکمه اسکرول نمایش داده نخواهد شد.

Hide on Small Window: با فعال کردن این گزینه نیز مشابه مورد قبل برای پنجره مرورگر در محیط ویندوز،‌لینوکس،‌مک و سایر سیستم‌عامل‌های کامپیوتری می‌توانید حداکثر اندازه را در فیلد Small Window Max Width وارد کنید تا دکمه اسکرول در آنها مخفی شود.

Hide on WP-ADMIN: در صورتی که تمایلی به نمایش دکمه اسکرول وردپرس در پیشخوان وردپرس ندارید این گزینه را فعال کنید تا از بخش پیشخوان مخفی شود.

Hide on iframes: با فعال کردن این گزینه دکمه اسکرول در آی‌فریم‌هایی که در صفحات خود استفاده می‌کنید مخفی خواهد شد.

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

Button Style: از این بخش نوع دکمه خود را در حالت متنی، تصویر یا فونت آویسام انتخاب کنید.

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

Filter: از این بخش نیز قادر خواهید بود تا نمایش دکمه اسکرول وردپرس را برای صفحات خاصی غیرفعال کنید.

Image Button: از این بخش میتونید تصویر مورد نظر برای اسکرول وردپرس را انتخاب کرده و یا اینکه از بخش Custom URL آدرس تصویر دلخواه خود را برای نمایش به عنوان دکمه اسکرول در وردپرس وارد کنید. بعد از اینکه تصویر دلخواه خودتون را انتخاب کردید در فیلد Image ALT هم میتونید تا عنوان تصویر را وارد کنید.

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

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

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

بعد از اینکه وارد صفحه مدیریت فایل‌ها در هاست خودتون شدید به مسیر /public_html/wp-content/themes/ مراجعه کنید و سپس وارد پوشه قالبی که از اون استفاده میکنید و در حال حاضر روی سایت شما فعال است کلیک کنید. بعد از اینکه وارد پوشه قالب شدید وارد پوشه js شوید، در صورتی که چنین پوشه‌ای ندارید یک پوشه با نام js در اون ایجاد کنید و سپس با استفاده از برنامه ویرایشگر متن مثل notepad کدهای زیر را در فایلی با نام scrolltotop.js ذخیره کرده و در نهایت داخل پوشه js آپلود کنید.

حالا بعد از اینکه فایل را در پوشه js آپلود کردید به مسیر اصلی پوشه قالب برگردید و به دنبال فایل functions.php در اون بگردید و بعد از اینکه فایل فانکشن را پیدا کردید برای ویرایش کردن اون در هاست سی پنل روی فایل راست کلیک کرده و گزینه Edit را انتخاب کنید. بعد از اینکه صفحه ویرایش فایل برای شما باز شد کدهای زیر را در مکان مناسبی از این فایل قرار دهید. بهترین مکان قبل از کد <? قرار بدین و فایل را ذخیره کنید.

wp_enqueue_script( 'smoothup', get_template_directory_uri() . '/js/scrolltotop.js', array( 'jquery' ), '', true );

 

همانطور که در کد میبینید به وردپرس گفته شده تا اسکریپت موجود در فایل scroltotop را لود کنه، حالا در این مرحله لازمه تا دکمه اسکرول به بالای صفحه در وردپرس را در قالب خودمون نمایش بدیم. برای این منظور به ویرایشگر قالب مراجعه کرده و کد زیر را در مکان مناسبی از فایل فوتر(footer.php) قرار داده و آن را ذخیره کنید.

<a href="#top" id="smoothup" title="Back to top"></a>

حال پس از قرار دادن این کد دکمه اسکرول برای شما نمایش داده میشه اما چون هنوز تصویری برای اون انتخاب نکردید در صفحه قابل مشاهده نیست. بنابراین برای این منظور به مسیر نمایش>ویرایشگر مراجعه کنید تا کدهای زیر را در استایل قالب خودتون قرار بدین. این کدها را میتونید در انتهای فایل style.css و یا rtl.css قرار دهید.

#smoothup {
height: 40px;
width: 40px;
position:fixed;
bottom:50px;
right:100px;
text-indent:-9999px;
display:none;
background: url("https://www.example.com/wp-content/uploads/2013/07/top_icon.png");
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s; transition-duration: 0.4s;
}
#smoothup:hover {
-webkit-transform: rotate(360deg) }
background: url('') no-repeat;
}

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

 

امتیاز دهی ستاره ای برای نوشته ها در وردپرس با افزونه kk Star Ratings

امتیاز دهی ستاره ای برای نوشته ها در وردپرس با افزونه kk Star Ratings

یکی از مهم ترین قسمت هایی که می تواند ذهن ما را به عنوان یک وبمستر مشغول …

تصویر شاخص، تصویر محصول و گالری محصول چه تفاوتی باهم دارند؟!

تصویر شاخص، تصویر محصول و گالری محصول چه تفاوتی باهم دارند؟!

آیا می دانستید که عکس ها، قدرتمند ترین ابزارها برای بازاریابی و فروش …

بهترین افزونه رایگان فرم تماس وردپرس

بهترین افزونه رایگان فرم تماس وردپرس

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