Hồ Bảo Huy - Chuyên Gia SEO - Chuyên Gia Marketing » Phát Triển WordPress http://www.hobaohuy.com www.hobaohuy.com Wed, 01 Oct 2014 07:44:56 +0000 en-US hourly 1 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 Tạo Menu hỗ trợ Responsive cho các site chạy WordPress http://www.hobaohuy.com/tao-menu-ho-tro-responsive-cho-cac-site-chay-wordpress.html http://www.hobaohuy.com/tao-menu-ho-tro-responsive-cho-cac-site-chay-wordpress.html#comments Tue, 30 Sep 2014 05:34:49 +0000 http://www.hobaohuy.com/?p=115 Không biết ở đây có ai giống mình không, đó là trong quy trình thiết kế một giao diện thì mình không sợ gì mà chỉ sợ nhất mỗi cách làm menu vì ban đầu nó hơi rối, và càng thảm họa hơn nếu bạn không biết CSS.

Hiểu được khó khăn đó, nên trong bài này mình sẽ hướng dẫn các bạn chi tiết cách làm một menu hỗ trợ Repsonsive đơn giản nhất nhưng cũng có thể sử dụng lâu dài.

1. Kỹ thuật

Cần xem: Cấu trúc theme WordPress.

1.1) Làm menu dropdown

Để làm một menu dropdown thì ta sẽ sử dụng CSS3 mà cụ thể quan trọng nhất là thêm thuộc tính position: relative vào menu item mẹ và position: absolute cho các menu item con để có thể căn chỉnh vị trí của nó.

1.2) Làm menu Repsonsive

Chúng ta sẽ không viết CSS cho menu để nó co giãn, ẩn hiện ở thiết bị di động mà sẽ sử dụng một plugin dành cho jQuery tên là Sidr cho đỡ mất thời gian và menu cũng chuyên nghiệp hơn.

2. Cách làm menu

Bạn có thể thực hành bài này ở một menu bất kỳ, miễn là bạn hiểu được cấu trúc theme đó và biết mình sẽ chèn code vào đâu. Còn mình, mình sẽ sử dụng theme BlankSlate.

2.1) Tạo menu location

Tham khảo trước: Cách tạo menu trong WordPress

Trước hết bạn hãy viết đoạn sau vào file functions.php trong theme để tạo ra hai menu location, một cái dành cho thiết bị Desktop và một cái dành cho thiết bị di động.

1
2
3
4
register_nav_menus( array(
        'main-menu' => 'Main Menu',
        'mobile-menu' => 'Mobile Menu'
) );

Khi tạo xong, hãy vào Appearance -> Menus tạo menu và đặt cho nó ở cả hai location.

responsivemenu menulocation Tạo Menu hỗ trợ Responsive cho các site chạy WordPress

2.2) Viết code hiển thị cho menu

Bây giờ bạn hãy mở file index.php hoặc header.php tùy theo sở thích của bạn và chèn code sau vào để hiển thị 2 menu ra ngoài theme.

01
02
03
04
05
06
07
08
09
10
<?php wp_nav_menu( array( // Hiển thị menu Desktop
        'theme_location' => 'main-menu',
        'container' => 'nav',
        'container_class' => 'main-menu'
 ) ); ?>
<?php wp_nav_menu( array( // Hiển thị menu di động
        'theme_location' => 'mobile-menu',
        'container' => 'nav',
        'container_class' => 'mobile-menu'
 ) ); ?>

Kết quả ta tạm có là cả hai menu sẽ hiển thị ra theme, đừng lo vì ta sẽ cho nó ẩn sau. Nhìn sơ cấu trúc một menu thì ta sẽ có code dạng như sau:

1
2
3
4
5
6
7
8
9
<nav class="main-menu"><ul id="menu-menu" class="menu"><li id="menu-item-6" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6"><a href="#">Trang chủ</a></li>
<li id="menu-item-7" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-7"><a href="#">Category</a>
<ul class="sub-menu">
        <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8"><a href="#">WordPress</a></li>
        <li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9"><a href="#"><a href="http://thachpham.com/seo/tim-hieu-ve-seo.html" title="SEO">SEO</a></a></li>
