آموزش ویدئویی HTML و CSS به صورت کاملا رایگان برای عضویت در دوره کلیک کنید

الماس وب بلاگ

Almasweb Blog

لایک مطالب و دیدگاه ها در وردپرس بدون افزونه به شکل ایجکس Ajax Like post

کد های وردپرس ۰۹-۱۲-۱۳۹۸

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

لایک مطالب و دیدگاه ها در وردپرس

لایک مطالب و دیدگاه ها در وردپرس

همینطور که میدانید با اندکی جستجو در اینترنت به کدها و روش های گوناگونی برای ساخت سیستم لایک وردپرس بدون افزونه میرسید، ما در این مطلب از توابعی که به صورت رایگان و متن باز توسط آقای جان مسترسون (Jon Masterson) در سایت گیت هاب (github) به آدرس WordPress-Post-Like-System منتشر شده استفاده میکنیم.و سعی داریم با آسون ترین راه ممکن لایک مطالب و دیدگاه ها وردپرس را به شما آموزش دهیم.

نقاط قوت سیستم لایک مطالب و دیدگاه وردپرس بدون افزونه

برخی از ویژگی های سیستم لایک نوشته و نظرات آقای جان مسترسون عبارتند از:

  1. لایک و دیسلایک پست و نظرات وردپرس به شکل آژاکس (ایجکس Ajax)
  2. استفاده از آیکون های svg، فونت ایکون و یا تصویر در پروژه
  3. فراخوانی دکمه های لایک در نوشته و نظرات وردپرس توسط تابع
  4. امکان استفاده در حلقه وردپرس یا کوئری های wordpress
  5. قابلیت تعیین آیکون متفاوت برای نوشته های لایک شده
  6. امکان پسندیدن یا حذف لایک مطالب و دیدگاه توسط کاربر
  7. قابلیت نمایش تعداد لایک در پروفایل کاربران
  8. امکان ساخت کوئری برای نمایش نوشته یا دیدگاه های دارای بیشترین لایک
  9. قابلیت نمایش لایک بر حسب کیلو (مثلا 10k)
  10. و …

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

برای شروع کار ابتدا فایل های افزونه را از سرور گیت هاب دانلود میکنیم. پس از استخراج فایل از حالت فشرده، فایل پی اچ پی post-like.php را در کنار سایر فایلهای قالب وردپرس مان کپی میکنیم. سپس قطعه کد زیر را در فایل فانکشن پوسته که با نام functions.php شناخته میشود قرار میدهیم تا توابع افزونه لایک را فراخوانی کنیم.

در پوشه js فایلی با نام simple-likes-public.js وجود دارد که برای ایجاد قابلیت ایجکس مورد استفاده قرار میگیرد.
این فایل جی کوئری را نیز به پوشه js قالب منتقل میکنیم. (اگر پوسته وردپرس تان پوشه js ندارد آنرا بسازید و فایل simple-likes-public.js را درون آن کپی کنید)

در پوشه css فایلی با نام simple-likes-public.css وجود دارد که باید کدهای استایل موجود در آنرا کپی کرده و در استایل پوسته که با نام style.css شناخته میشود قرار دهید. تقریبا کار فراخوانی و شناساندن توابع سیستم لایک مطالب و دیدگاه وردپرس بدون افزونه تمام شده و اکنون میتوانید با استفاده از توابع زیر در حلقه و کوئری وردپرس بخش لایک مطالب را نمایش دهید.

تغییر آیکون پسندیدن و نپسندیدن سیستم لایک وردپرس

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

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

برای تغییر آیکون های لایک و دیسلایک فایل post-like.php را در ویرایشگر php اجرا کنید سپس به عبارت get_liked_icon و get_unliked_icon را جستجو کنید، اکنون میتوانید با تغییر ایکون svg پیشفرض (خط 305 و 315) به فونت آیکون دلخواه یا ایکون تصویری، شخصی سازی های لازم را انجام دهید.

کوئری نمایش مطالب دارای بیشترین لایک

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

در کد بالا تعداد 10 عنوان به همراه لینک مطلب نمایش داده میشود برای تغییر تعداد مطالب قابل نمایش مقدار متغییر posts_per_page را تغییر دهید.

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

امیدواریم که این آموزش مورد پسند شما واقع شده باشد.

مهدی ایبک ابادی

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

سوالات کاربران درباره لایک مطالب و دیدگاه ها در وردپرس بدون افزونه به شکل ایجکس Ajax Like post

*
*

سه × پنج =

از تخفیف های ما بهره مند شوید