پیاده سازی انواع کامنت در وردپرس

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

خب دوستان ، همونطور که می دونید در وردپرس هرچیزی یا هر قسمتی یک سری تنظیمات داره ، درسته؟ حالا ما میخوایم بریم تنظیمات دیدگاه هامون که در پنل ادمین قسمت ” تنظیمات > گفتگوها ” هست رو بررسی کنیم تا ببینیم هرکدوم از اونها چه خاصیتی دارند.

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

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

خب در این جلسه میایم به طور کامل این کلاس رو بررسی میکنیم ، همچنین آرگومان هایی که برای کوئری گرفتن دیدگاه ها لازم داریم رو ، کاملا توضیح میدیم . میخوایم به طور واضح با این کلاس آشنا بشیم تا در جلسه بعدی ، کدنویسی رو انجام بدیم. حتما با ما همراه باشین 🙂

در جلسه قبلی کلاس WP_Comment_Query رو بررسی کردیم و حالا وارد کدنویسی شدیم . همچنین یاد گرفتیم که چطوری تمام و کمال دیدگاه ها رو نمایش بدیم .

در جلسات قبل در مورد کلاس WP_Comment_Query بحث کردیم . حالا یک تابعی به نام get_comments داریم که دقیقا مثل این کلاس عمل میکنه . تو این درس به بررسی این تابع می پردازیم .

در این جلسه می خوایم فیلدهایی که برای ارسال دیدگاه ها هستند رو بررسی کنیم و خوبِ خوب یاد بگیریم که چه جزئیاتی دارن تا در جلسه بعد سراغ کدنویسی بریم .

خب ، در جلسه قبل کار با comment_form رو یاد گرفتیم .

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

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

قسمت اول :

قسمت دوم :

قسمت سوم :

در این جلسه یاد خواهیم گرفت که به چه صورت دیدگاه ها رو نمایش بدیم . ما با استفاده از تابع wp_list_comments ، دیدگاه ها رو نشون میدیم .

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

در قسمت دوم ادامه  قسمت قبل رو انجام میدیم . همچنین آواتار ، نام نویسنده و نمایشِ پیغامِ “در دست بررسی” رو پیاده سازی می کنیم .

و در قسمت سوم بخش تاریخ ، زمان ، نمایش متن دیدگاه و دکمه پاسخ رو پیاده سازی می کنیم .

قسمت اول :

قسمت دوم :

قسمت سوم :

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

قسمت اول :

قسمت دوم :

در این جلسه میخوایم یاد بگیریم که چطوری در فرم دیدگاه ها فیلدهای دلخواه اضافه کنیم و محتویات اون ها رو در متاکامنت ها ذخیره کنیم .

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

حتما در پنل مدیریت قسمت دیدگاه ها دیدین که بخش ویرایش دیدگاه داره ، درسته؟ خب ما در جلسات قبل اومدیم یک فیلد دلخواه اضافه کردیم و حالا می خوایم اون رو سمت پنل مدیریت نمایش بدیم ، تا مدیر سایت بتونه اون رو ویرایش کنه . با ما همراه باشین تا این کار لذت بخش رو باهم انجامش بدیم 🙂

در جلسات قبل یاد گرفتیم که به چه صورت فیلد به فرم دیدگاه اضافه کنیم . حالا می خوایم با یه روش دیگه و با استفاده از hook این کارو انجام بدیم. پس با این درس جذاب با ما همراه باشین 😀

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

قسمت اول :

حالا که اومدیم کدنویسی قسمت rating رو انجام دادیم ، نوبت میرسه به استایل دهی که در قسمت دوم میتونین ببینین 😉

قسمت دوم  :

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

قسمت سوم :

حالا می خوایم برای هر دیدگاه rate رو پیاده کنیم و استایلش رو بدیم تا خوشکل و موشکل بشه 😀

قسمت چهارم :

حالا خیلی دیگه می خوایم شخصی سازی کنیم  😀

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

در این بخش قراره میانگین تمامی رتبه هایی که داده شده رو به کاربران سایت نمایش بدیم! چطوری با دوتا حساب کتاب ساده می تونیم این کار که به نظر سخت میاد رو انجام بدیم ؟! یادتون هست قضیه میانگین گیری رو که توی درس ریاضی خونده بودیمش!!! ماهم باهمین روش ، میانگین rate رو پیاده سازی می کنیم .

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

قسمت اول :

هیچ چیز بهتر از ظاهر خوشکل جیگر آدم رو حال نمیاره، تو قسمت دوم میخوایم بریم به بخش میانگین رتبه استایل بدیم تا قیافش قشنگ شه 😉

قسمت دوم :

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

قسمت سوم :

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

قسمت چهارم :