</ul>
</li>
<li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11"><a href="#">Contact</a></li>
</ul></nav>

Tương tự với menu dành cho mobile thì ta sẽ có một cái khung container bằng thẻ nav với class là mobile-menu bọc lại nó để sau này chúng ta dễ dàng viết CSS.

2.3) Viết CSS Dropdown menu

Ở bước này chúng ta sẽ tiến hành viết CSS cho cái Main Menu, tức là menu để hiển thị ở màn hình desktop mang class là main-menu. Dĩ nhiên là CSS bạn sẽ viết vào trong file style.css

Trước tiên là ta cần viết một chút CSS để định hình dáng của cái menu đã.

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
/* CSS for Dropdown Menu */
.main-menu {
        background: #3C8BE0;
        border: 1px solid #2082C4;
        margin: 2em 0em;
}
.main-menu ul, .main-menu li {
        display: inline-block;
        list-style-type: none;
}
.main-menu ul li a, .main-menu ul li .sub-menu {
        text-decoration: none;
        color: #fff;
        display: inline-block;
        margin: 0 10px;
}
.main-menu li {
        position: relative;
        padding: 0.8em;
}
.main-menu ul li .sub-menu {
        position: absolute;
        display: none;
        top: 32px;
        width: auto;
        background: #3c8be0;
}
.main-menu ul li:hover .sub-menu{
        display: block;
}
.main-menu .sub-menu li {
        padding: 5px 0.5em;
}
.main-menu .sub-menu a {
        padding: 10px;
        margin: 0;
}

Kết quả ta sẽ có một dropdow menu khá đơn giản, nhớ là hãy bỏ thêm các item con vào menu để test nhé.

responsivemenu dropdownmenu Tạo Menu hỗ trợ Responsive cho các site chạy WordPress

 

2.4) Ẩn/Hiện menu ở từng thiết bị

Do chúng ta sẽ sử dụng hai menu khác nhau nên sẽ cần cho ẩn/hiện các menu vào đúng thời điểm, cụ thể:

  • Màn hình di động: Ẩn Main Menu, hiện Mobile Menu.
  • Màn hình desktop: Ẩn Mobile Menu, hiện Main Menu.

Chúng ta sẽ làm điều đó bằng cách viết các dòng CSS sau đây vào file style.css

1
2
3
4
5
6
7
8
9
/* CSS for show/hide menu on each device */
@media all and (max-width: 1023px) { /* CSS cho thiết bị di động */
        .main-menu { display: none; }
        .mobile-menu { display: block; }
}
@media all and (min-width: 1024px) { /* CSS cho thiết bị desktop */
        .main-menu { display: block; }
        .mobile-menu { display: none; }
}

Bây giờ hãy thử co giãn trình duyệt xem menu có ẩn/hiện như ý muốn không cái đã nhé.

2.5) Làm menu cho di động

Đầu tiên bạn tải plugin Sidr về tại đây, giải nén ra và copy file jquery.sidr.min.js và thư mục stylesheets vào thư mục theme bạn đang dùng.

Sau đó chèn đoạn sau vào file functions.php để nhúng file Javascript và CSS của nó vào:

1
2
3
4
5
function sidr() {
        wp_enqueue_script( 'sidr-script', get_template_directory_uri()."/jquery.sidr.min.js", array('jquery'), true );
        wp_enqueue_style( 'sidr-style', get_template_directory_uri()."/stylesheets/jquery.sidr.dark.css" );
}
add_action( 'wp_enqueue_scripts', 'sidr' );

Hãy chắc chắn là theme bạn đã có chèn jQuery vào, nếu bạn không chắc là có jQuery chưa thì chèn đoạn sau vào file functions.php để nhúng jQuery:

1
2
3
4
5
6
if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js", false, null);
   wp_enqueue_script('jquery');
}

Sau đó mở file header.php, tìm:

