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

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

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

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

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

این افزونه وردپرسی بیش از ۷۰,۰۰۰ هزار بار توسط کاربران وردپرس در سراسر جهان نصب و فعال سازی شده است.

شروع کار

برای شروع کار، ابندا باید افزونه Custom Login Page Customizer را نصب و فعال کنیم.
برای این کار به مسیر پیشخوان > افزونه ها > افزودن > بارگذاری افزونه می رویم و افزونه مورد نظرمان را انتخاب کرده سپس آن را نصب و فعال می کنیم.
بعد از نصب افزونه Custom Login Page Customizer یک گزینه در پیشخوان > نمایش به نام Login Customizer ایجاد شده است که برای شخصی سازی صفحه ورود در وردپرس می باشد.

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

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

login customizer

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

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

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

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

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

Logo: در این قسمت میتوانید تنظیمات مربوط به لوگو را انجام دهید. برای مثال می توانید لوگوی جدیدی که میخواهید به جای لوگوی وردپرس قرار دهید را بارگذاری نمایید.
Login Logo: این بخش مربوط به انتخاب لوگوی جدید می باشد.
Logo Width: این قسمت مربوط به اندازه طول تصویر لوگوی شما می باشد.
Logo Height: این قسمت مربوط به اندازه عرض تصویر لوگوی شما می باشد.
Padding Bottom: در این گزینه میتوانید فاصله ای را از داخل، قسمت پایین لوگوی خود مدنظر بگیرید.

Background: این گزینه مربوط به پس زمینه صفحه شما می باشد.
Background Image: با این گزینه می توانید برای پس زمینه خود یک تصویر قرار دهید.
Background Color: از طریق این گزینه می توانید برای پس زمینه صفحه خود یک رنگ انتخاب کنید.
Background Size: این قسمت نیز می توانید اندازه پس زمینه خود را وارد نمایید.

Form Background: این بخش مربوط به فرم ورود شما می باشد.
Background Image: با این گزینه می توانید برروی فرم ورود یک تصویر قرار دهید.
Background Color: این گزینه امکان انتخاب رنگ فرم را برای شما فراهم می کند که به صورت پیشفرض سفید می باشد.

Form Styling: این گزینه مربوط به استایل دهی فرم ورود می باشد.
Width: این گزینه مربوط به اندازه طول فرم شما می باشد.
Height: این گزینه مربوط به اندازه عرض یا همان ارتفاع فرم شما می باشد.
Padding: این گزینه فاصله ای را از داخل برای فرم شما در نظر می گیرد.
Border (Example: 2px dotted black): این گزینه مربوط به حاشیه فرم شما می باشد.

Fields Styling: این گزینه مربوط به فیلد ها می باشد.
Input Field Width: این قسمت مربوط به اندازه طول فیلدها می باشد.
Input Field Margin: این گزینه مربوط به فاصله از اطراف می باشد.
Input Field Background: با این گزینه می توانید رنگ فیلدهای خود را تغییر دهید.
Input Field Color: این گزینه رنگ متن درون فیلدها را مشخص می کند.
Label Color: این گزینه مربوط به رنگ های لیبل ها یا عنوان فیلدها می باشد.

Button Styling: این گزینه مربوط به استایل دکمه ورود می باشد.
Button Background: این قسمت مربوط به رنگ دکمه ورود می باشد.
Button Border: این گزینه مربوط به رنگ حاشیه دکمه ورود می باشد.
Button Background (Hover): این گزینه مربوط به زمانی است که موس را برروی دکمه ورود می بریم که رنگ آن را می توانید تغییر دهید.
Button Border (Hover): این گزینه مربوط به زمانی است که موس را برروی دکمه ورود می بریم که رنگ حاشیه آن را می توانیم تغییر دهیم.
Button Box Shadow: این گزینه مربوط به رنگ سایه دکمه ورود می باشد.
Button Color: این گزینه مربوط به رنگ نوشته درون دکمه می باشد.

Other: این بخش در واقع مربوط به بخش های دیگر می باشد.
Text Color: این گزینه رنگ متن ها یا لینک ها را مشخص می کند.
Text Color (Hover): این گزینه مربوط به زمانی است که موس برروی نوشته ها یا لینک ها می بریم که رنگ آن را می توانیم انتخاب کنیم.
Custom CSS: این گزینه مربوط به کد استایل یا CSS های سفارشی است.

نتیجه کار

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

موفق باشید 🙂

دانلود افزونه Custom Login Page Customizer

دانلود صفحه افزونه


راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۰۵,۰۴۱ نفر

پاسخ دهید

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

دیدگاه‌های این نوشته جدید شاخص

  1. 4 ماه عضو همیار وردپرس

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

    • 1 سال عضو همیار وردپرس

      سلام
      به مسیر “پیشخوان > نمایش > سفارشی سازی” مراجعه کنید.

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین