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

خانه » آموزش وردپرس » آموزش استفاده از پاپ آپ در افزونه یوزر پرو

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

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

شما میتوانید افزونه یوزر پرو ( افزونه User Pro ) را از لینک زیر دانلود نمایید.

دانلود پلاگین یوزر پرو

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

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

 

1- آموزش استفاده از پاپ آپ در افزونه یوزر پرو در منوی سایت:

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

برای اینکار ابتدا به بخش فهرست ها بروید (نمایش > فهرست ها).

 

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

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

حالا روی پیکان مربوط به لینکی که در منو اضافه کردید، کلیک کنید تا تنظیماتش باز شود. در فیلد کلاس css عبارت popup-login را قرار بدین.

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

نکته. اگر میخواهید فرم عضویت را به منوی سایت اضافه کنید، همان مراحل بالا را انجام دهید. فقط به جای کلاس popup-login باید کلاس popup-register را قرار دهید.

تنظیمات همانند تصویر زیر است.

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

 

1- آموزش استفاده از پاپ آپ در افزونه یوزر پرو در مکان دلخواه:

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

کد فرم ورود:

<a class="popup-login" href="#">ورود</a>

کد فرم عضویت:

<a class="popup-register" href="#">عضویت</a>

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

با تشکر از همه شما خوبان :)

ناشر محصول

سجاد رجب پور

سجاد رجب پور

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

مطالب جدید

جلوگیری از ارسال نظرات اسپم در وردپرس

مدیریت سفارشات مشتریان در ووکامرس

مدیریت سفارشات مشتریان در ووکامرس

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

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

کاهش رتبه الکسا در وردپرس

کاهش رتبه الکسا در وردپرس

ساخت جدول قیمت گذاری در وردپرس

ساخت جدول قیمت گذاری در وردپرس

افزونه meta slider

افزونه meta slider

5 نظر! شما نظری ندارید؟!

  1. سلام – بعد استفاده از این کلاس – محتوای صفحه نظم راست چینش به هم می ریز۰ – لطفا راهنمایی کنید چطوری قابل حل هست؟

    1. سلام.

      باید سایت تون بررسی بشه. ممکنه با قالب شما مشکل داشت هباشه وگرنه در حالت عادی مشکلی نیست

*

code