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

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

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

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

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

  • برخی از ویژگی های سیستم لایک نوشته و نظرات آقای جان مسترسون عبارتند از:
  • لایک و دیسلایک پست و نظرات وردپرس به شکل آژاکس (ایجکس Ajax)
  • استفاده از آیکون های svg، فونت ایکون و یا تصویر در پروژه
  • فراخوانی دکمه های لایک در نوشته و نظرات وردپرس توسط تابع
  • امکان استفاده در حلقه وردپرس یا کوئری های wordpress
  • قابلیت تعیین آیکون متفاوت برای نوشته های لایک شده
  • امکان پسندیدن یا حذف لایک مطالب و دیدگاه ها توسط کاربر
  • قابلیت نمایش تعداد لایک در پروفایل کاربران
  • امکان ساخت کوئری برای نمایش نوشته یا دیدگاه های دارای بیشترین لایک
  • قابلیت نمایش لایک بر حسب کیلو (مثلا ۱k)
  • و …

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

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

[php]</p>
<p style="text-align: left;">include_once(‘post-like.php’);</p>
<p style="text-align: left;">[/php]

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

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

[php]
<p style="text-align: left;">تابع لایک مطالب
<?php echo get_simple_likes_button(get_the_ID()); ?>

تابع لایک دیدگاه ها
<?php echo get_simple_likes_button(get_comment_ID(),1); ?></p>
[/php]

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

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

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

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

شما هم دیدگاهی برای این مطلب ارسال کنید

نام شما

ایمیل شما

وب سایت شما
تبلیغات دورانیت

تبلیغات دورانیتتبلیغات دورانیت

تبلیغات دورانیت

... درباره ی دورانیت ...

دورانیت از مجموع دو کلمه دوران Doran + آی تی IT راه اندازی شده است.

... ابر برچسب ها ...

آدرس سایت سکه ثامن آموزش زبان ترکیه ای با آهنگ اس ام اس رسمی تبریک تولد مهر ماه اعدام امیر تتلو امیر تتلو مرتد شد اهانت امیر تتلو به امام حسین ع اهانت امیر تتلو در اینستاگرام به شهدای حادثه اهواز اینستاگرام امیر علی اکبری اینستاگرام ساشا سبحانی اینستاگرام وحید خزایی برنامه مذهبی اندروید بیوگرافی بازیگران تتوی جدید امیر تتلو تحقیق برای درس شناخت هنر گرافیک ترجمه آهنگ ایلیاس ترجمه آهنگ های خواننده ترکیه ای الیاس ترجمه فارسی آهنگ ترکی ایلیاس ترجمه فارسی آهنگ ترکی مورات بز تشییع جنازه عزت الله انتظامی تعداد کشته های حمله تروریستی اهواز تعداد کشته و شهید حادثه تروریستی رژه اهواز توهین امیر تتلو به محرم و امام حسین توهین رسایی به امیر تتلو و واکنش توهین ساشا سبحانی حکم مرتدد و ارتداد امیر تتلو داعش در اهواز دانلود رایگان قالب فروشگاهی فارسی و رسپانسیو درمان مشکل نعوظ مردان با زنجبیل دستگیری وحید خزایی در ترکیه سپیده بزمی پور همسر شاهرخ استخری شایعه حمید هیراد شهریور یعنی... طرز تهیه زنجبیل تازه طرز صحیح مصرف تخم کتان عکس امیر تتلو در دریا شنا کردن عکس امیر علی اکبری و همسرش عکس برای پست اینستاگرام محرم عکس تلگرام مهر ماهیم عکس نوشته شب اربعین عکس نوشته های اسم برای محرم عکسنوشته های شعر محرم عکس نوشته گریه آور پاییز 97 عکس های عاشقانه گریه آور پاییز عکس های مراسم تشییع عزت الله انتظامی عکس پروفایل دخترونه مهر ماهی عکس پروفایل گریه آور پاییزی فرهاد زاهدی فر مدیر سکه ثامن قد امیر تتلو ماجرای حمله تروریستی در اهواز محرم 97 مسئولیت حمله تروریستی امروز در اهواز مصرف تخم شربتی در حاملگی مهر ماهی جان تولد مبارک + عکس میلاد پیامبر واقعیت سفر به گذشته در زمان واکنش هنرمندان به ازدواج سمانه پاکدل و هادی کاظمی وحید خزایی تحت تعقیب ولادت حضرت محمد پیام ادبی تسلیت محرم کد تبلیغات متنی برای وبلاگ و سایت

©دورانیت / بازنشر مطالب بلامانع است