ارزدیجیتال
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

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

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

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

 

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

 

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

 

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

کد های ما به 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;
}

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

موفق باشید

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

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

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

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 وردپرس , مقالات,آموزش,ترفند
لینک کوتاه مطلب : https://www.20script.ir/?p=59601
کلمات کلیدی پست :
مطالب مرتبط
17,571آموزش وبلاگ نویسی شیرین با وردپرس تاریخ : 2014/05/9
8,504نصب گوگل آنالیز در وردپرس Google Analytics تاریخ : 2018/06/30
12,774ایجاد فرم های متنوع در وردپرس با Contact Form by Supsystic تاریخ : 2017/04/17
6,584فعال کردن آپلود فایل برای مشارکت کننده در وردپرس تاریخ : 2018/07/30
9,387دریافت ایمیل های بروزرسانی وردپرس تاریخ : 2017/07/13
33,789آموزش نصب افزونه در وردپرس تاریخ : 2016/12/22
6,364آموزش گذاشتن تبلیغات در نوشته وردپرس تاریخ : 2019/09/26
14,246افزونه صفحه ساز گرافیکی لایو کامپوسر Live Composer v1.1 تاریخ : 2015/01/10
12,922ویرایش همزمان چند محصول در ووکامرس با افزونه YITH WooCommerce Bulk Product Editing تاریخ : 2017/12/4
25,960نمایش مطالب دسته بندی خاص در یک برگه تاریخ : 2018/11/10
7,612نمایش شورت کد در قالب وردپرس تاریخ : 2019/05/25
8,4528 روش برای ترویج خواندن مقالات قدیمی سایت تاریخ : 2016/12/2
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file