1
2
3
4
5
<?php wp_nav_menu( array( // Hiển thị menu di động
        'theme_location' => 'mobile-menu',
        'container' => 'nav',
        'container_class' => 'mobile-menu'
 ) ); ?>

Thay thành

1
2
3
4
5
6
7
<a id="show-menu" href="#sidr">Menu</a>
<?php wp_nav_menu( array( // Hiển thị menu di động
        'theme_location' => 'mobile-menu',
        'container' => 'nav',
        'container_class' => 'mobile-menu',
        'container_id' => 'sidr'
 ) ); ?>

Mục đích ở đây là ta thêm một thẻ a tên là Menu vào để bạn có thể click vào cho nó hiển thị menu và thay class, thêm ID vào menu cho phù hợp với yêu cầu của plugin Sidr.

Sau đó mở file style.css tìm

1
2
3
4
@media all and (max-width: 1023px) { /* CSS cho thiết bị di động */
        .main-menu { display: none; }
        .mobile-menu { display: block; }
}

Thay thành

1
2
3
4
5
@media all and (max-width: 1023px) { /* CSS cho thiết bị di động */
        .main-menu { display: none; }
        .mobile-menu { display: block; }
        #show-menu { display: block; }
}

Tìm tiếp

1
2
3
4
@media all and (min-width: 1024px) { /* CSS cho thiết bị desktop */
        .main-menu { display: block; }
        .mobile-menu { display: none; }
}

Thay thành

1
2
3
4
5
@media all and (min-width: 1024px) { /* CSS cho thiết bị desktop */
        .main-menu { display: block; }
        .mobile-menu { display: none; }
        #show-menu { display: none; }
}

Sau đó mở file functions.php và thêm tiếp đoạn dưới đây để kích hoạt plugin Sidr để làm việc với menu:

01
02
03
04
05
06
07
08
09
10
function sidr_script() {
        echo "
                <script>
                        $(document).ready(function() {
                          $('#show-menu').sidr();
                        });
                </script>
        ";
}
add_action('wp_head', 'sidr_script');

Bây giờ hãy thử ra lại ngoài theme, thu nhỏ cửa sổ trình duyệt và ấn vào chữ Menu xem nó có hiện ra như thế này chưa:

responsivemenu menumobile Tạo Menu hỗ trợ Responsive cho các site chạy WordPress

Nếu đã hiện ra thì coi như bạn làm thành công, nếu chưa thì hãy xem lại phần này và làm cho kỹ nhé.

Bây giờ ta viết thêm một xíu CSS đơn giản cho nút menu để nó nổi bật tí nha. Mở file style.css tìm

1
#show-menu { display: block; }

Thay thành

01
02
03
04
05
06
07
08
09
10
#show-menu {
        display: block;
        background: #3679CF;
        color: #FFF;
        width: auto;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
}

Xong xuôi hoàn tất. Bây giờ ta đã có một cái menu Responsive đơn giản rồi icon biggrin Tạo Menu hỗ trợ Responsive cho các site chạy WordPress

responsivemenu finish Tạo Menu hỗ trợ Responsive cho các site chạy WordPress

 

Mọi người đừng hỏi tại sao nó xấu thế nha, đẹp hay không là do bạn thôi. Hãy dùng kiến thức CSS của chính mình để tự làm một menu mang phong cách của mình nhé. Còn cơ bản thì ở bài này mình đã hướng dẫn bạn cách thức làm một menu Responsive sử dụng Sidr là như thế nào.

]]> http://www.hobaohuy.com/tao-menu-ho-tro-responsive-cho-cac-site-chay-wordpress.html/feed 0 Làm sao để sử dụng đúng cách AJAX trong WordPress http://www.hobaohuy.com/lam-sao-de-su-dung-dung-cach-ajax-trong-wordpress.html http://www.hobaohuy.com/lam-sao-de-su-dung-dung-cach-ajax-trong-wordpress.html#comments Tue, 30 Sep 2014 05:34:28 +0000 http://www.hobaohuy.com/?p=114 Chào các bạn, trong việc phát triển Theme và Plugin thì chắc hẳn ít nhiều các bạn cũng có sử dụng thêm AJAX. Cách thường dùng là chúng ta sẽ tạo ra các file php để xử lý request từ AJAX. Cách này khá mất công khi chúng ta vừa phải tạo mới file, vừa phải include các file cần thiết để có thể tương tác và sử dụng được hàm WordPress. Cách này tuy vẫn đáp ứng được nhưng không khuyến khích dùng. Vì thế trong bài viết này mình sẽ hướng dẫn các bạn cách sử dụng AJAX trong WordPress đúng cách hơn.

