Hồ Bảo Huy - Chuyên Gia SEO - Chuyên Gia Marketing » wordpress nâng cao http://www.hobaohuy.com www.hobaohuy.com Wed, 01 Oct 2014 07:44:56 +0000 en-US hourly 1 Hưỡng dẫn cách tạo tài khoản PayPal Sandbox test code trước khi áp dụng http://www.hobaohuy.com/huong-dan-cach-tao-tai-khoan-paypal-sandbox-test-code-truoc-khi-ap-dung.html http://www.hobaohuy.com/huong-dan-cach-tao-tai-khoan-paypal-sandbox-test-code-truoc-khi-ap-dung.html#comments Tue, 30 Sep 2014 05:36:47 +0000 http://www.hobaohuy.com/?p=119 Mình đã viết bài hướng dẫn tạo nút thanh toán đơn giản bằng PayPal nhưng chưa giới thiệu cho bạn làm cách nào để test thử chức năng cái nút này hoạt động như thế nào. Bài viết này mình sẽ hướng dẫn cho bạn cách tạo tài khoản PayPal Sandbox để chạy thử code trước khi đưa nó vào hoạt động thật trên trang chính.

create paypal sandbox account Hưỡng dẫn cách tạo tài khoản PayPal Sandbox test code trước khi áp dụng

Có 2 cách bạn có thể tạo được tài khoản Sandbox, bạn có thể vào trang PayPal Developer để đăng nhập và tạo cho mình một tài khoản. Mà tốt nhất thì nên tạo 2 tài khoản, một cái để test nhận tiền và một cái để test chuyển tiền.

Đối với trang PayPal Developer bạn có thể đăng nhập bằng tài khoản PayPal chính của mình hoặc có thể đăng ký một tài khoản mới tại trang Sign up for a business account.

Sau khi bạn đã có tài khoản PayPal và đăng nhập vào hệ thống dành riêng cho các developer, bạn nhìn vào thanh menu chính và vào trang Applications.

Tiếp tục nhìn sang menu bên trái và bạn sẽ thấy menu Sandbox accounts, hãy vào đó và nhấn vào nút Create Account để tạo thêm tài khoản mới. Bạn có thể tạo 2 hoặc 5 tài khoản gì tùy thích, mà nói chung chỉ cần 2 tài khoản là có thể sử dụng được rồi.

paypal sandbox home Hưỡng dẫn cách tạo tài khoản PayPal Sandbox test code trước khi áp dụng

Cách thứ 2 là bạn có thể vào trang chủ PayPal sandbox để tạo tài khoản, giao diện và chức năng của trang Sandbox cũng giống như trang chủ của PayPal, tuy nhiêu giao dịch và tiền bạc trên sandbox chỉ để test, không sử dụng để mua bán thật được, và bạn có thể chuyển khoản hoặc nhận tiền thoải mái. Chúc bạn thành công.

]]> http://www.hobaohuy.com/huong-dan-cach-tao-tai-khoan-paypal-sandbox-test-code-truoc-khi-ap-dung.html/feed 0 Làm trang nghe nhạc online cực chất trong WordPress http://www.hobaohuy.com/lam-trang-nghe-nhac-online-cuc-chat-trong-wordpress.html http://www.hobaohuy.com/lam-trang-nghe-nhac-online-cuc-chat-trong-wordpress.html#comments Tue, 30 Sep 2014 05:35:14 +0000 http://www.hobaohuy.com/?p=116 Trong bài viết trước chúng ta đã biết cách sử dụng custom post type cho bài hát, custom taxonomies để phân loại chúng và sử dụng custom field kết hợp meta box để hiển thị và lưu thông tin thêm của bài hát. Ngoài ra chúng ta cũng đã hoàn thành việc hiển thị bài hát ở trang chủ, chi tiết 1 bài hát và bài hát xem nhiều ở sidebar. Bạn nào chưa đọc bài viết trước thì có thể xem lại tại đây. Trong phần 2 này mình sẽ hướng dẫn các bạn hoàn thiện nốt trang nhạc với những chức năng cơ bản còn lại như hiển thị danh sách chi tiết bài hát mới, tìm kiếm, hiển thị thị bài hát theo thể loại và ca sĩ.

