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

- visibility ٣٢ mode_comment

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

در این جلسه خواهیم دید :

  • تغییر بخش html مطالب و اضافه کردن خاصیت های سفارشی به تگ های html
  • آشنایی با data-attr در html5
  • ارسال درخواست به سمت سرور از طریق ای جکس
  • دریافت درخواست در سمت سرور و اعتبار سنجی آن
  • ثبت لایک برای کاربر و برگشت دادن مقادیر مورد نظر به سمت کاربر
  • تغییر تعداد لایک ها در سمت کاربر
info توجه

این مطلب یک جلسه از دوره طراحی قالب وردپرس می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره طراحی قالب وردپرس

comment دیدگاه کاربران
khs_saeed

مثل همیشه عالی..

آقای محمدی این آخرین جلسه بود؟ یا قراره بازم اضافه بشه؟؟؟

جلسات دیگری هم اضافه میشه.

فلاح نژاد

سلام. جلسات دیگه شامل چه موضوعاتی هستن و کی قرار داده میشه؟

کیوان علی محمدی

منوی های walker و تلگرام.

mtcoms

سلام فکر نمی کنید بیش از حد طول کشیده گذاشتن آپدیتها

سلام. از تاریخ 26 اسفند تا 29 ام آپدیت ها قرار میگیره.

nani4u

آقای مهندس محمدی سلام
بی صبرانه منتظر آپدیت جلسات جدید هسیم.

کیوان علی محمدی

سلام حتما.

mtcoms

خودتون کامنت خودتون رو بخونید واقعا که خجالت آوره
کیوان علی محمدی‏ (۲۳ اسفند ۱۳۹۵)

سلام. از تاریخ 26 اسفند تا 29 ام آپدیت ها قرار میگیره.

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

ح حسین

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

Ehsan Beigi

سلام و عرض ادب

نمیدونستم سوال رو کجا مطرح کنم.. از دانشجویان دوره طراحی قالب هستم

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

پیگیری های بنده :

1 – قالب های پیشفرض وردپرس رو نصب کردم و مشکا حل شد و صفحات با استایل پیش فرض ووکامرس نمایش داده شد

2- با گرفتن viewsource بررسی کردم که فایل های css , js ووکامرس فراخوانی شدن یا خیر . که همه چیز درست بود و css ها و js ها موجود و لینکشون برقرار بود.

چون wp_head و wp_footer رو قرار دادم نباید مشکل از اینجا بوده باشه

3- متوجه شدم که ووکامرس صفحات رو با استایل page.php نمایش میده و احتمالا در قسمت the_content … لذا فایل page.php رو با یک استایل قرار دادم اما اتفاقی نیفتاد

و حتی page.php قالب های پیشفرض وردپرس رو هم قرار دادم و فایده ای نداشت

4-فایل page.php رو کلا پاک کردم یعنی فقط فایل index.php رو قرار دادم باز هم همونطور بود و تفاوتی و حتی خطایی نداشت

5- قالبی رو که شما در کلاس طراحی کردید رو نصب کردم sl-theme، باز هم مشکل داشت و استایل های ووکامرس کار نمیکرد

6-کد پشتیبانی قالب از ووکامرس رو در functions قرار دادم تفاوتی نکرد

7-از روش های تو اینترنت که یک تابع woocommerce.php درست کنید هم استفاده کردم اتفاقی و تغییر حاصل نشد

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

با تشکر از شما

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

پیگیری های بنده :
1 – قالب های پیشفرض وردپرس رو نصب کردم و مشکا حل شد و صفحات با استایل پیش فرض ووکامرس نمایش داده شد
2- با گرفتن viewsource بررسی کردم که فایل های css , js ووکامرس فراخوانی شدن یا خیر . که همه چیز درست بود و css ها و js ها موجود و لینکشون برقرار بود.
چون wp_head و wp_footer رو قرار دادم نباید مشکل از اینجا بوده باشه

3- متوجه شدم که ووکامرس صفحات رو با استایل page.php نمایش میده و احتمالا در قسمت the_content … لذا فایل page.php رو با یک استایل قرار دادم اما اتفاقی نیفتاد
و حتی page.php قالب های پیشفرض وردپرس رو هم قرار دادم و فایده ای نداشت

4-فایل page.php رو کلا پاک کردم یعنی فقط فایل index.php رو قرار دادم باز هم همونطور بود و تفاوتی و حتی خطایی نداشت

5- قالبی رو که شما در کلاس طراحی کردید رو نصب کردم sl-theme، باز هم مشکل داشت و استایل های ووکامرس کار نمیکرد

6-کد پشتیبانی قالب از ووکامرس رو در functions قرار دادم تفاوتی نکرد
7-از روش های تو اینترنت که یک تابع woocommerce.php درست کنید هم استفاده کردم اتفاقی و تغییر حاصل نشد

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

کیوان علی محمدی

سلام توی ایمیل جواب رو فرستادم براتون.

Morteza Piri

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

سلام اگه وقت بشه حتما.

سلام خدمت شما استاد عزیز خسته نباشید
امید است حال شما خوب باشه
استاد شما قرار بود که آموزش مگامنو را هم بدید اینگار قرار نگرفته هنوز روی سایت
لطفا ” این آموزش را زود تر قرار بدید دیگه یا اگه منبع میشناسید بگید
خیلی ممنون از شما با تشکر 😉

سلام فعلا زمان انتشارش معلوم نیست. توی گوگل سرچ کنید mega menu wordpress

درود بر شما

مهندس آموزش طراحی قالب woocommerce هم برنامه ای براش داری؟

با تشکر

بله ایشالله تا پاییز برگزار می کنیم.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3