• 赤色のリンクは、まだ日本語Codexに存在しないページ・画像です。英語版と併せてご覧ください。(詳細

このWikiはいつでも誰でも編集できます

関数リファレンス/wp star rating

提供: WordPress Codex 日本語版
< 関数リファレンス
2014年1月26日 (日) 20:27時点におけるDjkaz (トーク | 投稿記録)による版 (各章のヘッダーを和訳して <div> タグ埋め込み。)

移動先: 案内検索
このページ「関数リファレンス/wp star rating」はまだ書きかけで、情報が不足しています。続きを書いて WordPress を手助けしましょう.


Outputs a HTML element with the star rating exposed on a 0-5 scale in half star increments (i.e. 1, 1.5, 2 stars). Optionally, if specified, the number of ratings may also be displayed in the title attribute by passing the $number parameter.

By default, only works in admin screens.

使用法

<?php wp_star_rating( $args ); ?>

パラメーター

$args
array) (optional) array of arguments
初期値: 0 stars

引数

  • rating - The numeric rating value 0-5 in 0.5 increments. (or 0-100 percent rating for percent type calls) Default 0.
  • type - Acceptable values are 'percent' or the default 'rating'.
  • number - Quantity of submitted ratings, displays as part of title attribute text on hover.

戻り値

(none) 
directly echoes content

Results in a star rating like this:

star-rating.png

Examples

<? php $args = array(
   'rating' => 3.5,
   'type' => 'rating',
   'number' => 1234,
);
wp_star_rating( $args ); ?>

The above code outputs the following HTML:

<div class="star-rating" title="3.5 rating based on 1,234 ratings"><div class="star star-full"></div><div class="star star-full"></div><div class="star star-full"></div><div class="star star-half"></div><div class="star star-empty"></div></div>

In order to use this function on the front end, your template must include the wp-admin/includes/template.php file and enqueue the appropriate dashicons CSS font information. Example CSS:

@font-face {
	font-family: "dashicons";
	src: url("../fonts/dashicons.eot");
}

@font-face {
	font-family: "dashicons";
	src: url(data:application/x-font-woff;charset=utf-8;base64,/* !! Large amount of data removed, see wp-includes/css/dashicons.css for complete data !! */) format("woff"),
		url("../fonts/dashicons.ttf") format("truetype"),
		url("../fonts/dashicons.svg#dashicons") format("svg");
	font-weight: normal;
	font-style: normal;
}

.star-rating .star-full:before {
    content: "\f155";
}

.star-rating .star-half:before {
    content: "\f459";
}

.star-rating .star-empty:before {
    content: "\f154";
}

.star-rating .star {
    color: #0074A2;
    display: inline-block;
    font-family: dashicons;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: 20px;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    vertical-align: top;
    width: 20px;
}

Note the font data in the above CSS has been omitted for clarity. This data must be included in working code. Refer to wp-admin/css/dashicons.css

改訂履歴

Version 3.8 にて導入されました。

ソースファイル

wp_star_rating()wp-admin/includes/template.php にあります。

 

最新英語版: WordPress Codex » wp_star_rating最新版との差分


関数リファレンステンプレートタグ目次もご覧ください。