Đối với bài hát mới tại trang chủ các bạn bổ sung thêm 1 chút trong file index.php của theme nhé. Vì bài bài trước mình thiếu, chưa có giới hạn bài hát mới. Ở đây mình sẽ lấy bài hát mới trong tuần hiện tại. Các bạn chỉ cần sửa lại $arg thành như thế này:

1
2
3
4
5
6
7
8
9
$arg = array(
    "post_type" => "song",
    "post_status" => "publish",
    "posts_per_page" => 10,
    "orderby" => "ID",
    "order" => "DESC",
    "year"=> date('Y'),
    "w"=> date('W')
);

Bây giờ chúng ta sẽ xử lý khi người dùng bấm nút xem thêm. Chúng ta cần 1 trang để hiển thị và cách tốt nhất là dùng template page.

Các bạn tạo 1 file php với tên tùy ý trong thư mục theme để làm template page và để nhận được template page này thì chúng ta cần khai báo template name trong nội dung của file:

1
2
3
4
5
6
7
8
9
<?php
/*
Template Name: Bài Hát Mới
 */
?>

Template name các bạn đặt tùy ý, sao cho dễ nhận biết là được. Tiếp đến các bạn vào dashboard tạo mới 1 page và chọn template page vừa tạo.

Tạo page xong các bạn xem id của page và sửa lại nút xem thêm ở file index.php như sau:

1
<a class="mlst_more" href="<?php echo get_page_link(43); ?>">Xem thêm >></a>

Thay số 43 thành id của page các bạn vừa tạo.

Trước khi viết nội dung cho page này, các bạn vào file functions.php thêm hàm phân trang này vào. Bên dưới là hàm phân trang của mình, các bạn có thể viết lại tùy ý. Hàm này dựa vào đối tượng global $wp_query (lấy truy vấn) và $paged (lấy trang hiện tại) để phân trang.

01
02
03
04
05
06
07
08
09
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
function dvd_paging() {
        global $wp_query, $paged;
        if($paged == 0) $paged = 1;
        $total = $wp_query->max_num_pages;
        $output = "";
        if ($total >= 2)
            $output .= "<a href='" . get_pagenum_link(1) . "' >Đầu</a>";
        if ($paged >= 2)
            $output .= "<a href='" . get_pagenum_link($paged - 1) . "' ><<</a>";
        if ($paged - 4 >= 1) {
            for ($i = $paged - 4; $i <= $paged; $i++) {
                if ($paged == $i)
                    $output .= "<span class='current_page'> $i </span>";
                else
                    $output .= "<a href='" . get_pagenum_link($i) . "' >$i </a>";
            }
        }
        else {
            for ($i = 1; $i <= $paged; $i++) {
                if ($paged == $i)
                    $output .= "<span class='current_page'> $i </span>";
                else
                    $output .= "<a href='" . get_pagenum_link($i) . "' >$i </a>";
            }
        }
        if ($paged + 4 <= $total) {
            for ($i = $paged + 1; $i <= $paged + 4; $i++) {
                if ($paged == $i)
                    $output .= "<span class='current_page'> $i </span>";
                else
                    $output .= "<a href='" . get_pagenum_link($i) . "' >$i </a>";
            }
        }else {
            for ($i = $paged + 1; $i <= $total; $i++) {
                if ($paged == $i)
                    $output .= "<span class='current_page'> $i </span>";
                else
                    $output .= "<a href='" . get_pagenum_link($i) . "' >$i </a>";
            }
        }
        if ($paged < $total)
            $output .= "<a href='" . get_pagenum_link($paged + 1) . "'>>></a>";
        if ($total >= 2)
            $output .= "<a href='" . get_pagenum_link($total) . "' >Cuối</a>";
        echo "<div id='pagination'>Trang: " . $output . '</div>';
    }