ajax trong wordpress Làm sao để sử dụng đúng cách AJAX trong WordPress

Việc sử dụng AJAX trong WordPress rất đơn giản. Các bạn không cần phải tạo ra bất kỳ file nào để xử lý request từ AJAX mà sử dụng chính file admin-AJAX.php trong thư mục wp-admin để xử lý thông qua 2 hook mà WordPress đã cung cấp sẵn: wp_AJAX_{action} và wp_AJAX_nopriv_{action}.

Xem thêm: Action & Filter trong WordPress

Hook wp_AJAX_{action} áp dụng khi người dùng đã đăng nhập và hook wp_AJAX_nopriv_{action} áp dụng khi người dùng không đăng nhập.

Để hiểu được cách sử dụng, các bạn làm theo ví dụ này của mình. Thêm đoạn code sau vào file functions.php:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
    add_action( 'wp_footer', 'dvd_action_javascript' );
    function dvd_action_javascript() {
        ?><script>// <![CDATA[
        jQuery(document).ready(function($) {
            $.AJAX({
                type : 'POST',
                data : {'action' : 'dvd_action', 'data' : 'du lieu gui len server'},
                url : '<?php echo admin_url( "admin-AJAX.php" ); ?>',
                success : function (resp){
                    console.log(resp);
                }
            });
        });
// ]]></script><!--?php
    }

Đoạn code trên đơn giản là sử dụng hàm AJAX để gửi request đến file xử lý (/wp-admin/admin-AJAX.php). Đoạn script trên sẽ được thêm vào footer của theme thông qua hook wp_footer. Các bạn có thể sử dụng bất kỳ hàm AJAX nào khác như post, get … của Jquery.

Các bạn lưu ý chỗ dữ liệu gửi đi, với action thì bắt buộc phải có để có thể sử dụng được 2 hook ở trên. Giá trị của action thì có để đặt tùy ý và giá trị này sẽ được thay vào {action} của 2 hook bên trên. Thêm tiếp đoạn code sau:

1
2
3
4
5
6
add_action('wp_AJAX_dvd_action', 'dvd_action');
add_action('wp_AJAX_nopriv_dvd_action', 'dvd_action');
function dvd_action() {
    echo $_POST['data'];
    die();
}

Các bạn để ý tên 2 hook bên trên. Với hook wp_AJAX_{action}, {action} là dvd_action. Tương tự với hook wp_AJAX_nopriv_{action}, {action} cũng là dvd_action do bên trên dữ liệu gửi đi mình đã khai báo với action là dvd_action. Các bạn thấy đấy, dựa vào action để nó có thể xác định được đúng request và xử lý chúng.

Trong hàm xử lý mình sẽ echo ra dữ liệu gửi lên từ AJAX và khi người dùng đăng nhập hay không đăng nhập thì hàm xử lý này vẫn sẽ hoạt động. Nếu muốn giới hạn thì các bạn có thể chọn 1 trong 2 hook trên cho phù hợp. Lưu ý: để nhận đúng kết quả trả về thì nên kết thúc hàm bằng hàm die(); hoặc exit();

Thử chạy và f12 lên xem kết quả nhé:

ket qua tra ve Làm sao để sử dụng đúng cách AJAX trong WordPress

Trong trường hợp các bạn muốn sử dụng đoạn script trên thông qua 1 file js thì cần phải đăng ký 1 biến global lưu đường dẫn tới file xử lý thông qua hàm sau:

1
wp_localize_script( $handle, $name, $data );

