تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

لایک دیدگاه وردپرس بدون افزونه

وردپرس , مقالات,آموزش,ترفند

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

 

لایک دیدگاه وردپرس بدون افزونه

 

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

 

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

کد های ما به 4 دسته تقسیم میشوند:

  • HTML
  • جی کوئری یا AJAX
  • PHP
  • CSS

کد اول را باید درون فایل comments.php و درون تابع callback فراخوانی نظرات استفاده کنید، ما در کدهای خودمون که از این لایک نظرات بهره بردیم از تابع wp_list_comments() برای نمایش دیدگاه ها استفاده کردیم

اگر در مورد توابع بالا آشنایی ندارید کافیست عبارت codex wp_list_comments را در گوگل جستجو کنید تا هم بان آن آشنا شوید هم به کدهای کامل نمایش نظرات دست یابید

کد اول به شکل زیر میباشد:

<div class="d-inline-block mr-3">
    <span class="response response-<?php echo $comment->comment_ID; ?> d-inline-block mr-1">
        <?php echo get_comment_meta( $comment->comment_ID, '_like_comment', true ); ?>
    </span>
    <?php if (isset($_COOKIE["like-comment-$comment->comment_ID"])){ ?>
    <a href="#" class="comment-like-<?php echo $comment->comment_ID; ?> event-none" comment-id="<?php echo $comment->comment_ID; ?>">LIKED</a>
    <?php }else{ ?>
    <a href="#" class="comment-like comment-like-<?php echo $comment->comment_ID; ?>" comment-id="<?php echo $comment->comment_ID; ?>">LIKE</a>
    <?php } ?>
</div>

کد دوم ما جی کوئری یا ایجکس هست که آن ها را باید درون یک فایل js قرار دهیم تا اجرا شود، معمولا در قالب ها فایل های js به نام های custom.js یا main.js قرار دارند که در انتهای یا ایتدای آن این کد را قرار دهید

(function ($) {
        $(document).ready(function () {
 
// Ajax Like
 
            $(".comment-like").click(function (e) {
                    e.preventDefault();
                    var idcm = $(this).attr('comment-id');
                $.ajax({
                    type: 'POST',
                    url: favorites_data.ajaxurl,
                    data: {"action": "like-comment", idcomment: idcm },
                    success: function(response) {
                        $(".comment-like-"+idcm).html('LIKED');
                        $(".comment-like-"+idcm).addClass('event-none');
                        $(".response-"+idcm).html(response);
                    }
                });
            });
   });
}(jQuery));

در مرحله سوم باید کدهای php را در انتهای فایل functions.php قالب خود قرار دهید و ذخیره کنید:

add_action( 'wp_ajax_nopriv_like-comment', 'like_comment_ajax' );
add_action( 'wp_ajax_like-comment', 'like_comment_ajax' );
function like_comment_ajax () {
    $value = "ok";
    if ( metadata_exists( 'comment', $_POST['idcomment'], '_like_comment' ) ) {
        $gtlike = get_comment_meta( $_POST['idcomment'], '_like_comment', true );
        $gtlike += 1;
        update_comment_meta( $_POST['idcomment'], '_like_comment', $gtlike );
        echo get_comment_meta( $_POST['idcomment'], '_like_comment', true );
        setcookie("like-comment-".$_POST['idcomment'], $value, time()+ 60*60*24*30,"/");
    }else{
        add_comment_meta( $_POST['idcomment'], '_like_comment', 1 );
        echo get_comment_meta( $_POST['idcomment'], '_like_comment', true );
        setcookie("like-comment-".$_POST['idcomment'], $value, time()+ 60*60*24*30,"/");
    }
    exit();
}

مرحله چهارم و آخر نیز بسیار ساده میباشد و کافیست کد کوتاه css زیر را به انتهای فایل Style.css خود قرار دهید. اگر کمی با کد های css آشنایی داشته باشید میتوانید زیبایی بیشتری به دکمه لایک دهید و آن را نمایان کنید

.event-none{
    pointer-events: none;
}

این سیستم بر اساس کوکی میباشد و کاربری که یکبار دیدگاهی را لایک کند ، به مدت یک ماه نمیتواند دیگر آن دیدگاه را لایک کند

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=59601
کلمات کلیدی پست :
مطالب مرتبط
4,216نحوه تغییر قالب وردپرس از طریق phpMyAdmin تاریخ : 2019/05/12
3,852راهکار‌هایی برای حل مشکل نصب نشدن قالب وردپرس تاریخ : 2019/09/26
4,664تغییر تعداد ستون داشبورد در پیشخوان وردپرس تاریخ : 2019/05/1
3,7325 روش آسان برای جلوگیری از سرقت پهنای باند در وردپرس تاریخ : 2019/10/23
8,884نمایش فایل‌های ویدئویی در وردپرس با افزونه Spider Video Player تاریخ : 2018/04/23
4,188افزودن css و جاوا اسکریپت سفارشی به قالب وردپرس تاریخ : 2019/09/14
4,772Debug کردن وردپرس به سبک حرفه‌ای‌ها تاریخ : 2019/11/12
7,868حل مشکل ثبت تیکت در افزونه Awesome Support‍ تاریخ : 2019/04/13
6,682افزونه پیوست کردن فایل به دیدگاه ها در وردپرس تاریخ : 2017/01/1
5,432آموزش ایجاد ابزارک تب ها در وردپرس تاریخ : 2018/03/22
4,292آموزش رفع مشکل کندی لود در وردپرس با افزونه تاریخ : 2019/10/22
9,646ویرایش همزمان چند محصول در ووکامرس با افزونه YITH WooCommerce Bulk Product Editing تاریخ : 2017/12/4
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
سئو سایت
تبلیغات