آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

دوره مجازی قالب وردپرس (جلسه 30): ajax در وردپرس - like کردن مطلب

27 2464 ۲۹ آبان ۹۴
به نام خدا و سلام. در خدمت شما هستیم با جلسه 30 ام از دوره مجازی  طراحی قالب حرفه ای وردپرس. در این جلسه قصد داریم like کردن مطالب در وردپرس به روش ajax رو برای شما آموزش بدیم. در ابتدای کار کمی کدهای html  بخش مطالب رو  دستکاری می کنیم و سپس درخواست ajax رو به سمت سرور با داده های مناسب ارسال می کنیم. سپس در سمت سرور داده ها رو دریافت می کنیم و با متا دیتا ها که در جلسات قبل آموزش دادیم like رو برای کاربر و اون مطلب ثبت می کنیم و تعداد کل likeها رو بر می گردونیم تا در سمت کاربر نشون بدیم. در این جلسه خواهیم دید :
  • تغییر بخش html مطالب و اضافه کردن خاصیت های سفارشی به تگ های html
  • آشنایی با data-attr در html5
  • ارسال درخواست به سمت سرور از طریق ای جکس
  • دریافت درخواست در سمت سرور و اعتبار سنجی آن
  • ثبت لایک برای کاربر و برگشت دادن مقادیر مورد نظر به سمت کاربر
  • تغییر تعداد لایک ها در سمت کاربر