Trong đó:

– $handle là tên script đã đăng ký

– $name là tên biến sẽ chứa dữ liệu

– $data là mảng chứa dữ liệu cho biến $name

Cụ thể hơn các bạn làm tiếp ví dụ sau sẽ hiểu:

Đoạn code xử lý AJAX ở trên vẫn giữ nguyên, mình sẽ thay đổi lại đoạn script thay vì dùng thông qua hook thì mình sẽ dùng thông qua 1 file js. Ở đây mình đặt tên là my_js.js và nó nằm trong thư mục js của theme. Trước hết mình đăng ký file my_js.js và 1 đối tượng lưu đường dẫn tới file xử lý:

1
2
3
4
5
6
add_action('init', 'dvd_enqueue_script');
function dvd_enqueue_script(){
    wp_register_script('dvd_js', get_template_directory_uri() . '/js/my_js.js', array('jquery'), null, false);
    wp_localize_script('dvd_js', 'AJAX', array('url' => admin_url('admin-AJAX.php')));
    wp_enqueue_script('dvd_js');
}

Sau khi đã đăng ký xong mình có thể lấy đường dẫn tới file xử lý trong my_js.js bằng cách sử dụng: AJAX.url:

01
02
03
04
05
06
07
08
09
10
jQuery(document).ready(function($) {
    $.AJAX({
        type : 'POST',
        data : {'action' : 'dvd_action', 'data' : 'du lieu gui len server'},
        url : AJAX.url,
        success : function (resp){
            console.log(resp);
        }
    });
});

Các bạn chạy lại và xem kết quả nhé. Vẫn y hệt kết quả như trước phải không nào?

Trường hợp các bạn sử dụng AJAX trong trang quản lý (dashboard) thì không cần phải khai báo đường dẫn tới file xử lý (admin-AJAX.php) nữa. Bởi vì WordPress đã cung cấp sẵn 1 biến global có tên AJAXurl lưu đường dẫn tới file xử lý rồi. Việc của chúng ta là lấy ra mà dùng thôi.

Thử luôn ví dụ cho các bạn dễ hiểu.

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
    add_action( 'admin_footer', 'dvd_action_javascript' );
    function dvd_action_javascript() {
        ?><script>// <![CDATA[
        jQuery(document).ready(function($) {
            $.AJAX({
                type : 'POST',
                data : {'action' : 'dvd_action', 'data' : 'du lieu gui len server'},
                url : AJAXurl,
                success : function (resp){
                    console.log(resp);
                }
            });
        });
// ]]></script><?php }

Mình dùng hook admin_footer để thêm 1 đoạn script vào footer của trang quản lý, các bạn có thể sử dụng file js riêng đều được. Nội dung đoạn code tương tự ví dụ trên chỉ khác chỗ option url thôi. Phần xử lý AJAX thông qua 2 hook bên trên các bạn vẫn giữ nguyên. Vào trang quản lý, f12 và kiểm tra kết quả nhé.

Lời kết

Mình đã hướng dẫn xong cách sử dụng AJAX trong WordPress. Hy vọng qua bài viết này các bạn có thể hiểu và biết cách vận dụng AJAX tốt hơn trong WordPress. Mọi vướng mắc các bạn có thể comment bên dưới để được sự hỗ trợ từ mọi người.

]]> http://www.hobaohuy.com/lam-sao-de-su-dung-dung-cach-ajax-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 Tăng cường tối đa tính bảo mật trong WordPress bằng Nonce http://www.hobaohuy.com/tang-cuong-toi-da-tinh-bao-mat-trong-wordpress-bang-nonce.html http://www.hobaohuy.com/tang-cuong-toi-da-tinh-bao-mat-trong-wordpress-bang-nonce.html#comments Tue, 30 Sep 2014 05:31:46 +0000 http://www.hobaohuy.com/?p=112 Trong khi xây dựng 1 website thì vấn đề quan trọng không thể thiếu đó là bảo mật. Có rất nhiều cách để tăng cường tính bảo mật trong WordPress. Bạn Thạch cũng đã có bài viết về một số cách bảo mật trong WordPress. Các bạn có thể xem lại tại đây. Trong bài viết này mình sẽ hướng dẫn thêm cho các bạn cách bảo mật với Nonce, một cách hiệu quả để hạn chế việc tấn công theo kỹ thuật Cross Site Request Forgery (CSRF).

