Php 如何在我在后端创建的ma网页中显示相同的星形系统

我在wordpress（后端）中使用jQuery创建了一个五星评级系统插件。星型值也在更新到post元表中。如何在ma页面中显示相同的星形系统。这是我的插件代码

<?php

/* Plugin Name: Star Rating
 * Version: 1.0
 */

class starrating{

    public function __construct(){
    add_action('add_meta_boxes',array($this,'my_meta'));
    add_action('admin_enqueue_scripts',array($this ,'starscript' ));
    add_action('save_post', array($this,'save_field'));
    }


    public function my_meta()

    {

        add_meta_box(
       'my_custom_meta',
       'Created By',
        array($this,'my_meta_box_mes'),
       'a_z',
       'side',
       'low'
    );

    }

    public function save_field($post_id)

    {
    update_post_meta($post_id,'starrating',$_POST['rating']);    
 }


    public function my_meta_box_mes()
    {

    ?>
     <label>Please Rate Your Ratings !!</label>
     <p>
  <input type="hidden" name="rating" id="rating" />
<ul class="rating" onMouseOut="resetRating();">
  <li name="star" value="one" onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onclick="addRating(this);">&#x2605;</li>
  <li name="star" value="two" onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onclick="addRating(this);">&#x2605;</li>
  <li name="star" value="three" onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onclick="addRating(this);">&#x2605;</li>
  <li name="star" value="four" onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onclick="addRating(this);">&#x2605;</li>
  <li name="star" value="five" onmouseover="highlightStar(this);" onmouseout="removeHighlight();" onclick="addRating(this);">&#x2605;</li>
</ul>
    </p>



     <?php
    }
    public function starscript(){
     wp_enqueue_script( 'star_id',content_url() . '/plugins/star_rating/js/starrating.js' );
     wp_enqueue_script('jquery_id', 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js');
     wp_enqueue_style( 'styl_id',content_url() . '/plugins/star_rating/css/star.css' ); 

    }
}
$star=new starrating();

?>

请给你的评分！！


&x2605
&x2605
&x2605
&x2605
&x2605

有人伸出援助之手吗

get\u post\u meta

？使用get\u post\u meta可以在后端获得对帖子的评分。现在，我想使用tht评分，并希望在我的网页上显示一个单一的答案太广泛。。。您必须在前端将脚本排队，使用短代码或小部件显示评级系统，并使用Ajax将值保存在数据库中。。。星星应该被保存为一个数组，这样你就可以在每篇文章中有多个星星。