آموزش های وردپرسخانهسیستم مدیریت محتواعمومی

آموزش ساخت فرم ورود در وردپرس با گرویتی فرم

آموزش ساخت فرم ورود در وردپرس با گرویتی فرم
آموزش ساخت فرم ورود در وردپرس با گرویتی فرم
آموزش ساخت فرم ورود در وردپرس با گرویتی فرم

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

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

آموزش ساخت فرم ورود در وردپرس

برای اینکه اقدام به ساخت این نوع فرم ورود بکنید ابتدا توسط توضیحاتی که در مقاله دانلود رایگان گراویتی فرم توضیح دادم افزونه گراویتی فرم را به صورت رایگان دانلود کرده و روی سایتتون نصب کنید. در مرحله بعدی نیاز به افزونه gravity forms user registration دارید که امکان عضویت و ورود در وردپرس رو با استفاده از افزونه گرویتی فرم براتون فراهم خواهد کرد. برای دانلود این افزونه هم باید طبق راهنمای نصب افزونه در وردپرس به صفحه این افزونه در گیت هاب مراجعه کنید و طبق توضیحاتی که برای نصب افزونه از گیت هاب در وردپرس دادم افزونه را دانلود کرده و در وردپرس نصب کنید.

دانلود افزونه gravity form suser registration

حالا که همه این افزونه‌ها و موارد لازم رو نصب کردید وارد هاست خودتون شده و روی گزینه File Manager کلیک کنید. سپس به مسیر public_html/wp-content/themes مراجعه کنید تا قطعه کدی رو در قالب خودتون قرار بدین.

ساخت فرم ورود در وردپرس و شخصی سازی فرم ورود و عضویت در وردپرس

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


//——gravity forms ——————–
add_filter(“gform_field_validation”, “login_validate_field”, 10, 4);
function login_validate_field($result, $value, $form, $field)
{
global $user;
if ($field[‘cssClass’] === ‘username-login’) {
$user = get_user_by(‘login’, $value);
if (empty($user->user_login)) {
$result[“is_valid”] = false;
$result[“message”] = “نام کاربری وارد شده اشتباه است.”;
}
}
if ($field[‘cssClass’] === ‘password-login’) {
$value = trim($value);
if (!empty($user) && !empty($user->user_login) && !empty($user->ID)) {
$sign = wp_signon(array(
‘user_login’ => $user->user_login,
‘user_password’ => $value,
));
if (is_wp_error($sign)) {
$result[“is_valid”] = false;
$result[“message”] = $sign->get_error_message();
} else if (wp_check_password($value, $user->data->user_pass, $user->ID)) {
wp_set_current_user($sign->ID);
} else {
$result[“is_valid”] = false;
$result[“message”] = ‘کلمه عبور وارد شده عبور صحیح نیست.’;
}
} else {
$result[“is_valid”] = false;
$result[“message”] = “نام کاربری وارد شده اشتباه است.”;
}
}
return $result;
}
add_filter(‘gform_save_field_value’, ‘hide_password_field_value’, 10, 4);
function hide_password_field_value( $value, $lead, $field, $form )
{
$field = is_object($field) ? $field : (object)$field;
if ( !empty($field->cssClass) && $field->cssClass === ‘password-login’ ) {
$value = ‘**********’;
}
return $value;
}

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253//——gravity forms ——————–add_filter(“gform_field_validation”, “login_validate_field”, 10, 4);function login_validate_field($result, $value, $form, $field){ global $user; if ($field[‘cssClass’] === ‘username-login’) { $user = get_user_by(‘login’, $value); if (empty($user->user_login)) { $result[“is_valid”] = false; $result[“message”] = “نام کاربری وارد شده اشتباه است.”; } } if ($field[‘cssClass’] === ‘password-login’) { $value = trim($value); if (!empty($user) && !empty($user->user_login) && !empty($user->ID)) { $sign = wp_signon(array( ‘user_login’ => $user->user_login, ‘user_password’ => $value, )); if (is_wp_error($sign)) { $result[“is_valid”] = false; $result[“message”] = $sign->get_error_message(); } else if (wp_check_password($value, $user->data->user_pass, $user->ID)) { wp_set_current_user($sign->ID); } else { $result[“is_valid”] = false; $result[“message”] = ‘کلمه عبور وارد شده عبور صحیح نیست.’; } } else { $result[“is_valid”] = false; $result[“message”] = “نام کاربری وارد شده اشتباه است.”; } } return $result;}add_filter(‘gform_save_field_value’, ‘hide_password_field_value’, 10, 4);function hide_password_field_value( $value, $lead, $field, $form ){ $field = is_object($field) ? $field : (object)$field; if ( !empty($field->cssClass) && $field->cssClass === ‘password-login’ ) { $value = ‘**********’; } return $value;}

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

ساخت فرم ورود در وردپرس و شخصی سازی فرم ورود و عضویت در وردپرس
ساخت فرم ورود در وردپرس و شخصی سازی فرم ورود و عضویت در وردپرس

حالا همونطور که در تصویر میبینید به تب نمایش این دو فیلد رفته و تو قسمت کلاس css سفارشی برای فیلد نام کاربری مقدار username-login رو وارد کنید و توی کلاس css سفارشی برای رمز عبور هم مقدار password-login را وارد کرده و در نهایت فرم را ذخیره کنید. بعد از اینکه فرم ساخته شد مشابه تصویر زیر به منوی نمایش> ابزارک‌ها مراجعه کنید و ابزارکی که با نام فرم برای گرویتی فرم وجود داره را در مکان دلخواه قرار بدین.

ساخت فرم ورود در وردپرس و شخصی سازی فرم ورود و عضویت در وردپرس

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

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



وردپرس با گرویتی فرم
آموزش ساخت فرم ورود در وردپرس با گرویتی فرم - بیست اسکریپت


افزونه گرویتی فرم
ساخت فرم ورود در وردپرس با افزونه گرویتی فرم - مرکز آموزش - میهن


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


آموزش جامع فرم ساز GravityForms در وردپرس
آموزش جامع فرم ساز GravityForms در وردپرس


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


آموزش ساخت فرم های فوق حرفه ای در وردپرس با افزونه گرویتی فرم
آموزش تغییر و سفارشی سازی فرم ورود و عضویت وردپرس. فصل وردپرس . 9 351. آموزش بک آپ گیری از دیتابیس در وردپرس به صورت خودکار و دستی. فصل وردپرس. 10 419. آموزش ساخت سایت فروش فایل با وردپرس. فصل وردپرس. 11 359. آموزش درج تبلیغات در


افزودنیهای گرویتی فرم Gravity Forms
افزودنیهای گرویتی فرم Gravity Forms Add-Ons گرویتی فرم


گرویتی فرم Gravity Forms
آموزش کار با افزونه گرویتی فرم Gravity Forms ایجاد فرم در


ساخت فرم رسپانسیو در وردپرس فرمهای واکنشگرا در وردپرس
ساخت فرم رسپانسیو در وردپرس برای نمایش بهتر در تمامی دستگاههای هوشمند مانند موبایل و تبلت


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

برچسب ها

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

یک × چهار =

دکمه بازگشت به بالا
بستن