nonce trong wordpress Tăng cường tối đa tính bảo mật trong WordPress bằng Nonce

1. Nonce là gì?

Hiểu đơn giản nó là 1 chuỗi duy nhất được tạo ra bởi WordPress cho mỗi người dùng. Nó giúp bảo vệ website khỏi những request tự tạo với mục đích xấu.

Ví dụ như thế này cho các bạn dễ hiểu. Giả sử mình có 1 link dùng để xóa bài viết như thế này:

1
<a href="http://domain/?action=delete&id=1">Xóa</a>

Khi mình click vào link thì bài viết sẽ được xóa bình thường. Ok, không vấn đề gì. Nhưng vấn đề xảy ra nếu người dùng có dụng ý xấu. Họ sử dụng 1số thủ thuật nào đó để thông qua quyền của mình và thực hiện việc chạy lại đường link trên với 1 id khác thì sao? Bài viết khác có thể bị xóa cho dù mình không click vào nút xóa. Bây giờ các bạn đã thấy vấn đề rồi chứ. Ngoài ra thì khi dùng form để submit dữ liệu cũng vẫn bị vấn đề trên.

Vậy làm sao để xác định được chính xác 1 request do người dùng thực hiện thông qua click link hay submit form ?

Việc cần làm là chúng ta phải tạo ra thêm 1 nonce cho request và trang xử lý phải xác nhận cái nonce này. Nếu nonce không hợp lệ thì không xử lý request. Làm như vậy thì chúng ta mới xác định được chính xác thao tác đấy(click link, submit form) là thực sự của người dùng tạo ra.

2. Các sử dụng

Như đã nói ở trên nonce là 1 chuỗi vậy chuỗi này được tạo ra như thế nào? Mở file wp_config.php lên và tìm đến 2 hằng NONCE_KEY và AUTH_SALT. Các bạn thấy chưa ạ? Một dãy các ký tự đúng không nào? WordPress đã sử dụng dụng 2 hằng này và hash cùng với một số thông số khác sau như action, user id … sau đó cắt ra 1 đoạn để tạo ra nonce đấy.

Cách đơn giản và linh động nhất là các bạn sử dụng hàm wp_create_nonce($action) để tạo nonce và dùng hàm wp_verify_nonce($nonce, $action) để xác nhận.

Giả sử với link xóa bài như bên trên, mình cần tạo ra 1 nonce, đưa nonce này vào query string, bên trang xử lý sẽ xác nhận nonce thông qua query string.

1
2
3
$nonce = wp_create_nonce(' delete_1'); //tạo nonce
echo '<a href="http://domain/?action=delete&id=1&_nonce='.$nonce.'">Xóa</a>';

Các bạn thấy đấy, mình đã tạo thêm 1 nonce với $action truyền vào là delete_1. Và mình đã đưa nó vào query string để verify bên trang xử lý. Tên _nonce các bạn có thể đổi lại tùy ý. Lưu ý: với $action các bạn đặt như thế nào thì trang xử lý các bạn phải verify lại như thế đó.

Bên trang xử lý các bạn chỉ cần xác nhận cái nonce này trước khi xử lý. Không hợp lệ thì ngưng xử lý:

1
2
3
if(!wp_verify_nonce($_GET['_nonce'], 'delete_'.$_GET['id'])) exit();
//code xử lý ở đây ....

Bên trang xử lý chúng ta verify nonce thông qua hàm wp_verify_nonce. Với $nonce là $_GET[‘_nonce’], và $action là ‘delete_’.$_GET[‘id’]. Vì ở trên nonce được tạo từ ‘delete_1′ nên trang xử lý cần verify đúng $action đó theo dạng delete_{id}.

