افزونه Admin Custom Login

افزونه Admin Custom Login

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

افزونه Admin Custom Login امکان تغییر رنگ پس زمینه، تصویر پس زمینه، نمایش اسلاید پس زمینه، رنگ فرم ورود به سیستم، اندازه فونت فرم ورود به سیستم، موقعیت فرم ورود به سیستم، افزودن آیکون شبکه های اجتماعی روی فرم و بسیاری از ویژگی های دیگر را فراهم می کند.

برخی ویژگی های استاندارد این افزونه عبارتند از:

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

آموزش افزونه Admin Custom Login و نحوه سفارشی سازی صفحه ورود وردپرس

ابتدا افزونه Admin Custom Login نصب کنید.

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

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

گام 1: وضعیت ورود شخصی مدیر را فعال کنید.

در اولین گام در افزونه Admin Custom Login باید وضعیت ورود به سیستم مدیر را فعال کنید. به این منظور روی تب داشبورد در فهرست سمت چپ صفحه کلیک کنید.

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

گام 2: تنظیمات پس زمینه را تغییر دهید

برای تغییر تنظیمات پس زمینه فرم ورود به سیستم، روی تب طراحی پس زمینه کلیک کنید.

گزینه های موجود در پنجره کشویی انتخاب پس زمینه عبارتند از:

تنظیمات رنگ پس زمینه
تنظیمات تصویر پس زمینه
تنظیمات نمایش اسلاید پس زمینه

الف) تنظیمات رنگ پس زمینه

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

ب) تنظیمات تصویر پس زمینه

برای تنظیم تصویر پس زمینه در فرم ورود به سیستم، گزینه عکس پس زمینه پایدار را انتخاب کنید.

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

ج) نمایش اسلاید زمینه در افزونه Admin Custom Login

این گزینه کلیدی ترین ویژگی افزونه Admin Custom Login است. این افزونه بهترین تلاش خود را برای اضافه کردن نمایش اسلاید در پس زمینه صفحه ورود سفارشی شما ارائه داده است.

برای تنظیم اسلایدر روی پس زمینه ، گزینه “پس زمینه اسلایدشو” را انتخاب کنید.

تعداد اسلایدهایی که می خواهید در نمایش اسلاید نشان داده شود را تنظیم کنید، شما حداکثر می توانید 6 تصویر را برای نمایش اسلایدی تنظیم کنید. پس از انتخاب هر عدد به تعداد آن پنجره باز می شود که می توانید تصاویر مورد نظر خود را از طریق آنها آپلود کنید.

افزونه Admin Custom Login دارای 4 نوع انیمیشن گذار در نمایش اسلایدی پس زمینه است. بنابراین ، می توانید هر افکت گذار که مناسب شما است را برای نمایش اسلاید پس زمینه، اعمال کنید.

گام 3: تنظیمات فرم ورود به سیستم را تغییر دهید

برای دسترسی به تنظیمات فرم ورود، روی تب تنظیمات فرم ورود افزونه Admin Custom Login کلیک کنید.

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

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

رنگ پس زمینه پایدار
عکس پس زمینه پایدار
فرم ورود و مرز و سایه

الف) رنگ پس زمینه پایدار

پس از انتخاب این گزینه در افزونه Admin Custom Login می توانید رنگ پس زمینه فرم ورود به سیستم را انتخاب کنید و برای اعمال تغییرات بر روی دکمه “ذخیره تغییرات” کلیک کنید. همچنین می توانید شفافیت رنگ پس زمینه را تنظیم کنید.

ب) عکس پس زمینه پایدار

اگر گزینه “عکس پس زمینه پایدار” را انتخاب کنید. می توانید تصویر پس زمینه و گزینه دیگری مانند تکرار و موقعیت پس زمینه را سفارشی کنید.

برای جذابیت بیشتر می توانید روی تصویر پس زمینه افکت اعمال کنید.

در باقی قسمت های صفحه می توانید حاشیه و سایه فرم ورود را سفارشی کنید.

می توانید عرض فرم ورود ، رنگ حاشیه ، شعاع حاشیه ، استایل حاشیه ، ضخامت حاشیه ، سایه فرم ورود و رنگ سایه را تنظیم کنید.

گام 4: تنظیمات فونت را اعمال کنید

روی تب تنظیمات فونت کلیک کنید.

با استفاده از گزینه های این قسمت می توانید رنگ ، اندازه و استایل فونت را سفارشی کنید.

گام 5: تنظیمات لوگو در افزونه Admin Custom Login

روی تب تنظیمات لوگو در افزونه Admin Custom Login کلیک کنید. به طور پیش فرض آرم وردپرس در بالای فرم ورود به سیستم ظاهر می شود. اما می توانید با استفاده از تنظیمات این قسمت، لوگوی شخصی خود را در بالای فرم نمایش دهید.

همچنین می توانید تیتر تصویر لوگو و آدرس لینک لوگو را تنظیم کنید.

گام 6: تنظیمات شبکه های اجتماعی

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

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

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