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

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

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

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

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

افزونه‌ای که قصد معرفی ان را دارم با عنوان LoginPress در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از 3.000 نصب فعال و کسب امتیاز 4.9 را ازآن خود نماید که با استفاده از آن قادر خواهید بود تا صفحه ورود وردپرس را تغییر دهید.

نصب و فعال سازی

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

همانطور که در تصویر مشاهده می‌کنید در صورتی که هر زمان نیاز داشتید تا صفحه ورود پیشفرض به مدیریت وردپرس نمایش داده شود تیک گزینه Reset Default Settings را فعال و بر روی ذخیره تغییرات کلیک کنید تا صفحه شخصی سازی شده نمایش داده نشود.

با فعال کردن گزینه Allow Usage Tracking? نیز امکان ردیابی وبسایت را به افزونه خواهید داد تا سازندگان افزونه در جهت افزایش امکانات بتوانند از آن استفاده کنند.

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

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

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

Themes

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

Logo

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

Background

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

در صورت استفاده از تصویر نیز کافی است تا تیک گزینه را فعال و سپس تصویر دلخواه خود را آپلود کرده و ویژگی‌های تصویر پس زمینه همچون تکرار، مکان نمایش و نوع تصویر را تعیین کنید.

Customize Login Form

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

Customize Forget Form

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

Button Beauty

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

Error Messages

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

Welcome Messages

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

Form Footer

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

Custom CSS و Custom JS

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

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

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