Vào tiếp file style.css để style cho nó 1 chút:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
#pagination{
font-size: .9em;
margin: 10px 0;
}
#pagination a, #pagination .current_page{
display: inline-block;
padding:5px;
text-decoration: none;
border: 1px solid #cecece;
margin: 0 3px; color: #2086F6;
}
#pagination a:hover{
background: #1ABC9C; color: white;
}
#pagination .current_page{
border: 1px solid #1ABC9C;
}

Tiếp tục đến phần hiển thị nội dung cho page này. Vì page này sẽ hiển thị bài hát mới nên chúng ta cần custom 1 câu query để hiển thị. Để sử dụng hàm phân trang ở trên thì mình cần override đối tượng $wp_query. Các bạn thêm đoạn code dưới vào template page của các bạn:

01
02
03
04
05
06
07
08
09
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<?php get_header(); ?>
<div class="content">
    <h1 class="ctitle">Danh sách bài hát mới</h1>
         <ul class="mlst">
             <?php
                 global $wp_query, $paged;
                     $arg = array(
                          "post_type" => "song",
                          "post_status" => "publish",
                          "posts_per_page" => 10,
                          "orderby" => "ID",
                          "order" => "DESC",
                          "paged" => $paged,
                          "year"=> date('Y'),
                          "w"=> date('W')
                      );
                  $wp_query = new WP_Query($arg);
                  while(have_posts()) : the_post();
                  ?>
                      <li>
                          <div class="info-song">
                              <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                              <span>-</span>
                              <p>
                               <?php
                               $singers = get_the_terms(get_the_ID(), "singer");
                               if ( $singers && ! is_wp_error( $singers ) ) :
                                 $singers_name = "";
                                 foreach($singers as $singer){                                                                                             $singers_name .= $singer->name.", ";
                                 }
                               echo rtrim($singers_name, ", ");
                               endif;
                               ?>
                               </p>
                               </div>
                               <div class="view">
                                <?php
                                 $view = get_post_meta(get_the_ID(), "view", true);
                                 if($view) echo $view; else echo 0;
                                 ?>
                                </div>
                        </li>
                  <?php
                     endwhile;
                  ?>
            </ul>
            <div class="clear"></div>
            <?php if(have_posts()) {
                        dvd_paging();
            } ?>
</div><!--end content-->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Kiểm tra kết quả:

danh sach bai hat Làm trang nghe nhạc online cực chất trong WordPress

Phần hiển thị xem thêm cho bài hát mới đã xong. Tiếp tục chúng ta cần phải hiển thị danh sách các bài hát theo thể loại và ca sĩ. Cách chúng ta thường dùng là tạo file theo đúng cấu trúc mà wordpress quy định để hiển thị. Ví dụ như taxonomy-{taxonomy},  … các bạn có thể xem thêm về Template Hierarchy tại đây. Với cách này chúng ta phải lặp lại code không cần thiết. Thay vì tạo ra các file như vậy mình sẽ vào file archive.php để xử lý và hiển thị chung cho các taxonomies mình cần hiển thị.

Mình sẽ thông qua đối tượng global $wp_query và dùng phương thức get_queried_object() của nó để lấy ra đối tượng hiện tại của query. Đối tượng này được tạo ra tùy thuộc vào trang hiện tại mình đang ở. Ví dụ ở trang single post thì nó trả về đối tượng post, ở page thì trả về đối tượng page … Vậy thì ở đây chúng ta có thể thông qua đối tượng này để kiểm tra taxonomy hiện tại và hiển thị cho phù hợp. Vì đây là trang nhạc và mình có 2 taxonomies nên mình cần kiểm tra và hiển thị như bên dưới. Các bạn vào file archive.php viết lại với nội dung sau:

