آموزش فرم ورود وردپرس به صورت فیلم آموزشی

اسفند ۱, ۱۳۹۶
ارسال شده توسط:
836 بازدید
۴

بنام و یاد خدایی مهربان سلام و عرض ادب خدمت تمام کاربران وب سایت سون ریپلای در خدمت شما هستم یا یکی دیگه آموزش وردپرس

خوب دوستان عزیز توی آموزش میخواهیم یک فرم ورود شیک طراحی و پیاده سازی کنیم خوب بریم سراغ آموزش .

این آموزش هیچ نیاز به افزونه نداره  چون ما  ار کد فرم ورود وردپرس استفاده می کنیم یعنی بدونه افزونه

آموزش فرم ورود وردپرس به صورت فیلم آموزشی

میخواهیم یک فرم ورود شیک با هم دیگه طراحی کنیم طبق تصویر زیر

آموزش فرم ورود وردپرس

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

من توی این آموزش از ویرایش گر phpstorm استفاده می کنم اگه دوست داشتید از این نرم افزار استفاده کنید آموزش نصب و راه اندازی توی سایت است از لینک زیر استفاده کنید

آموزش نصب و کرک کردن PhpStorm + فیلم

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

داخل فایل login.php کد زیر را قرار میدم

خوب بعد از این که کد داخل فایل login.php قرار دادم میرم سراغ ساخت برگه بعد ورود به بخش پیشخوان وردپرس
روی برگه ها کلیک کنید طبق تصویر زیر :

بعد کلیک وارد قسمت برگه ها می شید که طبق شماره گذاری برید جلو توضیح میدم خدمت شما

[thumbup]

  • ۱: روی همه برگه ها کلیک کنید تا ببینید که چند تا برگه دارید
  • ۲: روی افزودن برگه کلیک کنید

[/thumbup]

بعد از این که روی افزودن برگه کلیک کردید وارد صفحه برگه می شید طبق تصویر زیر :

آموزش ورود وردپرس

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

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

 

  • ۱: نام صفحه ورود سایت
  • ۲: میتوانید از این قسمت نام فارسی تغیر بدید
  • ۳:کد که داخل login.php قرار داده بودیم توی قسمت قالب نمایش داده می شه انتخاب کنید
  • ۴: روی انتشار کلیک کنید
  • ۵: بعد از انتشار روی لینک کلیک کنید

 

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

خوب دوستان عزیز قبل از این که شروع کنیم به کد نویسی فرم ورود وردپرس باید اول چک کنیم که آیا کاربر ورود است یا خیر
برای این کار از کد زیر استفاده میکنم:

 

 

بعد از این که کد بالا را قرار دادیم حالا چک می کنه آیا کاربر لاگین کرده یانه اگه لاگین باشه که ۱ اگه لاگین نباشه ۰ است .

خوب حالا نوبت این رسیده که کد های html را قرار بدیدم از کد زیر استفاده می کنیم.

آموزش فرم لاگین وردپرس بدونه افزونه

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

بیشتر بخوانید :
آموزش مخفی کردن نوار ابزار وردپرس یا admin bar button

 

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

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

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

بیشتر بخوانید :
آموزش نمایش تعداد بازدید مطالب وردپرس بدون افزونه

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

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

آموزش فرم ورود وردپرس

 

فرم لاگین وردپرس

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

کد فرم ورود وردپرس

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

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

خوب دوستان عزیز تمام کد های بالا را با کد های  html  بالا جاگذاری کنید کار تمام است .

امید وارد این آموزش هم مفید بوده باشه برای شما عزیزان این آموزش به پابان رسید.

هر نظر و انتقادی یا پیشنهادی دارید توی قسمت نظرات برای ما بنویسید موفق پیروز باشید 

برای دریافت تمام کد ها به صورت آماده باید در سایت ثبت نام کنید و به صورت رایگان دریافت نمایید

 

دانلود کد آماده فرم لاگین php

دانلود فرم ورود و عضویت html

 

 

اشتراک گذاری:

حتما" بخوانید پیشنهاد سون ریپلای

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

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

  1. زمان الله ابراهیمی خرداد ۴, ۱۳۹۸

    سلام خدمت شما دوست عزیز خواهش میکنم خوشحالم که مفیده بوده خیلی ممنون از توضیحات شما به هرحال موفق باشید مثل همیشه

  2. Agha_Ali خرداد ۳, ۱۳۹۸

    مچکر، عالی بود البته یکم برای تازه کار ها دشوار است..
    اون هایی که واسشون سوال پیش میاد لطفا قبلش کامنت منو بخونن :
    ( کد هایی که ما تا بالا توی اچ تی ام ال گذاشتیم هموناس توسط اچ تی ام ال مثلا یه فید به نام علی هست .. کافیه اونو پاکش کنیم چون به زبان اچ تی ام ال هست و کد پی اچ پیشو که جناب ابراهیمی زحمت کشیدن و گذاشتن در قسمت > “کد فرم ورود وردپرس” رو خط به خط جایگزین کنید همین! ) :)

  3. زمان الله ابراهیمی خرداد ۱۲, ۱۳۹۷

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

  4. reza ramzi خرداد ۱۲, ۱۳۹۷

    بابا این فایل index.js چیه همش دارین از توی اون کپی می کنید ؟ خوب اینو کجا گذاشتین هر چی تو سایتتون دنبالش می گردم نیستش

نماد های اعتماد

سون ریپلای به استناد نماد های زیر ، دارای مجوز رسمی از مراجع مربوطه در جمهوری اسلامی ایران می باشد !

درگاه سامان
درگاه به پرداخت

تمامی حقوق برای سون ریپلای محفوظ است | طراحی شده با در سون ریپلای