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

شخصی سازی صفحه ورود به وردپرس با افزونهCustom Login Page Customizer

حتما اگر تا الان سایت وردپرسی داشته‌اید به فکر افتاده‌اید که صفحه ورود به سایت خود را تغییر دهید. ما امروز افزونه‌ای را معرفی می‌کنیم که کاملا در عین سادگی، کارآمد است. با این افزونه به صورت دیداری، بدون هیچ کدی می توانید هر کجای صفحه را تغییر دهید. مثلا لوگوی وردپرس را عوض کنید یا طراحی فرم ورود را تغییر دهید. با Custom Login Page Customizer ما امکان شخصی سازی صفحه ورود به وردپرس را فراهم می‌کنیم.

 

افزونه Custom Login Page Customizer

افزونه Custom Login Page Customizer

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

 

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

اول از قسمت افزونه‌ها، افزونه Custom Login Page Customizer را نصب و فعال نمایید.

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

گزینه به نام Login Customizer در پیشخوان

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

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

شخصی سازی صفحه ورود به وردپرس با افزونهCustom Login Page Customizer

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

منوی تنظیمات افزونه Custom Login Customizer

 

Templates

در این قسمت می‌توانید یکی از تم های صفحه ورود را انتخاب کنید.(تیره، روشن و…)

Background

Background Color: در این قسمت می توانید رنگ پس زمینه صفحه ورود را تغییر دهید.

Background Image:  از این قسمت می توانید عکسی را پس زمینه صفحه بگذارید.

 

Logo – شخصی سازی لوگو صفحه ورود

شخصی سازی صفحه ورود به وردپرس با افزونهCustom Login Page Customizer

Disable Logo: اگر این گزینه فعال باشد، هیچ لوگویی نمایش داده نمی‌شود.

Logo: از این قسمت میتوانید لوگوی خود را آپلود کنید.

Logo Width: طول لوگوی خود را تعیین کنید.
Logo Height: عرض لوگوی خود را تعیین کنید.
Padding Bottom: از این قسمت افزونه شخصی سازی صفحه ورود می‌توانید فاصله لوگو با باکس پایین را کم و زیاد کنید.

Logo URL: آدرس لینک به لوگو را از این قسمت وارد کنید.

 

Form

Background Image: برای باکس فرم ورود، یک عکس پس زمینه می‌توانید انتخاب نمایید.

Background Color: از این قسمت می‌توانید رنگ پس زمینه باکس فرم را عوض کنید.

Width: طول فرم را می‌توانید تغییر دهید.

Height: ارتفاع فرم را می‌توانید تغییر دهید.

Padding: فاصله داخلی باکس فرم. از چهار جهت بالا، پایین، چپ و راست.

Radius: گوشه های باکس را خمیده می‌کند. هر چه افزایش یابد حاشیه‌های باکس دایره مانندتر می‌شود.

Shadow Spread: قسمت مربوط به سایه بیرونی باکس ورود. هرچه عدد بیشتر باشد سایه پخش‌تر می‌شود.

Box Shadow: رنگ سایه بیرونی باکس را از این قسمت انتخاب کنید.

 

Fields – شخصی سازی فیلدهای صفحه ورود

Disable Remember Me: با فعال کردن این گزینه تیک مربوط به ذخیره نام کاربری و رمز (remember me) برداشته می‌شود.

Width: طول فیلد فرم‌های باکس صفحه ورود.

Font Size: سایز فونت فیلدها

Border Width: ضخامت حاشیه فیلدها

Border Color: رنگ حاشیه فیلدها

Radius: گوشه های فیلدهای فرم را خمیده می‌کند. هر چه افزایش یابد حاشیه‌های فیلد دایره مانندتر می‌شود.

Disable Box Shadow: سایه باکس را غیرفعال می‌کند.

Margin: فاصله بیرونی فیلدها

Padding: فاصله داخلی فیلدها

Background: رنگ پس زمینه فیلدها را از این قسمت تعیین کنید.

Text Color: رنگ فونت داخل فیلدها

Label Color: رنگ لیبل فیلدها

Label Font Size: سایز فونت لیبل فیلدها

 

Button – شخصی سازی دکمه های صفحه ورود

Background: رنگ دکمه فرم را از این قسمت می‌توانید تغییر دهید.

Background Hover: وقتی که موس روی دکمه برود دکمه به چه رنگی تغییر کند.

Button Size: سایز دکمه فرم. می‌توانید با قرار دادن روی گزینه Custom، اندازه دلخواه خود را وارد کنید.

Font Size: سایز فونت دکمه.

Text Color: رنگ دکمه

Padding: فاصله داخلی دکمه.

Border Width: ضخامت حاشیه دکمه

Shadow Spread: قسمت مربوط به سایه بیرونی دکمه ورود. هرچه عدد بیشتر باشد سایه پخش‌تر می‌شود.

Box Shadow: رنگ سایه بیرونی دکمه را از این قسمت انتخاب کنید.

Text Shadow: رنگ سایه فونت دکمه.

 

Other

Disable Lost Password: با فعال کردن این گزینه، قسمت فراموشی رمز عبور (پایین باکس) برداشته می‌شود.

Disable Back to Website: با فعال کردن این گزینه، قسمت برگشت به سایت (پایین باکس) برداشته می‌شود.

Font Size: سایز فونت تکست های پایین باکس.

Text Color: رنگ تکست های پایین باکس.

Text Color Hover: وقتی که موس روی لینک های پایین باکس ورود برود به چه رنگی تغییر کنند.


Custom CSS & JavaScript

از این قسمت می‌توانید کدهای CSS یا جاوا اسکریپت اختصاصی خود را وارد نمایید.

 

جمع بندی

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

با این افزونه محبوب به راحتی می‌توانید با توجه به ذوق و سلیقه‌تان صفحه ورود را طراحی کنید.

پس همین حالا شروع کنید!

موفق باشید 😊

پاسخی بگذارید

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