این مطلب یک جلسه از دوره مجازی آموزش جامع طراحی قالب حرفه ای وردپرس است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : بعد از درخواست های فراوان دوستان برای برگزاری دوره آموزش طراحی قالب وردپرس به صورت حرفه ای و تلاش سون لرن برای انجام مقدمات برگزاری دوره بالاخره انتظار ها به پایان رسید.در این دوره یک قالب حرفه ای و مردن با افکت های زیبا را به همراه کد نویسی بهینه و هم چنین امکانات متعدد یک وب سایت دانلود و آموزش را با هم پیاده سازی خواهیم کرد.برای راحتی کار دوره به سه بخش کلی تقسیم شده که بخش اول طراحی قالب در فتوشاپ - بخش دوم تبدیل قالب طراحی شده به HTML و CSS و بخش سوم هم پیاده سازی قالب با امکانات حرفه ای در وردپرس هست.چنانچه قبلا در دوره های دیگر سون لرن شرکت کرده اید این دوره علاوه بر آموزش کامل وردپرس تمرینی بسیار حرفه ای برای شما خواهد بود و هم اکنون با محتوایی غنی تر و حرفه ای تر و قیمتی بسیار کمتر از آن چه در دوره های حضوری وجود دارد می توانید در آن ثبت نام کنید !
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 27 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    mehdi sabbat(۲۷ دی ۱۳۹۴)

    سلام آقای علیمحمدی
    تو این جلسه وقتی که تغییرات مربوط به لایک رو روی پست ها اعمال می کنین دیگه title مربوطه به پست ها وقتی روش hover می کنین نمایش داده نمیشه مشکل از چی هستش من چند جلسه بعدی رو هم دیدم که همین مشکل پابرجا بود
    با تشکر

    • ‏‏
      کیوان علی محمدی(۳ بهمن ۱۳۹۴)

      سلام من بررسی می کنم این مورد رو.

  • ‏‏
    majid zare(۱۳ بهمن ۱۳۹۴)

    سلام
    جناب علی محمدی عزیز
    راه حل استاندارد برای نمایش اعداد فارسی برای مواردی غیر متن پست ها چیست؟
    مثلا نمایش عدد تعداد لایک ها یا عدد تعداد بازدید ها و یا تعداد نظرات پست ها
    در جستجو به حل مشکل از طریق کدهای جاوا اسکریپت رسیدم و یا افزونه های خاص اگر راه حل ساده و استاندارد برای این مورد هست لطفا اشاره بفرمایید.
    تشکر

    • ‏‏
      کیوان علی محمدی(۱۵ بهمن ۱۳۹۴)

      سلام می تونید برای این کار یک تابع javascript ینویسید که اعداد انگلیسی و فارسی رو با هم عوض کنه.

  • ‏‏
    Mohammad Reza(۹ فروردین ۱۳۹۵)

    سلام استاد خسته نباشید. استاد برای لایک مطالب دقیقا مثل شما کدنویسی کردم ولی تعداد لایک 0 همش وتغییری نمیکنه حتی کدهای شمارو کپی پست کردم ولی بازم درست نشد و مقدار صفر چکارکنم؟ 🙁

    • ‏‏
      کیوان علی محمدی(۲۵ فروردین ۱۳۹۵)

      سلام دبباگ کردین ؟

      • ‏‏

        نه استاد نحوه دیباگ چطوریه ؟

        • ‏‏
          کیوان علی محمدی(۲۷ فروردین ۱۳۹۵)

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

  • ‏‏
    حمید حسینی تبار(۳ اردیبهشت ۱۳۹۵)

    سلام
    چطور میتونم بخش content صفحه رو بصورت اجکسی تغییر بدهم ؟
    شبیه فیسبوک یا دیجی کالا
    مثلا اگر روی آرشیوماه قبل زدم بدون رفرش شدن کل صفحه فقط قسمت content صفحه بصورت اجکس مطالب اون رو نشون بدهد
    یا در همین 7لرن وقتی روی هر تب میزنیم بعد مطالب اون قسمت لود بشه نه اینکه هنگام لود صفحه همه تب ها لود بشن . اینطوری سرعت لود سایت هم بالا میره
    تشکر

    • ‏‏
      کیوان علی محمدی(۳ اردیبهشت ۱۳۹۵)

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

  • ‏‏
    حمید حسینی تبار(۳ اردیبهشت ۱۳۹۵)

    چطور میتونم ولیدیشن فیلدهایی رو مثل ورودیهای دیدگاه ( نام و ایمیل و …) بصورت اجکسی اعتبار سنجی کنم ؟

    • ‏‏
      کیوان علی محمدی(۳ اردیبهشت ۱۳۹۵)

      در کدهای سمت سرور یا سمت کاربر؟ سمت کاربر که با js می تونید انجام بدین و در سمت سرور هم کافیه هر مورد که مشکل داشت یا مثلا خالی بود یه پیغام خطا برگردونید و در صفحه نشون بدین.

  • ‏‏
    حمید حسینی تبار(۱۲ اردیبهشت ۱۳۹۵)

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

    • ‏‏
      کیوان علی محمدی(۱۹ اردیبهشت ۱۳۹۵)

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

  • ‏‏
    مختار اسمعیلی(۱۷ خرداد ۱۳۹۵)

    سلام و خسته نباشید.
    یه سوال کد لایک مطالب output_html مطالب بیشتر در فایل ajax.php رو آموزش ندادید ممنون میشم این کد رو قرار بدید. چون هر جور که قرار میدم مشکل بوجود میاد. ممنون

    • ‏‏
      کیوان علی محمدی(۱۹ خرداد ۱۳۹۵)

      سلام مگه طبق آموزش عمل نکردین؟

      • ‏‏
        مختار اسمعیلی(۲۰ خرداد ۱۳۹۵)

        سلام مجدد چرا طبق آموزش پیش رفتم و لایک به درستی نمایش میده و کار میکنه. فقط مطالبی که با زدن دکمه مطالب بیشتر لود میشن دکمه لایک کار نمیکنه. و فایل ajax.php ایراد داره و این کد :

        • ‏‏
          کیوان علی محمدی(۲۳ خرداد ۱۳۹۵)

          در بخش console مروگر نتیجه برگشتی چه چیزی رو نشون میده؟

  • ‏‏
    حامد نجاری(۲۵ مرداد ۱۳۹۵)

    سلام آقای علی محمدی .
    من یه مقدار توی این ایجکس وردپرس مشکل دارم !
    توی قسمت url ایجکس ، چرا حتما باید آدرس صفحه رو بهش بدیم ؟
    چرا نمیتونیم آدرس اون فایل توی قالبمون رو بهش بدیم ؟

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

    • ‏‏
      کیوان علی محمدی(۲۶ مرداد ۱۳۹۵)

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

  • ‏‏
    حامد نجاری(۲۵ مرداد ۱۳۹۵)

    من قبل از دادن آدرس فایل توی ایجکس ، echo get_template_directory_uri() رو هم قرار میدم ولی توی کامنت بالا این تکه کد PHP پاک شد و الان مجبور شدم تا تگ های PHP رو توی کامنتم استفاده نکنم .

    • ‏‏
      کیوان علی محمدی(۲۶ مرداد ۱۳۹۵)

      بهتره برای ایجاد آدرس ای جکس در سمت کاربر و در سمت ادمین حتما از توابعی مثل wp_localize_script استفاده کنید.

  • ‏‏

    جناب آقای علی محمدی عزیز، سلام، اول از همه خواستم بازهم تشکر کنم بابت آموزش های واقعا بی نظیر شما. به جرات هیچ جا با این تمام و کمال آموزش وردپرس ندیده بودم، این جوری که شما مطالب رو می شکافید و در اختیار دوستان قرار می دهید، واقعا بی نظیره. یه سوال داشتم، کار من هم طراحی وب هستش و تا قبل این دوره بیشتر از قالب های آماده برای پروژه هایی که می گرفتم استفاده می کردم. همون طور که می دونید اکثر قالب های حرفه ای بصورت فریم ورک هستند (مثل انفولد یا آوادا یا …)و هنگامی که به مشکلی داخل اون ها برخورد می کنیم (به دلیل دسترسی نداشتن کامل به فروم های پشتیبانی آن ها) باید ساعت ها وقت گذاشت تا شاید با گشتن بین کد ها بتونیم اون ها رو برطرف کنیم. از طرف دیگه در هنگام کار با یک سری از کمبود ها در هر فریم ورک مواجه میشیم که شاید مدت ها زمان ببره تا تیم طراحی اون، اون ویژگی رو به قالب خودش اضافه کنه. با دیدن آموزش شما تصمیم دارم برای کارهای آینده یه فریم ورک طراحی کنم که کلیه تنظیماتش هم در اختیار خودم باشه که این طوری هم هرچیزی رو که لازم دارم به قالب اضافه کنم و هم دستم در انجام طراحی باز باشه. البته می دونم که باید آموزش های مربوط به پلاگین شما رو هم ببینم تا بتونم پنل ادمین رو هم به دلخواه خودم تغییر بدم. سوالم اینه که آیا با دیدن این آموزش ها قادر به ساختن این فریم ورک برای خودم خواهم شد یا اگر جواب منفی است و باید از منابع دیگری هم استفاده کنم، خواهشمندم چند تا سورس بهم معرفی کنید که بتونم از روی اون ها ادامه بدم. متاسفانه در اینترنت سرچ کردم و خیلی مطالب کمی در موردش پیدا کردم. یه فیلم آموزشی فقط پیدا کردم از TutsPlus که اون هم متاسفانه خیلی سطحی در مورد این موضوع صبحت کرده بود. ممنون میشم که راهنماییم بفرمایید

    • ‏‏
      کیوان علی محمدی(۲۴ اسفند ۱۳۹۵)

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

      • ‏‏

        ممنونم از شما، مشکلی در برنامه نویسی شی گرا با php ندارم و تقریبا بهش مسلط هستم. سوال اصلیم این هست که آیا سورس مناسبی برای ساخت فریم ورک وردپرس هست که بهم معرفی کنید؟ یه سوال دیگه، دوره ووکامرس (هم قالب و هم نوشتن پلاگین برای اون رو هم) رو کی برگزار می کنید؟ چون خیلی خیلی کاربردی و لازم هستش خصوصا در زمینه پلاگین هاش

        • ‏‏
          کیوان علی محمدی(۲۴ اسفند ۱۳۹۵)

          متاسفانه همچین دوره ای سراغ ندارم. انشاالله تابستون اگه وقت کنیم.

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

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram