Hiển thị số lượt xem bài viết trong WordPress không dùng plugin

10/15/2017

Hiển thị số lượt xem bài viết trong WordPress không dùng plugin

Là một người quan trị web, chắc hẳn, tôi cũng như bạn rất muốn biết bài viết của mình được quan tâm như thế nào? Nó được bao nhiêu lượt truy cập. Chính vì vậy mà hôm nay, tôi sẽ hướng dẫn các bạn hiển thị số lượt xem bài viết trong WordPress không dùng plugin.

Đối với bài viết này, tôi sẽ chia làm 2 phần:

Đối với các theme không phải là child theme của Genesis (tạm gọi là theme thông thường)Đối với các child theme của Genesis

và chúng ta vào luôn phần đầu tiên nhé.

Đối với các theme thông thường

Đầu tiên, các bạn mở file functions.php của theme đang sử dụng ra và thêm đoạn code sau vào:

function cswp_post_views($post_ID) { $count_key = 'post_views_count'; $count = get_post_meta($post_ID, $count_key, true); if($count == ''){ $count = 0; delete_post_meta($post_ID, $count_key); add_post_meta($post_ID, $count_key, '0'); return $count . ' lượt xem'; }else{ $count++; update_post_meta($post_ID, $count_key, $count); return $count . ' lượt xem'; }}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

function cswp_post_views($post_ID) {

    $count_key = 'post_views_count';

    $count = get_post_meta($post_ID, $count_key, true);

    if($count == ''){

        $count = 0;

        delete_post_meta($post_ID, $count_key);

        add_post_meta($post_ID, $count_key, '0');

        return $count . ' lượt xem';

    }else{

        $count++;

        update_post_meta($post_ID, $count_key, $count);

        return $count . ' lượt xem';

        }

}

sau đó các bạn echo hàm vừa tạo ra bất cứ vị trí nào để hiển thị lượt xem:

<?php echo cswp_post_views (get_the_ID()); ?>

1

<?php echo cswp_post_views (get_the_ID()); ?>

Ví dụ:

Tôi làm với theme Shaped Blog nhé. Ban đầu của post của tôi như này, giờ tôi muốn thêm số lượt xem xuống dưới tiêu đề của bài viết.

Thì tôi sẽ thêm hàm <?php echo cswp_post_views (get_the_ID()); ?> vào file content-single.php sau phần  </h2> <!– //.entry-title –> như hình dưới.

Kết quả của tôi nhận được là:

Bạn có thể tùy chỉnh sao cho phù hợp vị trí của theme bạn là được.

Đối với các child theme của Genesis

Sang phần đối với các child theme của Genesis, cũng tương tự như phần trên, các bạn cũng phải thêm đoạn code sau vào file functions.php của child theme đang sử dụng.

add_action( 'genesis_before_loop', 'cswp_single_post_views' );function cswp_single_post_views(){if( is_single() ){cswp_set_post_views( get_the_ID() );}}if ( !function_exists( 'cswp_set_post_views' ) ){function cswp_set_post_views( $postID ){$count_key = 'post_views';$count = get_post_meta($postID, $count_key, true);if( $count == '' ){$count = 0;delete_post_meta( $postID, $count_key );add_post_meta( $postID, $count_key, '0' );} else {$count++;update_post_meta( $postID, $count_key, $count );}}}if ( !function_exists( 'cswp_get_post_views' ) ){function cswp_get_post_views( $postID ){$count_key = 'post_views';$count = get_post_meta( $postID, $count_key, true );if( $count == '0' || $count == '' ){delete_post_meta( $postID, $count_key );add_post_meta( $postID, $count_key, '0' );$label = '';return; }else{ $label = ( $count == '1' ) ? __( ' lượt xem', 'text-domain' ); } return $count.$label;}}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

add_action( 'genesis_before_loop', 'cswp_single_post_views' );

function cswp_single_post_views(){

if( is_single() ){

cswp_set_post_views( get_the_ID() );

}

}

if ( !function_exists( 'cswp_set_post_views' ) ){

function cswp_set_post_views( $postID ){

$count_key = 'post_views';

$count = get_post_meta($postID, $count_key, true);

if( $count == '' ){

$count = 0;

delete_post_meta( $postID, $count_key );

add_post_meta( $postID, $count_key, '0' );

} else {

$count++;

update_post_meta( $postID, $count_key, $count );

}

}

}

if ( !function_exists( 'cswp_get_post_views' ) ){

function cswp_get_post_views( $postID ){

$count_key = 'post_views';

$count = get_post_meta( $postID, $count_key, true );

if( $count == '0' || $count == '' ){

delete_post_meta( $postID, $count_key );

add_post_meta( $postID, $count_key, '0' );

$label = '';

return;

}else{

$label = ( $count == '1' ) ? __( ' lượt xem', 'text-domain' );

}

return $count.$label;

}

}

