افزونه شخصی سازی صفحه ورود وردپرس

افزونه شخصی سازی صفحه ورود وردپرس LoginPress

  • آخرین بروز رسانی: 1 ماه قبل
  • تعداد نصب های فعال:+ 200000
  • نسخه افزونه: 1.5.2
  • امتیاز کاربران وردپرس :4.8 از 5 ستاره
  • نسخه وردپرس : آزمایش شده تا 5.7.2
  • حداقل نسخه وردپرس :4.0
دانلود افزونه وردپرس Custom Login Page Customizer | LoginPress
لینک دانلود
اطلاعات نویسنده
سعید طاهری

11 ماه عضو افزونه جو

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

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

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

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

افزونه شخصی سازی صفحه ورود وردپرس

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

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

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

افزونه شخصی سازی صفحه ورود وردپرس

در این زمینه پیشنهاد می شود : افزونه دیجیتس برای ثبت نام با شماره موبایل

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

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

افزونه شخصی سازی صفحه ورود وردپرس

بعد از نصب افزونه آن را فعال کنید.

افزونه شخصی سازی صفحه ورود وردپرس

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

افزونه شخصی سازی صفحه ورود وردپرس

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

تنظیمات افزونه

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

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

انتخاب این گزینه کاملا اختیاری است.

افزونه شخصی سازی صفحه ورود وردپرس

در صفحه بعد امکانات افزونه در چندین تب قرار داده شده است.

افزونه شخصی سازی صفحه ورود وردپرس

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

تب Settings

اولین موردی که در این تب مشاهده میشود پیغام زیر است:

افزونه شخصی سازی صفحه ورود وردپرس

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

افزونه شخصی سازی صفحه ورود وردپرس

در این صفحه به صورت زنده می توانیم صفحه ورود را سفارشی سازی کنیم. امکانات این صفحه در بخش بعدی توضیح داده خواهد شد. -> آموزش عملی افزونه

سایر گزینه های تب Settings عبارتند از:

افزونه شخصی سازی صفحه ورود وردپرس

Session Expire : زمان منقضی شدن جلسه ورد در صورت عدم فعالیت کاربر.

Auto Remember Me: گزینه “مرا به خاطر بسپار” در صفحه ورود بصورت پیش فرض تیک خورده باشد.

افزونه شخصی سازی صفحه ورود وردپرس

Custom Password Fields : هنگام ثبت نام کاربران در سایت، وردپرس به صورت خودکار یک رمز عبور به ایمیل آنها ارسال می کند . با فعالسازی این گزینه فیلدهای کلمه عبور دلخواه به فرم ثبت نام وردپرس اضافه می شود.

افزونه شخصی سازی صفحه ورود وردپرس

Login Order: امکان ورود با نام کربری، ایمیل یا هردو.

Reset Default Settings: بازگشت به تنظیمات پیش فرض افزونه.

Remove Settings on Uninstall: در زمان غیرفعالسازی افزونه تنظیمات افزونه نیز حذف خواهد شد.

در پایان باید بر روی گزینه “ذخیره تغییرات” کلیک کنید تا تغییرات اعمال شوند.

افزونه شخصی سازی صفحه ورود وردپرس

تب Login Redirects

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

تب Social Login

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

تب Limit Login Attempts

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

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

تب Auto Login

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

تب Hide Login

با استفاده از این افزودنی می توان URL صفحه ورود را به دلخواه تغییر داد. بدین ترتیب دسترسی اسپمرها به صفحه ورود دشوار خواهد شد. همچنین از حملات بروت فروس نیز جلوگیری خواهد داشت.

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

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

طراحی عملی یک صفحه ورود سفارشی با افزونه LoginPress

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

از مسیر LoginPress>Settings> WordPress Customizer در منوی مدیریت

افزونه شخصی سازی صفحه ورود وردپرس

از طریق صفحه سفارشی سازی وردپرس در مسیر نمایش>سفارشی سازی

افزونه شخصی سازی صفحه ورود وردپرس
افزونه شخصی سازی صفحه ورود وردپرس

تغییر لوگو

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

همچنین می توانیم تصویر لوگوی دلخواه خود را بارگذاری کنیم. سپس عرض، ارتفاع، فاصله از پایین، Url و عنوان لوگو را تعیین میکنیم.

ساخت صفحه ورود سفارشی در وردپرس

همچنین در همین قسمت آدرس Url و عنوان لوگو را نیز وارد می کنیم.

افزونه شخصی سازی صفحه ورود وردپرس

رنگ و تصویر پس زمینه

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

پس از انتخاب تصویر تنظیمات موقعیت، تکرار پس زمینه و اندازه آن را نیز انجام میدهیم.

افزونه شخصی سازی صفحه ورود وردپرس

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

افزونه شخصی سازی صفحه ورود وردپرس

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

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

تنظیمات فیلدهای ورودی

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

افزونه شخصی سازی صفحه ورود وردپرس

فرم فراموشی رمز عبور

می توانیم برای پس زمینه فرم رنگ یا تصویر انتخاب کنیم.

تنظیم رنگ و اندازه دکمه ورود

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

سفارشی سازی پیغام ها در افزونه شخصی سازی صفحه ورود وردپرس

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

افزونه شخصی سازی صفحه ورود وردپرس

در قسمت Welcome Messages می توانیم پیغامهای خوشامدگویی را تنظیم کنیم.

افزونه شخصی سازی صفحه ورود وردپرس

تغییر متن فوتر و قرار دادن کپی رایت در افزونه شخصی سازی صفحه ورود وردپرس

در قسمت Form Footer می توانیم متن کپی رایت پیش فرض افزونه را حذف کنیم و متن دلخواه خودمان را قرار دهیم.

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

در صورتی که نیاز به افزودن کدهای css و JS اختصاصی داشته باشیم می توانیم در قسمت Custom CSS/JS آنها را وارد کنیم.

افزونه شخصی سازی صفحه ورود وردپرس

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

2 پاسخ به “افزونه شخصی سازی صفحه ورود وردپرس LoginPress”

  1. نسترن نصیری گفت:

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

دیدگاهتان را بنویسید

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

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