01
02
03
04
05
06
07
08
09
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<?php get_header(); ?>
<div class="content">
 <?php
     global $wp_query;
     $term = $wp_query->get_queried_object();
     if(isset($term->taxonomy) && in_array($term->taxonomy, array("song_category", "singer"))) :
       ?>
       <h1 class="ctitle"><?php echo $term->name; ?></h1>
       <ul class="mlst">
       <?php
       while(have_posts()) : the_post();
       ?>
         <li>
          <div class="info-song">
          <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
          <span>-</span>
          <p>
          <?php
            $singers = get_the_terms(get_the_ID(), "singer");
            if ( $singers && ! is_wp_error( $singers ) ) :
            $singers_name = "";
            foreach($singers as $singer){
              $singers_name .= $singer->name.", ";
            }
            echo rtrim($singers_name, ", ");
            endif;
          ?>
         </p>
         </div>
         <div class="view">
         <?php
           $view = get_post_meta(get_the_ID(), "view", true);
           if($view) echo $view; else echo 0;
          ?>
         </div>
        </li>
     <?php
     endwhile;
  ?>
 </ul>
 <div class="clear"></div>
 <?php
 if(have_posts()) {
  dvd_paging();
 }else{
  echo "<p>Chưa có bài hát!</p>";
 }
 endif;
 ?>
</div><!--end content-->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Các bạn có thể dùng để kiểm tra và hiển thị taxonomies cho post type khác bằng if, else. Chọn 1 thể loại hay ca sĩ để kiểm tra kết quả nhé:

 

danh sach bai hat theo custom taxnonomy1 Làm trang nghe nhạc online cực chất trong WordPressVà cuối cùng là phần tìm kiếm. Đối với phần tìm kiếm này mình chỉ muốn hiển thị kết quả là bài hát thôi, vì đây là trang nhạc mà. Do đó mình cần tùy chỉnh lại query 1 chút. Bây giờ mình không dùng cách thường làm ở trên nữa mà mình sẽ sử dụng cách mới đó là dùng hook:

1
2
3
4
5
6
7
function dvd_search_filter($query) {
        if ($query->is_search && !is_admin() ) {
            $query->set('post_type', array("song"));
        }
        return $query;
    }
    add_filter('pre_get_posts','dvd_search_filter');

Thông qua hook này chúng ta có thể custom lại query 1 cách dễ dàng. Ở trên mình đã set lại post type trong câu truy vấn của trang tìm kiếm vì thế kết quả tìm kiếm sẽ chỉ hiển thị bài hát mà thôi. Qua đây các bạn đã biết thêm 1 cách khác để custom query rồi đấy.

Việc đơn giản còn lại là vào file search.php kiểm tra và dùng loop để hiển thị kết quả tìm kiếm nữa thôi:

01
02
03
04
05
06
07
08
09
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
36
37
38
39
40
41
42
43
44
45
46
<?php get_header(); ?>
<div class="content">
 <h1 class="ctitle">Tìm kiếm với "<?php echo get_query_var('s'); ?>"</h1>
 <ul class="mlst">
 <?php
  while(have_posts()) : the_post();
 ?>
 <li>
  <div class="info-song">
  <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
  <span>-</span>
  <p>
  <?php
  $singers = get_the_terms(get_the_ID(), "singer");
  if ( $singers && ! is_wp_error( $singers ) ) :
    $singers_name = "";
  foreach($singers as $singer){
    $singers_name .= $singer->name.", ";
 }
  echo rtrim($singers_name, ", ");
  endif;
  ?>
  </p>
  </div>
  <div class="view">
  <?php
   $view = get_post_meta(get_the_ID(), "view", true);
   if($view) echo $view; else echo 0;
  ?>
  </div>
 </li>
 <?php
 endwhile;
 ?>
 </ul>
 <div class="clear"></div>
 <?php
 if(have_posts()) {
   dvd_paging();
 }else{
   echo "<p>Không tìm thấy kết quả nào cho từ khóa "".get_query_var('s').""</p>";
 }
 ?>
</div><!--end content-->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Thử tìm kiếm 1 phát xem nào icon biggrin Làm trang nghe nhạc online cực chất trong WordPress

ket qua tim kiem Làm trang nghe nhạc online cực chất trong WordPress

