سلام دوستان عزیز ، در این مقاله از آموزش وردپرس قصد داریم نحوه ارسال دیدگاه در وردپرس با Ajax را به صورت گام به گام شرح دهیم.

مقدمه :

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

دلایل مختلفی برای استفاده از روش ارسال دیدگاه در وردپرس با Ajax وجود دارد ، برخی از مهمترین موارد عبارتند از :

– بالا رفتن سرعت ارسال و ثبت اطلاعات

– کم کردن زمان بارگذاری مجدد

– نمایش پیام خطای مناسب قبل و بعد از ارسال اطلاعات

– استفاده از تکنولوژی های روز

ما در این مقاله آموزش وردپرس قصد داریم به صورت قدم به قدم ارسال دیدگاه در وردپرس با Ajax را همراه با مثال کاربردی به شما کاربران عزیز آموزش دهیم.

قالب دیدگاه ها :

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

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

به صورت کلی ساختار HTML بخش دیدگاه ها به صورت زیر می باشد (لازم نیست این کد ها را جایی کپی کنید) :

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

فایل js – ارسال دیدگاه در وردپرس با Ajax :

به مسیر پوسته خود در ورپرس رفته و یک فایل جاوا اسکریپت به نام ajax-comment.js ایجاد کنید و سپس کدهای زیر به فایل اضافه کرده و ذخیره کنید:

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

حالا فایل functions.php را باز کرده و کدهای زیر را جهت افزودن فایل js به ساختار قالب وردپرس ، به انتهای کدهای موجود اضافه می کنیم:

توجه : جهت اطمینان از اضافه شدن فایل js به وب سایت خود ، از وجود تابع wp_head در header و تابع wp_footer در footer قالب خود اطمینان حاصل کنید.

کدهای PHP – ارسال دیدگاه در وردپرس با Ajax :

در مرحله آخر جهت ثبت دیدگاه های ارسال شده و بازگرداندن پاسخ مناسب از سمت سرور ، کدهای PHP زیر را به انتهای فایل functions.php اضافه می کنیم:

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

جمع بندی :

در صورتیکه مراحل بالا را به صورت کامل انجام داده باشید می توانید دیدگاه های خود را به صورت Ajax  و بدون بارگذاری مجدد صفحه در وردپرس ثبت کنید مانند تصویر زیر :

ارسال دیدگاه در وردپرس با Ajax

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

موفق باشید

3 دیدگاه برای “ارسال دیدگاه در وردپرس با Ajax

  • پوریا
    - ۲۵ فروردین , ۱۳۹۷

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

    • سیروس
      - ۲۶ فروردین , ۱۳۹۷

      با سلام ،
      برای اینکار باید از افزونه هایی مانند Subscribe to Comments Reloaded یا Comment Reply Email Notification استفاده کنید.
      موفق باشید

  • آسمان مجازی پرشین اسکای
    - ۱۰ خرداد , ۱۳۹۷

    بسیار ممنونم از وبسایت خوبتون

دیدگاه خود را بیان کنید

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

Captcha loading...