افزونه سفارشی login وردپرس با YITH Custom Login

افزونه login وردپرس

افزونه سفارشی login وردپرس با YITH Custom Login

سلام دوستان؛

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

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

افزونه ی YITH Custom Login

yith custom login hamyarwp

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

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

اصلی

general setting hamyarwp

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

پس زمینه

background hamyarwp

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

لوگو

logo hamyarwp

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

فرم

form hamyarwp

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

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

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

نکته!!! تمامی تنظیمات افزونه login وردپرس به صورت فارسی است اما جهت توضیح بیشتر در بالا گفته شد.

حال با ذخیره ی تمامی تغییرات می توانید آدرس صفحه ی ورود به پنل مدیریت وردپرس خود را بزنید تا فرم را مشاهده کنید:

result of form hamyarwp

جمع بندی! 

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

دانلود افزونه ی فارسی YITH Custom Login

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

آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

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

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

398,055 نفر

دیدگاهتان را بنویسید

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

دوره‌های آموزشی