Lời kết

Sau 2 phần cũng khá dài thì mình cũng đã hướng dẫn xong cho các bạn làm 1 trang nghe nhạc trong wordpres. Hy vọng qua 2 bài hướng dẫn này các bạn có thể tự tay làm lại cho mình 1 trang và hoàn thiện nó hơn nữa.

]]> http://www.hobaohuy.com/lam-trang-nghe-nhac-online-cuc-chat-trong-wordpress.html/feed 0 WordPress Loop (Vòng lặp trong WordPress) – Các tham số đặc biệt cần nhớ http://www.hobaohuy.com/wordpress-loop-vong-lap-trong-wordpress-cac-tham-so-dac-biet-can-nho.html http://www.hobaohuy.com/wordpress-loop-vong-lap-trong-wordpress-cac-tham-so-dac-biet-can-nho.html#comments Tue, 30 Sep 2014 05:33:17 +0000 http://www.hobaohuy.com/?p=113 Như bạn đã biết thì trước đây mình đã có một bài cực kỳ chi tiết về WordPress Loop (Vòng lặp của WordPress) để bạn hiểu thêm về cách mà chúng ta sẽ cho hiển thị bài viết trong theme là như thế nào. Cũng từ bài đó, mình đã nhận được một số câu hỏi liên quan về cách sử dụng các tham số như thế nào cho đúng và các tham số nào nên nhớ vì trong một Query nó có rất nhiều tham số khiến bạn phải choáng ngợp.WordPress loop WordPress Loop (Vòng lặp trong WordPress) – Các tham số đặc biệt cần nhớ

Vậy thì ở trong bài này, mình sẽ giải thích kỹ hơn về các tham số quan trọng nhất mà bạn cần phải nhớ khi sử dụng WordPress Loop nhằm có thể “lôi” bài viết từ database ra theo đúng ý của mình.

Về cách viết tham số

Bạn có thể viết tham số theo dạng thế này nếu như chỉ dùng 1 hoặc 2 tham số.

1
$new_loop = new WP_Query('posts_per_page=5&s=wordpress');

Trong đó, dấu & sẽ ngăn cách giữa các tham số với nhau.

Nhưng nếu bạn có nhiều tham số thì tốt nhất nên viết thành dạng thế này cho dễ quản lý:

1
2
3
4
5
$args = array(
        'posts_per_page' => '5',
        's' => 'wordpress'
);
$new_loop = new WP_Query($args);

Tức là ta sẽ khai báo nó vào một biến để sử dụng. Có một cách mình rất hay xài là tạo các biến này trong file nào đó rồi include vào file functions.php để dễ quản lý nếu theme có nhiều Query khác nhau.

Các tham số thông dụng của WordPress Query

1. Tham số tùy chỉnh số lượng bài viết cần lấy

Tham số này tên là posts_per_page. Giá trị của nó sẽ là một số tự nhiên và số này chỉnh là số bài viết cần hiển thị ra.

1
$new_loop = new WP_Query( 'posts_per_page=5' );

2. Tham số lấy bài viết từ một post type chỉ định

Tham số này sẽ dùng nhiều nhất khi bạn sử dụng Custom Post Type để Loop nó có thể lấy các bài viết ra từ một post type nào đó. Có thể lấy ra từ nhiều post type khác nhau.

1
$new_loop = new WP_Query( 'post_type=sanpham' );

Nếu muốn lấy bài từ nhiều post type một lúc thì bạn sẽ viết thế này:

1
2
3
$new_loop = new WP_Query( array(
        'post_type' => array( 'post', 'page', 'sanpham' )
) );

3. Tham số bỏ qua các bài đăng sau nó

Tham số này rất hữu dụng cho các bạn muốn làm trang tin tức khi sử dụng liên tiếp 2 loop với nhau, đó là bỏ qua các bài đăng sau nó bằng tham số offset.

1
$new_loop = new WP_Query( 'offset=3&posts_per_page=4' );

