wordpress - 我想定制一个插件以满足我的要求；我的要求是为向上投票和向下投票添加向上箭头和向下箭头

Question

我正在使用一个名为 WP po​​st section vote 的插件。该插件使访问者能够为帖子的每个部分而不是 Wordpress 中的整个帖子投票。这正是我的列表类型帖子所需要的。但是，我想改变插件的一些东西，如下所述

jQuery(function() {
    jQuery(".psv-vote-link").click(function(){
        var id_parts = this.id.split("-");
        if (id_parts[2] != '' && id_parts[3] > 0 && id_parts[4] != '') {
            var vote = 1;
            if (id_parts[2] == 'minus') vote = -1;
            var post_id = id_parts[3];
            var section_name = id_parts[4];
            jQuery.ajax({
                type: 'POST', 
                url: PsvAjax.ajaxurl, // Including ajax file
                data: { "action": "post_section_voting_vote", "section_name": section_name, "vote": vote, "post_id": post_id }, 
                success: function(result){ // Show returned data using the function.
                    if (result == 'ok') {
                        jQuery("#response_" + section_name).html('Thank you for your vote');
                        var sign = jQuery("#psv-rating-" + section_name).html().substr(0,1);
                        if (sign == '+') {
                            var new_rating = parseInt(jQuery("#psv-rating-" + section_name).html().substr(1)) + vote;                       
                        } else {
                            var new_rating = parseInt(jQuery("#psv-rating-" + section_name).html()) + vote;                                             
                        }                   
                        if (new_rating > 0) new_rating = '+' + new_rating;
                        jQuery("#psv-rating-" + section_name).html(new_rating);
                    } else {
                        jQuery("#response_" + section_name).html('You have already voted for this block');                  
                    }
                }
            });
        }
    });
});

div.psv-section {
    margin-bottom: 5px; 
    border: 1px solid #CCC; 
    padding: 5px 10px 0 10px;
}

span.psv-result {
    float: right; 
    margin: 0 0 5px 15px; 
    padding: 0 15px; 
    background-color: #EEE; 
    color: black;
}

div.psv-voting-block {
    margin-top:10px; 
    text-align:right;
}

a.psv-vote-link {
    background-color: #EEE;
    color: #333;
    padding: 2px 10px;
    text-decoration: none;
}

a.psv-vote-link:hover {
    background-color: #AAA;
}

span.psv-vote-response {
    font-style: italic;
    font-size: 11px;
    margin-right: 10px;
}

1

1. 将部分右下角的“+1”和“-1”符号更改为向上箭头和向下箭头以表示向上和向下投票。
2. 根据获得的票数对该部分进行排序。投票最高的 WP 帖子部分将排名第一，依此类推。
3. 更改布局，从左到右，向上箭头和向下箭头并排，向上和向下箭头上方，框内的总票数----->图像（300x300）----- -> 右边的文字。整个事情应该是卡片式布局。
4. 添加从前端提交项目的选项（图像 300 像素 x 300 像素不超过 60 kB，列表中的可选描述）
5. 在后端，控制用户可以提交多少像素图像，描述字符数。谁能帮我自定义插件？我已附上插件的 php、CSS 和 JS 文件

标签： wordpressranking-functions