在wordpress中添加简单的5星评级系统

时间:2015-05-01 10:24:40

标签: php jquery css wordpress

我在wordpress工作,想要添加5星评级系统。现在的问题是,有许多免费插件,但他们将评级系统添加到页面,帖子和评论。我的情况有点不同,我正在开发一个自定义解决方案,我想在我的for循环的所有行中添加评级行,并将我的投票与后端的表格链接起来。我只是粘贴显示多行的表单代码,我想在此代码的末尾添加评级系统。请指导最佳解决方案。我知道jquery悬停的概念,并使用星号作为div背景并使用星号作为提交按钮。但是如何实现这一点可以任何人指导。感谢

php代码(为此循环的每一行添加评级)

<?
foreach( $results as $result ) {
$form.= '<form id="voteform" action="" method="post">';
$form.= "<input name='category' type='hidden' value='$result->category'>"; 
$form.= "<input name='aid' type='hidden' value='$result->aid'>";
$form.= "Title :".$result->title.'<br>';
$form.= "<div class='mg-image' style='margin-top:15px;'><img id='articlecontest' src='$result->path' width='250' height='250' ></div>" . '<br><br>';


$form.= "<input name='competition' type='hidden' value='$result->competition'>";
$form.= "Username :".$result->username.'<br>';

$form.= "Total Votes:".$result->votessum.'<br>';
$form.= "<div id='articlesummary'>".$result->articlebody."</div>";

$form.="<div id='clickme' style='color:blue; font-size:16px; font-family: Satisfy, Cursive;'>".'READ MORE'."</div>";
$form.= do_shortcode('[xrr rating=4/5]');
$form.= '<div id="articlebody">'.'This is body text'.$result->body.'</div>';
$form.= "<input  class='vote' value='two' src='http://localhost:8080/test/wp-content/uploads/2015/04/up.jpg' type='submit' type='image'/>";

$form .= "<input  class='vote' value='one' src='http://localhost:8080/test/wp-content/uploads/2015/04/up.jpg' type='submit' type='image'/><form>"; ?>

主要问题是如何为php代码添加评级...使用免费插件添加页面或帖子可能很容易

0 个答案:

没有答案