Đoạn trên nghĩa là nó sẽ hiển thị 4 bài nhưng loại trừ 3 bài mới nhất.

4. Tham số bỏ qua Sticky Post

Khi website bạn có gắn Sticky Post thì mặc định nó đều gọi ra trong Loop trong mọi trường hợp. Nếu bạn không muốn hiển thị sticky post ở một loop nào đó thì có thể sử dụng tham số ignore_sticky_posts.

1
$new_loop = new WP_Query( 'ignore_sticky_posts=1&cat=4&posts_per_page=-1' );

Đoạn trên nghĩa là lấy toàn bộ bài viết (-1) trong category mang ID là 4 nhưng loại trừ sticky post trong category đó.

5. Tham số lấy bài từ Category và Tag

1
$new_loop = WP_Query( 'tag=wordpress-co-ban&cat=5' );

Đoạn trên nghĩa là sẽ lấy các bài viết trong category mang ID là 5 có gắn tag là wordpress cơ bản (viết dưới dạng slug).

Ngoài ra, một số tham số liên quan tới tag là:

  • tag (string) – Sử dụng slug của tag.
  • tag_id (int) – Sử dụng với định dạng ID.
  • tag__and (array) – Lấy bài từ nhiều tag nhưng các bài đó sử dụng chung nhiều tag, sử dụng ID.
  • tag__in (array) – Lấy bài từ nhiều tag khác nhau, sử dụng ID.
  • tag__not_in (array) – Không lấy bài từ tag chỉ định, dùng ID.
  • tag_slug__and (array) – Tương tự với tag__and nhưng dùng slug.
  • tag_slug__in (array) – Tương tự với tag__in nhưng dùng slug.

Tương tự với tag, category cũng có các tham số tương tự như vậy, tham khảo tại đây.

6. Lấy bài theo ngày tháng

Phần ngày tháng này là một trong những tham số khá quan trọng vì nó sẽ có thể giúp ích được cho bạn để giải quyết nhiều vấn đề. Chẳng hạn như bạn muốn lấy bài theo tháng, ngày, giờ, cuối tuần, mùa,…..Hoàn toàn có thể làm được trong tham số này.

1
$new_query = new WP_Query( 'year=2014&monthnum=06&day=12' );

Ở đoạn trên là ta sẽ lấy bài trong ngày 12 tháng 6 năm 2014.

Nếu bạn cần lấy bài của ngày hôm nay ra thì có thể viết ở dạng như sau:

1
2
$today = getdate();
$new_query = new WP_Query( 'year=' . $today["year"] . '&monthnum=' . $today["mon"] . '&day=' . $today["mday"] );

Hoặc lấy toàn bộ bài trong tuần này:

1
2
3
$week = date('W');
$year = date('Y');
$new_query = new WP_Query( 'year=' . $year . '&w=' . $week );

Hoặc bạn cũng có thể lấy chi tiết bài trong thời gian nhất định của những ngày hành chính. Tức là từ 8h đến 17h từ thứ hai đến thứ sáu.

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
$args = array(
        'date_query' => array(
                array(
                        'hour'      => 9,
                        'compare'   => '>=',
                ),
                array(
                        'hour'      => 17,
                        'compare'   => '<=',
                ),
                array(
                        'dayofweek' => array( 2, 6 ),
                        'compare'   => 'BETWEEN',
                ),
        ),
        'posts_per_page' => -1,
);
$new_query = new WP_Query( $args );

Tham khảo thêm tại đây.

Lời kết

Ở bài trên chúng ta đã làm quen qua 6 tham số chính khá quan trọng trong việc sử dụng Query trong WordPress để lấy bài theo ý muốn. Thực tế sức mạnh của WordPress Query còn lớn hơn nhiều nếu bạn có khả năng sáng tạo tốt và áp dụng hết toàn bộ tinh hoa của WordPress.

]]> http://www.hobaohuy.com/wordpress-loop-vong-lap-trong-wordpress-cac-tham-so-dac-biet-can-nho.html/feed 0