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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • 1: نام صفحه ورود سایت
    • 2: میتوانید از این قسمت نام فارسی تغیر بدید
    • 3:کد که داخل login.php قرار داده بودیم توی قسمت قالب نمایش داده می شه انتخاب کنید
    • 4: روی انتشار کلیک کنید
    • 5: بعد از انتشار روی لینک کلیک کنید

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

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

     

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

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

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

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

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

     

    دوست عزیز پیشنهاد میشه این مطلب را هم ببینید
    آموزش نمایش تعداد بازدید مطالب وردپرس wp postviews

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

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

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

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

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

     

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

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

    دوست عزیز پیشنهاد میشه این مطلب را هم ببینید
    5 فریم ورک برتر Web Development یا توسعه وب در سال 2017

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

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

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

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

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

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

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

    میانگین امتیازات ۵ از ۵
    از مجموع ۱ رای
    اشتراک گذاری:

    لیست دانلود

    دانلود کد آماده فرم لاگین php
    دانلود کد آماده فرم لاگین php
    دانلود فرم ورود و عضویت html
    دانلود فرم ورود و عضویت html

    مطالب مرتبط برای شما

    نظر یا سوال شما در این مورد چیست؟

      eshghi

      سلام وقت بخیر
      ممنون از آموزش هاتون
      در آموزش ساخت فروم ورود و ثبت نام این روش منسوخ شده
      میشه آموزش جدیدی در این خصوص ارائه بدید ممنون میشم

        زمان الله ابراهیمی

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

      noob

      سلام ما نمیتونیم استفاده ازSession ها ورود کاربر چک کنیم؟

      Agha_Ali

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

      reza ramzi

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

        زمان الله ابراهیمی

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