Thực chất hàm này sẽ tạo ra 1 nonce khác theo $action và so sánh nó với nonce get được.

Đơn giản thế thôi, ngoài cách sử dụng trên wordpress còn cung cấp các hàm để tạo và kiểm tra nonce khác để áp dụng vào từng trường hợp cụ thể.

Để tạo nonce cho url, ngoài cách trên ra chúng ta có thể sử dụng thêm hàm wp_nonce_url( $actionurl, $action, $name ) hàm này sẽ trả về cho chúng ta 1 đường dẫn đầy đủ chứa nonce.

Tham số:

  • $actionurl chính là đường dẫn để add nonce vào.
  • $action tương tự trên.
  • $name là tên của nonce, mặc định là _wpnonce

Cũng với ví dụ trên mình sử dùng hàm wp_nonce_url() để tạo:

1
2
3
$nonce_url = wp_nonce_url('http://domain/?action=delete&id=1', 'delete_1');
echo '<a href="'. $nonce_url.' ">Xóa</a>';

Khi xem thì các bạn thấy đường dẫn nó cũng tương tự cách trên, _wpnonce chính là tham số $name mặc định, các bạn muốn đổi thành tên khác thì tùy chỉnh tại tham số này.

1
http://domain/?action=delete&id=1&_wpnonce=e73a52569c

Tiếp tục để tạo nonce cho 1 form các bạn có thể dùng thêm hàm wp_nonce_field( $action, $name, $referer, $echo ). Các tham số như $action và $name thì tương tự trên. Tham số $referer sẽ nhận giá trị true hoặc false, quyết định hiển thị thêm 1 field ẩn chứa đường dẫn hiện tại. $echo cũng nhận giá trị true hoặc false, quyết định hàm wp_nonce_field() sẽ hiển thị hay trả về kết quả.

Khi sử dụng hàm này với $referer là true các bạn sẽ thấy trong form có thêm 2 trường dạng như thế này:

1
2
3
<input type="hidden" id="_nonce" name="_nonce" value="43bc8cf75e" />
<input type="hidden" name="_wp_http_referer" value="/phanmem/ " />

Về cách verify nonce thì WordPress cung cấp thêm cho chúng ta 2 hàm nữa khác là check_admin_referer() và check_ajax_referer().

Hàm check_admin_referer() sẽ dùng để verify nonce trong trang quản lý. Hàm này nhận 2 tham số là $action và $query_arg với $action thì tương tự, $query_arg chính là $name của nonce. Hàm này sẽ trả về true nếu nonce hợp lệ và ngược lại là false.

Giả sử có 1 form dạng như thế này:

1
2
3
4
5
6
7
<form method="post">
    //.......
   <?php wp_nonce_field( 'myaction','mynonce' ); ?>
</form>

Thì khi verify các bạn làm như sau:

1
2
3
if(!check_admin_referer('myaction', 'mynonce')) die();
 

Hàm check_ajax_referer() sẽ verify nonce thông qua Ajax. Hàm này nhận 3 tham số, 2 tham số đầu là $action và $query_arg tương tự hàm trên, với tham số thứ 3 là $die, nếu nonce không hợp lệ, và tham số này set true thì sẽ ngưng xử lý, nếu false thì bỏ qua. Mặc định là true.

Thời gian sống mặc định của 1 nonce là 24 giờ. Các bạn vẫn có thể chỉnh sửa lại thông qua hook nonce_life.

1
add_filter( 'nonce_life', function () { return 4 * HOUR_IN_SECONDS; } );

Hằng HOUR_IN_SECONDS sẽ trả về số giây trên giờ (3600).

3. Lời kết

Mình đã hướng dẫn xong cho các bạn cách bảo mật WordPress với Nonce để hạn chế việc tấn công theo kỹ thuật CSRF trong khi phát triển theme và plugin. Hy vọng với những kiến thức này có thể giúp các bạn bảo vệ website của mình tốt hơn.

]]> http://www.hobaohuy.com/tang-cuong-toi-da-tinh-bao-mat-trong-wordpress-bang-nonce.html/feed 0