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

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


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

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

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

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

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

برای شروع کار ابتدا فایل های مربوطه را از like-ajax دریافت کنید و فایل post-like.php را در کنار سایر فایل ها قالب وردپرس خود قرار دهید سپس در فایل functions.php خود که در همان قسمت قالب سایتتان موجود است باید مسیر فایل post-like.php را به وردپرس معرفی کنید با قطعه کد زیر که در انتهای functions.php قرار میدهید. به طور مثال ما در پوشه inc پوسنه قرار داده ایم:

دو فایل simple-likes-public.js و simple-likes-public.css به ترتیب در پوشه js و css فایلی که دانلود کرده اید قرار دارد که اولی برای افزودن قابلیت ajax و دومی برای افزودن استایل و شکل و فرم گزنه لایک است. اگر این دو پوشه را در قالب سایت وردپرسی خود ندارید بسازید و این دو فایل را اضافه کنید.

تقریبا بیشتر کار را انجام داده اید حال با استفاده از دستورات زیر می توانید دکمه لایک نوشته و نظرات را به سایت خود اضافه کرده و از این قابلیت زیبا لذت ببرید:

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

برای تغییر شکل آیکون های پسندیدن و نپسندیدن می توانید فایل post-like.php را باز کرده و در قسمت توابع function get_liked_icon و function get_unliked_icon که در خط ۳۰۵ و ۳۱۵ قرار دارد عبارتی که در قسمت متغیر $icon قرار دارد را به شکل دلخواه خود تغییر دهید در حالت پیشفرض به صورت svg است که ما به طور مثال به صورت زیر تغییر داده ایم:

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

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

که در این حالت تعداد ۸ نوشته را نشان می دهد که شما می توانید برای تغییر آن مقدار متغییر post_per_page را عوض کنید.

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

 

 

 

لایکش کن 4
اشتراک گذاری
دیدگاه ها

۱۳۹۷ © کلیه حقوق سایت برای وبگران محفوظ است

بالا