خرید vps ارزان

تبلیغات
طراحی و بهینه سازیمشاهده


آخرین ارسال های تالار مشاهده انجمن
  • کوپن 2 پاسخ 14 بازدید
  • درخواست قالب Zephyr 5.1 3 پاسخ 21 بازدید
  • ثابت کردن اسلایدر 0 پاسخ 9 بازدید
  • مبتلایان به بواسیر این غذاها را نخورند 4 پاسخ 140 بازدید
  • آموزش تصویری جامع نصب و تنظیمات اسکریپت NextPost 218 پاسخ 4787 بازدید
  • Help - Grameasy version 2 0 پاسخ 26 بازدید
  • درخواست افزونه user pro 1 پاسخ 27 بازدید
  • فروش فوری و ارزان سایت وبلاگدهی با دامین رند Blogs.city 0 پاسخ 196 بازدید
  • ايميل ايزي گرام 0 پاسخ 32 بازدید
  • تکنولوژی شارژ فوق سریع هواوی 0 پاسخ 7 بازدید
  • هاست

    آموزش ایجاد فرم ورود Ajax در وردپرس

    مقالات,آموزش,ترفند , وردپرس
    آموزش ایجاد فرم ورود Ajax در وردپرسReviewed by M J on Sep 4Rating: 4.0آموزش ایجاد فرم ورود Ajax در وردپرس صفحه لاگین در وب سایت ها همیشه دارای اهمیتی خاص بوده و هست و البته خواهد بود چرا که کاربران وب سایت وقتی قرار است از صفحه لاگین استفاده کنند بسیار روی این موضوع و ظاهر این صفحه حساس هستند.بهتر است ابتدا کمی در مورد ajax صحبت کنیم. قطعا نمی توان ajax را به سادگی توصیف کرد اما می توان به طور ساده آن را توضیح داد.

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

     

    آموزش ایجاد فرم ورود Ajax در وردپرس

     

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

     

    ایجکس چیست و در ایجاد فرم ها در سایت چه نقشی دارد؟

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

     

    برای این کار روش های زیر موجود است:

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

     

    در این اموزش روش سوم را مورد بررسی قرار میدهیم چون روش های اول و دوم در قالب های وردپرس موجود است.

    در ابتدا و برای شروع باید کد های html فرم را در تگ body قالب قرار دهید که بهترین مکان ان فایل header.php است.این کد ها به صورت زیر است:

     

     

    در ادامه یک دکمه نیز برای ورود نیاز داریم که میتوانید در هر قسمت از صفحه که مد نظر دارید قرار دهید و با استفاده از css آن را تنظیم کنید:

     

     

    در مرحله بعد نیاز است که اطلاعات به سرور ارسال شود تا درستی اطلاعات مورد تائید قرار گرفته و فرم کاربر را به داخل سایت هدایت کند.برای این منظور شما باید کد زیر را در فایل functions.php قاب ورپرس خود قرار دهید:

     

     

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

     

     

    کد فوق را نیز در انتهای فایل فانکشن قالب وردپرس خود قرار دهید. حال باید یک فایل جاوا اسکریپت ایجاد شود تا به دکمه ورود اکشن داده شده و این دکمه اطلاعات را ارسال نماید.پس یک فایل با نام ajax-login-script.js بسازید و کد های زیر را درون آن قرار دهید:

     

     

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

     

     

    خب به همین سادگی یک فرم بسیار خوب و شیک و حرفه ای برای وب سایت خود طراحی کردیم.


    The product includes software licensed under GNU General Public License (GPL) or GNU

    دانلود
    .

    خرید هاست وردپرس با SSL رایگان



    مطلب مفیدی بود ؟
    نویسنده : admin 0 مقالات,آموزش,ترفند , وردپرس

    لینک کوتاه مطلب : https://www.20script.ir/?p=27546

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    3,341وردپرس 4.6 منتشر شد تاریخ : 2016/08/19
    2,830خروجی گرفتن از آدرس‌های وردپرس با افزونه Export All URLs تاریخ : 2017/07/3
    12,799تغییر پوسته مدیریت وردپرس با پوسته Forest تاریخ : 2018/01/1
    2,828ویرایش سریع کدهای قالب و افزونه وردپرس با افزونه String locator تاریخ : 2017/07/16
    2,582افزونه ساخت تب های حرفه ای در وردپرس CodeTabs تاریخ : 2017/12/17
    1,598افزودن امضا و تبلیغات در انتهای مطالب وردپرس با افزونه Insert Post Ads تاریخ : 2017/06/10
    4,227افزونه وردپرس معرفی مطالب به دوستان WP tell a friend تاریخ : 2015/02/24
    1,752افزونه وردپرس بررسی فایل های مخرب Sucuri Security تاریخ : 2018/04/22
    11,584افزونه ماژول درگاه پرداخت بانک ملت تاریخ : 2013/10/30
    1,098غیر فعال کردن oEmbed در وردپرس تاریخ : 2017/05/30
    2,928افزونه پیشرفته سازی بخش نظرات وردپرس Comments Plus تاریخ : 2017/10/8
    592وردپرس ۵٫۰ و تغییرات احتمالی آن تاریخ : 2018/10/4
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب