سفارشی کردن فرم ورود وردپرس- تغییر بخش ورود وردپرس با YITH Custom LoginReviewed by صابر بوستانی on Mar 20Rating: 3.5
سفارشی کردن فرم ورود وردپرس- تغییر بخش ورود وردپرس با YITH Custom Login

سفارشی کردن فرم ورود وردپرس- تغییر بخش ورود وردپرس با YITH Custom Login

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

سفارشی کردن فرم ورود وردپرس- تغییر بخش ورود وردپرس با YITH Custom Login

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

افزونه ی YITH Custom Login

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

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

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

تصویر لوگو: در این قسمت می توانید لوگوی مورد نظر خود را بارگذاری نمایید.
انتخاب رنگ پس زمینه برای لوگو: رنگی که مد نظر شماست را می توانید برای پس زمینه ی لوگو انتخاب کنید.
عرض تصویر لوگو: اندازه ی عرض تصویر لوگو
طول لوگو: اندازه ی طول تصویر لوگو

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

سایر تنظیمات افزونه YITH Custom Login

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

سفارشی کردن فرم ورود وردپرس- تغییر بخش ورود وردپرس با YITH Custom Login