Sau đó các bạn muốn hiển thị lượt xem tại đâu thì lại echo cái hàm cswp_get_post_views ra thôi.

<?php echo cswp_get_post_views(get_the_ID()); ?>

1

<?php echo cswp_get_post_views(get_the_ID()); ?>

Chẳng hạn, mình thêm vào post info:

add_filter( 'genesis_post_info', 'cswp_add_post_views' );function cswp_add_post_views($post_info) {if ( !is_page() ) {$post_info = '[post_date] by [post_author_posts_link] [post_comments] <?php echo cswp_get_post_views(get_the_ID()); ?> [post_edit]';return $post_info;}}

1

2

3

4

5

6

7

add_filter( 'genesis_post_info', 'cswp_add_post_views' );

function cswp_add_post_views($post_info) {

if ( !is_page() ) {

$post_info = '[post_date] by [post_author_posts_link] [post_comments] <?php echo cswp_get_post_views(get_the_ID()); ?> [post_edit]';

return $post_info;

}

}

Bonus: Tạo shortcode cho Genesis

Các bạn thêm đoạn code này vào file function.php.

function cswp_add_post_views_shortcode($atts, $content = null){extract(shortcode_atts(array(), $atts, 'postview'));return '<span class="cswp_post_view" >'.cswp_get_post_views(get_the_ID()).'</span>';}add_shortcode('postview', 'cswp_add_post_views_shortcode');

1

2

3

4

5

function cswp_add_post_views_shortcode($atts, $content = null){

extract(shortcode_atts(array(), $atts, 'postview'));

return '<span class="cswp_post_view" >'.cswp_get_post_views(get_the_ID()).'</span>';

}

add_shortcode('postview', 'cswp_add_post_views_shortcode');

Thế là từ nay muốn hiển thị lượt xem tại đâu chỉ cần thêm shortcode [postview] là xong, khỏi cần “e chô, e chiếc” gì nữa.

Vậy là xong cả 2 phần hướng dẫn hiển thị lượt xem cho bài viết WordPress rồi đó. Về phần hiển thị ra thì nó chưa được đẹp, các bạn có thể tùy chỉnh lại nhé. Nếu có bất cứ khó khăn gì hãy cho tôi biết ở phần comment nha. Chúc các bạn thành công.

Nguồn: Việt Hùng admin https://chiasewp.com/

Chia Sẻ :

Tweet

Bài viết liên quan

Là một người quan trị web, chắc hẳn, tôi cũng như bạn rất muốn biết bài viết của mình được quan tâm như thế nào? Nó được bao nhiêu lượt truy cập. Chính vì vậy mà hôm nay, tôi sẽ hướng dẫn các bạn hiển thị số lượt xem bài viết trong WordPress không dùng plugin.

Đối với bài viết này, tôi sẽ chia làm 2 phần:

Đối với các theme không phải là child theme của Genesis (tạm gọi là theme thông thường)Đối với các child theme của Genesis

và chúng ta vào luôn phần đầu tiên nhé.

Đối với các theme thông thường

Đầu tiên, các bạn mở file functions.php của theme đang sử dụng ra và thêm đoạn code sau vào:

function cswp_post_views($post_ID) { $count_key = 'post_views_count'; $count = get_post_meta($post_ID, $count_key, true); if($count == ''){ $count = 0; delete_post_meta($post_ID, $count_key); add_post_meta($post_ID, $count_key, '0'); return $count . ' lượt xem'; }else{ $count++; update_post_meta($post_ID, $count_key, $count); return $count . ' lượt xem'; }}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

function cswp_post_views($post_ID) {

    $count_key = 'post_views_count';

    $count = get_post_meta($post_ID, $count_key, true);

    if($count == ''){

        $count = 0;

        delete_post_meta($post_ID, $count_key);

        add_post_meta($post_ID, $count_key, '0');

        return $count . ' lượt xem';

    }else{

        $count++;

        update_post_meta($post_ID, $count_key, $count);

        return $count . ' lượt xem';

        }

}

sau đó các bạn echo hàm vừa tạo ra bất cứ vị trí nào để hiển thị lượt xem:

<?php echo cswp_post_views (get_the_ID()); ?>

1

<?php echo cswp_post_views (get_the_ID()); ?>

Ví dụ:

Tôi làm với theme Shaped Blog nhé. Ban đầu của post của tôi như này, giờ tôi muốn thêm số lượt xem xuống dưới tiêu đề của bài viết.

Thì tôi sẽ thêm hàm <?php echo cswp_post_views (get_the_ID()); ?> vào file content-single.php sau phần  </h2> <!– //.entry-title –> như hình dưới.

Kết quả của tôi nhận được là:

