Function tạo rating star sử dụng dashicon từ wordpress

03/04/2022 03:02 340

Function tạo rating star sử dụng dashicon từ wordpress: với function này anh chị không phải nhúng fontawesome hay bất cứ icon nào khác mà sử dụng ngay icon star trong star. Sau đây là code ae copy về xài , ae nhớ chố $rating_averating nếu xài 5 star thì không $rating_averating/2, hiện tại function dưới là mình làm cho 10 stars mà hiển thị 5 star nên $rating_averating/2

function the_star_show($star){
	$rating_averating = $star;
	$rating_averating = $rating_averating/2;
	$rating_averating_round_floor=floor($rating_averating);
	$build_stars = '';
	switch ($rating_averating_round_floor) {
	case '1':
	   if($rating_averating > 1.5):
			$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-half" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="5"></span>';
	   else:
			$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="5"></span>';
	   endif;
	   break;
	case '2':
		if($rating_averating > 2.5):
			$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-half" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="5"></span>';
	   else:
			$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="5"></span>';
	   endif;
		break;
	case '3':
		if($rating_averating > 3.5):
			$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-half" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="5"></span>';
	   else:
			$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="5"></span>';
	   endif;
		break;
	case '4':
		if($rating_averating > 4.5):
			$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-half" data-index="5"></span>';
	   else:
			$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="5"></span>';
	   endif;
		break;
	case '5':
			$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-filled" data-index="5"></span>';
	  
		break;			
	default:
		$build_stars='<span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="1"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="2"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="3"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="4"></span><span class="eupro-seo-star-rating dashicons dashicons-star-empty" data-index="5"></span>';
		break;
	}

$rating='<div class="eupro-seo-out" >
<div class="eupro-seo-star-rating-wrap ">'.$build_stars.'</div>
</div>';

echo $rating;
	}

function the_star_show($star){

$rating_averating = $star;

$rating_averating = $rating_averating/2;

$rating_averating_round_floor=floor($rating_averating);

$build_stars = '';

switch ($rating_averating_round_floor) {

case '1':

if($rating_averating > 1.5):

$build_stars='';

else:

$build_stars='';

endif;

break;

case '2':

if($rating_averating > 2.5):

$build_stars='';

else:

$build_stars='';

endif;

break;

case '3':

if($rating_averating > 3.5):

$build_stars='';

else:

$build_stars='';

endif;

break;

case '4':

if($rating_averating > 4.5):

$build_stars='';

else:

$build_stars='';

endif;

break;

case '5':

$build_stars='';

break;

default:

$build_stars='';

break;

}

$rating='<div class="eupro-seo-out" >

<div class="eupro-seo-star-rating-wrap ">'.$build_stars.'</div>

</div>';

echo $rating;

}

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Kỹ thuật css cho checkbox input đẹp hơn [ 05/05/2023 10:32 ]
Css để tăng khoản cách giữa các dot trong border [ 13/12/2022 10:16 ]
Disable animation trong revolution slider [ 20/09/2022 08:07 ]
Cách tạo button printer một element bằng javascript [ 19/09/2022 12:56 ]
Code sử dụng vue js, quasar, axios, sweetalert2 trong tác vụ quản lý danh sách [ 19/07/2022 10:26 ]
Hiệu ứng hover slide image siêu đẹp [ 26/06/2022 13:47 ]
Hướng dẫn lấy botToken và chatId của bot telegram [ 13/06/2022 13:54 ]
Tạo thanh bar bottom mobile trong theme wordpress [ 07/06/2022 10:00 ]
Fix acf not save iframe [ 23/04/2022 07:44 ]
Rewrite lại url cho page template wordpress [ 21/04/2022 02:11 ]

Function tạo rating star sử dụng dashicon từ wordpress

có thể bạn cần xem:

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)