طراحی فرم ورود اختصاصی با Login Page styler +آموزش ویدیویی

در تاریخ ۱۵ تیر ۱۳۹۴ آموزش ویدیویی اضافه شد!

سلام؛

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

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

افزونه ی فرم ورود Login Page Styler

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

login page styler setting page hamyarwp

این افزونه فقط از یک صفحه ی تنظیمات تشکیل شده که تنظیم کردن آن نیز بسیار راحت و دلپذیر است! حال اگر موافق باشید تنظیمات آن را با هم بررسی خواهیم کرد؛

Login Setting

login setting hamyarwp

همانطور که از نام این بخش پیداست، تنظیماتی مربوط به فعال کردن این افزونه دارد، با تیک زدن بر روی گزینه ی اول که با فلش زرد رنگ مشخص شده این افزونه را برای استفاده فعال می کنیم. گزینه ی دوم (Hide Login Logo) که با تیک زدن آن اعلام می کنید که لوگوی مورد نظر در این بخش مخفی بماند! گزینه ی سوم (Hide Login Error msg) که با فعال کردن این بخش پیغام خطایی را که در هنگام اشتباه وارد کردن کاربری یا پسورد می دهد، غیر فعال یا مخفی می کنید. گزینه ی چهارم (Hide Lost password link) که پشورد را به صورت مخفی وارد می نماید! همانطور که ملاحظه می کنید گزینه ی سوم و چهارم برای افزونه ی پریمیوم قابل استفاده است. در گزینه ی پنجم، شما با علامت زدن آن پس از ورود لینک برگشتی به شما نمایش داده نخواهد شد.

  بهترین افزونه های تجاری وردپرس را بشناسید

Logo Setting

logo setting hamyarwp

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

Login background setting

login bg setting hamyarwp

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

Form Setting

form setting1 hamyarwpform setting2 hamyarwpform setting3 hamyarwp

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

Button Setting

button setting hamyarwp

این بخش مربوط به تنظیمات دکمه ای است که با کلیک روی آن شما را به بخش کاربریتان منتقل می کند.

Lost password and back to blog

Lost password hamyarwp

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

من یک سری تنظیمات را برای فرم ایجاد کردم که نتیجه ی کار را با هم میبینیم:

 

login-page-hamyarwp

موفق و پیروز باشید

مشاهده ویدیو آموزش Login page styler

 

دانلود ویدیو آموزش افزونه Login page styler

پیش‌نمایش

 دانلود افزونه Login Page styler

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

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

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

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