ایجاد فرم ورود سفارشی در وردپرس YITH Custom Login

محتوانوشته

با سلام خدمت شما

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

در طراحی فرم ورود سفارشی وردپرس، باید ابتدا مشخص کنید کاربران قرار است وارد پیشخوان سایت شوند یا حساب مشتری یک فروشگاه ووکامرسی را ببینند. برای حالت دوم، افزونه WooCommerce Login & Account Pages برای المنتور امکان طراحی فرم ورود، ثبت‌نام و بازیابی رمز را در کنار منوی حساب و محتوای «حساب من» با ابزارک‌های المنتور فراهم می‌کند. این افزودنی بیشتر برای تجربه مشتری ووکامرس است و جای سامانه ورود پیامکی یا ابزار تغییر آدرس ورود مدیریتی را نمی‌گیرد؛ مسیر ورود، خروج و مشاهده اطلاعات حساب را در یک سفارش آزمایشی بررسی کنید.

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

در کنار روش‌های مطرح‌شده، برای ساخت فرم ورود و ثبت‌نام کاربران می‌توان افزونه Pie Register Premium را نیز به‌صورت مستقل ارزیابی کرد.

برای پیاده‌سازی ساخت فرم ورود و ثبت‌نام ایجکس وردپرس در وردپرس می‌توان Stranoweb Ajax Login Premium را هم از نظر امکانات و سازگاری بررسی کرد.

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

قسمت دوم تنظیمات (پس زمینه)

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

قسمت سوم تنظیمات (لوگو)

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

قسمت چهارم تنظیمات (فرم)

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

در زیر نمونه ای را مشاهده می کنید.