Bạn có thể tùy chỉnh sao cho phù hợp vị trí của theme bạn là được.

Đối với các child theme của Genesis

Sang phần đối với các child theme của Genesis, cũng tương tự như phần trên, các bạn cũng phải thêm đoạn code sau vào file functions.php của child theme đang sử dụng.

add_action( 'genesis_before_loop', 'cswp_single_post_views' );function cswp_single_post_views(){if( is_single() ){cswp_set_post_views( get_the_ID() );}}if ( !function_exists( 'cswp_set_post_views' ) ){function cswp_set_post_views( $postID ){$count_key = 'post_views';$count = get_post_meta($postID, $count_key, true);if( $count == '' ){$count = 0;delete_post_meta( $postID, $count_key );add_post_meta( $postID, $count_key, '0' );} else {$count++;update_post_meta( $postID, $count_key, $count );}}}if ( !function_exists( 'cswp_get_post_views' ) ){function cswp_get_post_views( $postID ){$count_key = 'post_views';$count = get_post_meta( $postID, $count_key, true );if( $count == '0' || $count == '' ){delete_post_meta( $postID, $count_key );add_post_meta( $postID, $count_key, '0' );$label = '';return; }else{ $label = ( $count == '1' ) ? __( ' lượt xem', 'text-domain' ); } return $count.$label;}}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

add_action( 'genesis_before_loop', 'cswp_single_post_views' );

function cswp_single_post_views(){

if( is_single() ){

cswp_set_post_views( get_the_ID() );

}

}

if ( !function_exists( 'cswp_set_post_views' ) ){

function cswp_set_post_views( $postID ){

$count_key = 'post_views';

$count = get_post_meta($postID, $count_key, true);

if( $count == '' ){

$count = 0;

delete_post_meta( $postID, $count_key );

add_post_meta( $postID, $count_key, '0' );

} else {

$count++;

update_post_meta( $postID, $count_key, $count );

}

}

}

if ( !function_exists( 'cswp_get_post_views' ) ){

function cswp_get_post_views( $postID ){

$count_key = 'post_views';

$count = get_post_meta( $postID, $count_key, true );

if( $count == '0' || $count == '' ){

delete_post_meta( $postID, $count_key );

add_post_meta( $postID, $count_key, '0' );

$label = '';

return;

}else{

$label = ( $count == '1' ) ? __( ' lượt xem', 'text-domain' );

}

return $count.$label;

}

}

Sau đó các bạn muốn hiển thị lượt xem tại đâu thì lại echo cái hàm cswp_get_post_views ra thôi.

<?php echo cswp_get_post_views(get_the_ID()); ?>

1

<?php echo cswp_get_post_views(get_the_ID()); ?>

Chẳng hạn, mình thêm vào post info:

add_filter( 'genesis_post_info', 'cswp_add_post_views' );function cswp_add_post_views($post_info) {if ( !is_page() ) {$post_info = '[post_date] by [post_author_posts_link] [post_comments] <?php echo cswp_get_post_views(get_the_ID()); ?> [post_edit]';return $post_info;}}

1

2

3

4

5

6

7

add_filter( 'genesis_post_info', 'cswp_add_post_views' );

function cswp_add_post_views($post_info) {

if ( !is_page() ) {

$post_info = '[post_date] by [post_author_posts_link] [post_comments] <?php echo cswp_get_post_views(get_the_ID()); ?> [post_edit]';

return $post_info;

}

}

Bonus: Tạo shortcode cho Genesis

Các bạn thêm đoạn code này vào file function.php.

function cswp_add_post_views_shortcode($atts, $content = null){extract(shortcode_atts(array(), $atts, 'postview'));return '<span class="cswp_post_view" >'.cswp_get_post_views(get_the_ID()).'</span>';}add_shortcode('postview', 'cswp_add_post_views_shortcode');

1

2

3

4

5

function cswp_add_post_views_shortcode($atts, $content = null){

extract(shortcode_atts(array(), $atts, 'postview'));

return '<span class="cswp_post_view" >'.cswp_get_post_views(get_the_ID()).'</span>';

}

add_shortcode('postview', 'cswp_add_post_views_shortcode');

Thế là từ nay muốn hiển thị lượt xem tại đâu chỉ cần thêm shortcode [postview] là xong, khỏi cần “e chô, e chiếc” gì nữa.

Vậy là xong cả 2 phần hướng dẫn hiển thị lượt xem cho bài viết WordPress rồi đó. Về phần hiển thị ra thì nó chưa được đẹp, các bạn có thể tùy chỉnh lại nhé. Nếu có bất cứ khó khăn gì hãy cho tôi biết ở phần comment nha. Chúc các bạn thành công.

Nguồn: Việt Hùng admin https://chiasewp.com/

Thẻ : Wordpress