\u4ee5\u524d\u3001\u4f5c\u3063\u305fAmazon\u30e9\u30a4\u30af\u306a\u661f\u306e\u8868\u8a18\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3002<\/p>\n\n\n\n
\u610f\u5916\u3068\u3088\u304f\u4f7f\u3046\u306e\u3067\u8a18\u4e8b\u5316\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
\u203b\u3061\u306a\u307f\u306b\u30ec\u30d3\u30e5\u30fc\u306e\u69cb\u9020\u5316\u30c7\u30fc\u30bf\u3068\u306f\u7d10\u3065\u3051\u3066\u3044\u306a\u3044\u306e\u3067\u60aa\u3057\u304b\u3089\u305a\u3002<\/p>\n\n\n\n
\u30b5\u30f3\u30d7\u30eb\u30a4\u30e1\u30fc\u30b8<\/p>\n\n\n\n
\u5c0f\u6570\u70b9\u90e8\u5206\u306e0.25\u301c0.75\u306e\u5834\u5408\u306f\u3001\u534a\u5206\u306e\u661f\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n
\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3067\u8a2d\u7f6e\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
\u5916\u89b3 \uff1e \u30c6\u30fc\u30de\u30a8\u30c7\u30a3\u30bf \uff1e functions.php\u306b\u4e0b\u8a18\u306e\u30b3\u30fc\u30c9\u3092\u633f\u5165\u3057\u3066\u3042\u3052\u307e\u3059\u3002<\/p>\n\n\n\n
define('MAX_SCORE', 5);\n\nfunction star_shortcode($atts) {\n $atts = shortcode_atts(array(\n 'score' => '0',\n ), $atts, 'star');\n\n $review_score = (float) $atts['score'];\n\n $before = floor( $review_score );\n $fraction = $review_score - $before;\n $middle = 0;\n\n if ( $fraction >= 0.25 && $fraction < 0.75 ) {\n $middle = 1;\n } elseif ( $fraction >= 0.75 ) {\n $before += 1;\n }\n\n $after = MAX_SCORE - $before - $middle;\n\n $star_full_svg = '<span style="--the-icon-svg: url(data:image\/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjQuOSAxLjkgNiAxMy45TDQ2IDE3LjJjLjkuMSAxLjIgMS4yLjYgMS44TDM1LjIgMjlsMy4zIDE0LjhjLjIuOS0uNyAxLjYtMS41IDEuMWwtMTMtNy42TDEwLjkgNDVjLS44LjUtMS43LS4yLTEuNS0xLjFsMy4zLTE0LjgtMTEuNC0xMGMtLjctLjYtLjMtMS43LjYtMS44TDE3IDE1LjkgMjMgMmMuNC0uOSAxLjYtLjkgMS45LS4xeiI+PC9wYXRoPjwvc3ZnPg==)" data-icon="LsStarFull" data-id="1" aria-hidden="true" class="swl-inline-icon"><span class="swl-inline-color svg-color has-swl-deep-01-color">\u2003<\/span><\/span>';\n $star_half_svg = '<span data-icon="LsStarHalf" data-id="2" style="--the-icon-svg: url(data:image\/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDYuMSAxNy4zIDMxIDE1LjkgMjUgMmMtLjItLjQtLjYtLjYtLjktLjYtLjQgMC0uOC4yLS45LjZsLTYgMTMuOS0xNS4zIDEuNGMtLjkuMS0xLjIgMS4yLS42IDEuOGwxMS40IDEwLTMuMyAxNC44Yy0uMi43LjQgMS4yIDEgMS4yLjIgMCAuMyAwIC41LS4xTDI0IDM3LjMgMzcuMSA0NWMuMi4xLjMuMS41LjEuNiAwIDEuMS0uNiAxLTEuMmwtMy4zLTE0LjggMTEuNC0xMGMuNi0uNi4zLTEuNy0uNi0xLjh6bS0xMy41IDguOC0xLjggMS42LjUgMi40IDEuOCA3LjktNy00LjEtMi4xLTEuM1YxMGwzLjIgNy41IDEgMi4yIDIuNC4yIDguMS44LTYuMSA1LjR6Ij48L3BhdGg+PC9zdmc+)" aria-hidden="true" class="swl-inline-icon svg-color">\u2003<\/span>';\n $star_empty_svg = '<span data-icon="LsStarEmpty" data-id="1" style="--the-icon-svg: url(data:image\/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjQgMTAgMy4yIDcuNSAxIDIuMiAyLjQuMiA4LjEuOC02LjEgNS40LTEuOCAxLjYuNSAyLjQgMS44IDcuOS03LTQuMS0yLjEtMS4zLTIuMSAxLjItNyA0LjEgMS44LTcuOS41LTIuNC0xLjgtMS42LTYuMS01LjQgOC4xLS44IDIuNC0uMiAxLTIuMkwyNCAxMG0wLTguN2MtLjQgMC0uOC4yLS45LjZsLTYgMTMuOS0xNS4yIDEuNWMtLjkuMS0xLjIgMS4yLS42IDEuOGwxMS40IDEwLTMuMyAxNC44Yy0uMi43LjQgMS4yIDEgMS4yLjIgMCAuMyAwIC41LS4xTDI0IDM3LjMgMzcuMSA0NWMuMi4xLjMuMS41LjEuNiAwIDEuMS0uNiAxLTEuMmwtMy4zLTE0LjggMTEuNC0xMGMtLjctLjYtLjMtMS43LjYtMS44TDMxIDE1LjkgMjUgMmMtLjItLjUtLjYtLjctMS0uN2EiPiA8L3BhdGg+PC9zdmc+)" aria-hidden="true" class="swl-inline-icon svg-color">\u2003<\/span>';\n\n $review_score_html = '<div class="rating-star">';\n\n $review_score_html .= str_repeat($star_full_svg, $before);\n $review_score_html .= str_repeat($star_half_svg, $middle);\n $review_score_html .= str_repeat($star_empty_svg, $after);\n\n $review_score_html .= ' <span class="rating-star-text">' . $review_score . '\u70b9<\/span><\/div>';\n\n return $review_score_html;\n}\n\nadd_shortcode('star', 'star_shortcode');<\/code><\/pre><\/div>\n\n\n\nCSS<\/h3>\n\n\n\n
\u4ee5\u4e0b\u306e\u30b3\u30fc\u30c9\u3067\u661f\u306e\u8272\u3092\u5909\u3048\u307e\u3059\u3002<\/p>\n\n\n\n
\u30c6\u30fc\u30de\u304cSWELL\u3067\u3042\u308c\u3070\u4ee5\u4e0a\u3067\u3059\u3002<\/p>\n\n\n\n
.rating-star .svg-color {\n color: #ff9900;\n}<\/code><\/pre><\/div>\n\n\n\n\u8ffd\u8a18\u3001SWELL\u306e\u74b0\u5883\u306b\u3088\u3063\u3066\u306f\u4ee5\u4e0b\u3067\u8868\u793a\u3055\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
.swl-inline-icon {\n position: relative;\n display: inline-block;\n}\n.swl-inline-icon:after {\n color: #ff9900;\n background: currentcolor;\n content: "";\n display: block;\n height: 100%;\n -webkit-mask-image: var(--the-icon-svg);\n mask-image: var(--the-icon-svg);\n -webkit-mask-position: center center;\n mask-position: center center;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n max-width: 2ch;\n position: absolute;\n top: 0;\n width: 100%;\n}<\/code><\/pre><\/div>\n\n\n\n\u3082\u3057SWELL\u306e\u30c6\u30fc\u30de\u4ee5\u5916\u306e\u5834\u5408\u306f\u4e0b\u8a18\u306eCSS\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
.rating-star .svg-color {\n position: relative;\n}\n\n.rating-star .svg-color:after {\n color: #ff9900;\n background: currentcolor;\n content: "";\n height: 100%;\n left: 0;\n -webkit-mask-image: var(--the-icon-svg);\n mask-image: var(--the-icon-svg);\n -webkit-mask-position: center center;\n mask-position: center center;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-size: contain;\n mask-size: contain;\n max-width: 2ch;\n position: absolute;\n top: 0;\n width: 100%;\n}<\/code><\/pre><\/div>\n\n\n\nHTML<\/h3>\n\n\n\n
\u4e0b\u8a18\u306e\u3088\u3046\u306a\u30b7\u30e7\u30fc\u30c8\u30b3\u30fc\u30c9\u3092\u6570\u5b57\u3092\u5c0f\u6570\u70b9\u7b2c\u4e00\u4f4d\u307e\u3067\u5165\u529b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
[star score=\"3.7\"]<\/p>\n\n\n\n
\u4ee5\u4e0a\u3067\u3059\u3002<\/p>\n\n\n\n
\u307e\u3068\u3081<\/h2>\n\n\n\n
\u661f\u8868\u8a18\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306f\u8272\u3005\u3042\u308b\u3068\u601d\u3044\u307e\u3059\u304c\u3001\u5c0f\u6570\u70b9\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u3066\u3001FontAwesome\u3092\u4f7f\u308f\u306a\u3044\u3082\u306e\u304c\u898b\u3064\u304b\u3089\u306a\u304b\u3063\u305f\u306e\u3067\u3001\u81ea\u4f5c\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n
\u8208\u5473\u304c\u3042\u308c\u3070\u4f7f\u3063\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"
\u4ee5\u524d\u3001\u4f5c\u3063\u305fAmazon\u30e9\u30a4\u30af\u306a\u661f\u306e\u8868\u8a18\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3002 \u610f\u5916\u3068\u3088\u304f\u4f7f\u3046\u306e\u3067\u8a18\u4e8b\u5316\u3057\u3066\u307f\u307e\u3057\u305f\u3002 \u203b\u3061\u306a\u307f\u306b\u30ec\u30d3\u30e5\u30fc\u306e\u69cb\u9020\u5316\u30c7\u30fc\u30bf\u3068\u306f\u7d10\u3065\u3051\u3066\u3044\u306a\u3044\u306e\u3067\u60aa\u3057\u304b\u3089\u305a\u3002 \u30b5\u30f3\u30d7\u30eb\u30a4\u30e1\u30fc\u30b8 \u5c0f\u6570\u70b9\u90e8\u5206\u306e0.25\u301c0.75\u306e\u5834\u5408 […]<\/p>\n","protected":false},"author":1,"featured_media":22900,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pochipp_cv_data":"","swell_btn_cv_data":"","footnotes":""},"categories":[91],"tags":[],"area":[],"class_list":["post-22878","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-customize"],"_links":{"self":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/22878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/comments?post=22878"}],"version-history":[{"count":1,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/22878\/revisions"}],"predecessor-version":[{"id":24284,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/22878\/revisions\/24284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/22900"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=22878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=22878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=22878"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=22878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}