این افزونه به شما امکان شخصی‌سازی صفحه ورود را بدون نیاز به HTML و CSS را می‌دهد و شما میتوانید در کوتاه‌ترین زمان ممکن به طرح موردنظر خود دست پیدا کنید. پلاگین Custom Login Page Customizer قابلیت‌های زیادی را در اختیار شما قرار می‌دهد که ما در این مقاله تمامی آن‌ها را به شما معرفی می‌کنیم و صفحه تنظیمات افزونه را با هم بررسی می‌کنیم.
آموزش کار با افزونه Custom Login Page Customizer
بعدازاینکه پلاگین را روی سایت خود نصب و آن را فعال کردید باید به پیشخوان وردپرس بروید و روی نمایش » Login Customizer کلیک کنید. حالا یک صفحه مشابه تصویر زیر را می‌بینید که با استفاده از گزینه‌های آن میتوانید تمامی بخش‌های صفحه ورود سایت خود را سفارشی کنید.
روندی که شما باید در اینجا طی کنید، تقریباً مانند سفارشی‌سازی قالب سایت، همان‌طور که در تصویر زیر می‌بینید یک سری گزینه وجود دارد که شما با کلیک کردن روی هر یک از آن‌ها تغییراتی را اعمال کنید:
Templates
فیلد اول Templates است که یک سری الگوی از پیش طراحی شده در این بخش وجود دارد که میتوانید از آن‌ها به‌دلخواه استفاده کنید. این طرح‌ها شامل ۳ مدل رنگ‌بندی است.
Background
تنظیمات مربوط به پس‌زمینه را میتوانید در این قسمت مشاهده کنید، مثلاً میتوانید با استفاده از گزینه “Background Image” یک تصویر زمینه برای صفحه ورود در نظر بگیرید و یا اینکه با کمک “Background Color” یک رنگ ساده به‌عنوان پس‌زمینه در نظر بگیرید.
Logo
این گزینه شامل تمام سفارشی‌سازی‌های مربوط به لوگو است و شما میتوانید با استفاده از آن، لوگو سایت خود را جایگزین لوگو وردپرس کنید. البته شما میتوانید به‌صورت کلی در صفحه ورود سایت خودان لوگو را نمایش ندهید که برای این کار باید گزینه “Disable Logo” را فعال کنید.
در بخش انتخاب تصویر برای لوگو، طرحی که از قبل طراحی کردید را بارگذاری کنید و با کمک گزینه‌های “Logo Width” و “Logo Height” طول و عرض لوگو را به‌دلخواه خود تغییر دهید.
همچنین میتوانید با استفاده از گزینه “Padding Bottom” به هر میزان که می‌خواهید، یک فاصله از قسمت پایین لوگوی سایت خود در نظر بگیرید.
Form
گزینه بعدی Form است که درواقع شما باید در آن فرم ورود را سفارشی کنید، مثلاً میتوانید با استفاده از “Background Image” یک تصویر برای فرم در نظر بگیرید و یا اینکه با کمک گزینه ” Background Color” یک رنگ به‌دلخواه بر روی فرم ورود قرار دهید.
همچنین میتوانید موارد زیر را هم در مورد فرم ورود سفارشی کنید:
- Width: این گزینه برای مشخص کردن طول فرم ورود است.
- Height: میتوانید با این گزینه، عرض فرم را تغییر دهید.
- Padding: مقدار موردنظر خود را برای فاصله از داخل فرم را باید با این گزینه مشخص کنید.
- Radius: شعاع فرم را مشخص می‌کند.
- Shadow Spread: میزان سایه موردنظر خود برای فرم را تغییر دهید.
- Box Shadow: رنگ سایه را باید از این بخش انتخاب کنید.
Fields
گزینه بعد، Fields است که مربوط به تنظیمات فیلدهای صفحه ورود سایت است، که شامل موارد زیر است:
- Width: طول فیلد را از این بخش میتوانید تغییر دهید.
- Font Size: اندازه فونت را با استفاده از این ابزار میتوانید به‌دلخواه خود تغییر دهید.
- Border Width: این گزینه برای مشخص کردن میزان ضخامت طول فیلد است.
- Border Color: این بخش، رنگ‌بندی متنوعی برای ضخامت طول فیلد در اختیارتان قرار می‌دهد.
- Radius: شعاع فیلد را مشخص کنید.
- Disable Box Shadow: میتوانید برای غیرفعال کردن سایه این گزینه را بزنید.
- Margin: سفارشی‌سازی لبه فرم را هم میتوانید از این قسمت انجام دهید.
- Background: این گزینه به شما برای تغییر رنگ پس‌زمینه فرم کمک می‌کند.
- Text Color: رنگ نوشته در فیلدها را هم میتوانید از این قسمت تعیین کنید.
- Label Color: میتوانید رنگ عناوین فیلدها را با این گزینه تغییر دهید.
- Label Font Size: اندازه فونت عنوان فیلدها با این گزینه صورت می‌گیرد.
Button
بخش بعدی مربوط به دکمه ورود است که میتوانید با استفاده از تنظیماتی که در اختیارتان قرار داده می‌شود، به آن استایل موردنظر خود را دهید. این بخش شامل موارد زیر است:
- Background: رنگ پس‌زمینه دکمه ورود به سایت را با این گزینه سفارشی کنید.
- (Background (Hover: تعیین رنگ دکمه هاور یا همان شناور هم از این قسمت انجام می‌شود.
- Button Size: مربوط به اندازه دکمه ورود است.
- Font Size: مشخص کنید که فونت نوشته درون دکمه چه اندازه باشد.
- Text Color: رنگ متن دکمه ورود را انتخاب کنید.
- Border Width: میزان حاشیه دکمه تا چه میزان باشد.
- Border: رنگ حاشیه دکمه ورود به سایت را از اینجا مشخص کنید.
- Shadow Spread: اندازه سایه دکمه را میتوانید با این گزینه تغییر دهید.
- Box Shadow: رنگ سایه دکمه ورود را مشخص کنید.
Other
بخش بعدی Other است که شامل تنظیمات زیر میباشد:
- Disable Lost Password: اگر می‌خواهید فراموش رمز عبور نشان داده نشود این گزینه را غیرفعال کنید.
- “Disable “Back to Website: درصورتی‌که نمی‌خواهید عبارت بازگشت به وب‌سایت نمایش داده شود باید این گزینه را فعال کنید.
- Font Size: اندازه فونت دو گزینه قبلی را مشخص کنید.
- Text Color:این گزینه برای مشخص کردن رنگ متن است.
درصورتی‌که نمی‌خواهید عبارت بازگشت و آما بخش آخر که “Custom CSS & JavaScript” است، برای افرادی است که می‌خواهند کدهای دلخواه خودشان را برای سفارشی کردن صفحه ورود به سایت روی افزونه قرار دهند.به وب‌سایت نمایش داده شود باید این گزینه را فعال کنید.
در آخر وقتی تمامی تنظیمات دلخواه خود را وارد کردید و به صفحه ورود دلخواه خود رسیدید، آن را منتشر کنید تا برای کاربر نمایش داده شود.
امیدواریم این مقاله برای شما مفید واقع شده باشد. موفق و پیروز باشید
Comment Test
I care. So, what do you think of her, Han? Don’t underestimate the Force. I don’t know what you’re talking about. I am a member of the Imperial Senate on a diplomatic mission.
Comment Test 2
I care. So, what do you think of her, Han? Don’t underestimate the Force. I don’t know what you’re talking about. I am a member of the Imperial Senate on a diplomatic mission.