Hướng dẫn đăng ký và chèn Google reCAPTCHA vào Form

Hôm nay chúng ta sẽ tìm hiểu về Google reCAPTCHA và cách chèn vào form trong website.

Demo Google reCAPTCHA

Nội dung bao gồm:

1. Giới thiệu Google reCAPTCHA
2. Đăng ký sử dụng Google reCAPTCHA
3. Chèn vào Website

Google reCAPTCHA là gì?

Google reCAPTCHA là 1 dạng captcha mới và tiện dụng để chống spam, chống bot tự động đăng ký điền form và thực hiện trên form. Phiên bản mới của google recaptcha rất thân thiện với người dùng và độ bảo mật cao.

Video giới thiệu về Google reCAPTCHA

Hướng dẫn đăng ký Google reCAPTCHA

Bước 1: vào Đăng ký google recaptcha để đăng ký. Ấn vào Get reCAPTCHA để bắt đầu đăng ký

Khi lần đầu tiên vào đăng ký sẽ có màn hình như bên dưới

Bước 2: điền thông tin 

Xem thêm: Hướng dẫn đăng ký và chèn Google reCAPTCHA vào Form

Tạo comment facebook trên wordpress

Bài hôm nay mình sẽ viết về comments của facebook trên web nói chung và wordpress nói riêng nhé. Khi làm xong các thao tác trong bài này bạn có thể tạo riêng cho mình 1 apps của facebook để quản lý comments trên website hay blog của mình rồi ^^

Demo ngay trên bài viết bạn đang đọc hoặc bất kỳ bài viết nào trên levantoan.com đều có tích hợp comments của facebook nhé ^^

Chú ý: Nếu bạn muốn chỉ là 1 comments bình thường của facebook thôi thì rất đơn giản chỉ cần chèn code là xong, nhưng nếu thế bạn sẽ không thể quản lý được comments trên web. Vì vậy chúng ta mới cần tạo 1 Apps của riêng mình ^^

Cần biết những gì?

Your_App_ID: có được ID App của bạn

User_ID: lấy được id của bạn trên facebook

Nào chúng ta cùng bắt tay vào làm nhé:

Bước 1: Tạo Apps trên facebook

Để tạo app trên facebook bạn vào theo đường dẫn này https://developers.facebook.com/.

Rồi điền đầy đủ thông tin như trong hình:

Display Name: Tên hiển thị của App

Namespace: Tên của app, giống như kiểu user đó. Tên này ko chứa số, không viết hoa, và không được trùng với bất kỳ ai.

Loại: Chọn 1 thể loại cho App của bạn. VD như giải trí, học tập …

Sau khi điền đầy đủ xong bạn chọn vào “Tạo ứng dụng” sẽ hiện ra khung điền mã bảo mật. bạn điền vào vào “Gửi” là được.

Bước 2: Thiết lập app của bạn.

Xem chi tiết: Tạo comment facebook trên wordpress

Thêm chức năng tìm kiếm category khi đăng bài

Trường hợp đặt ra là bạn có mấy trăm category vậy khi đăng bài bạn phải kéo mỏi cả tay để tìm kiếm category phải không?

Hôm nay chúng ta sẽ thêm cho nó cái chức năng search để tiện hơn trong việc tìm kiếm category nhé^^

Xem Thêm: Thêm chức năng search cho category

Thay chữ Sale bằng % giảm giá trong woocommerce

Nhiều khi chúng ta không muốn hiển thị chữ SALE khi sản phẩm đó có chương trình giảm giá. Mà thay vào đó sẽ hiển thị phần trăm (%) giảm giá của sản phẩm đó. vậy chúng ta sẽ làm gì?

Thay chữ sale bằng phần trăm giảm giá trong woocommerce

Xem thêm

Flickr Widget

Widget này sẽ giúp chúng ta lấy ảnh của 1 User ID của Flickr và hiển thị lên website. Hình ảnh minh họa như trên. Rất tiện lợi phải không nào?

Tạo Flickr Widget

Chúng ta tạo lấy 1 file có tên flickr_widget.php (hoặc với bất kỳ tên nào bạn thích). rồi để ở theme của bạn đang dùng (bất kỳ chỗ nào trong theme). Sau đó include file vừa tạo vào file functions.php của theme là được.

<?php
 class svl_widget_flickr extends WP_Widget {

 function svl_widget_flickr() {
 $widget_ops = array( 'classname' => 'svl_widget_flickr', 'description' => __('A widget that displays brochure item') );
 $this->WP_Widget( 'svl_widget_flickr', __('[SVL] Flickr'), $widget_ops );
 }

 function widget( $args, $instance ) {
 extract( $args );
 global $post;

 $title = apply_filters('widget_title', $instance['title'] );

 $gallery_id = $instance['gallery_id'];

 $gallery_items = $instance['gallery_items'];
 if ($gallery_items <= 0 ){ $gallery_items = 9; }

 echo $before_widget;

 if ( $title ) {
 echo $before_title . $title . $after_title;
 }
 if ($gallery_id){
 echo '<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count='.$gallery_items.'&display=latest&size=s&layout=x&source=user&user='.$gallery_id.'"></script>';
 echo '<style>.flickr_badge_image {display: inline-block;margin: 0 5px 5px 0;}</style>';
 }
 echo $after_widget;
 }

 function update( $new_instance, $old_instance ) {
 $instance = $old_instance;

 $instance['title'] = strip_tags( $new_instance['title'] );
 $instance['gallery_id'] = strip_tags( $new_instance['gallery_id'] );
 $instance['gallery_items'] = strip_tags( $new_instance['gallery_items'] );

 return $instance;
 }

 function form( $instance ) {
 $defaults = array( 'title' => __(null), 'gallery_items' => 9, 'gallery_id' => 0 );
 $instance = wp_parse_args( (array) $instance, $defaults ); ?>

 <div class="ewf-meta">
 <p>
 <label for="<?php echo $this->get_field_id( 'title' ); ?>"><?php _e('Title:'); ?></label>
 <input id="<?php echo $this->get_field_id( 'title' ); ?>" name="<?php echo $this->get_field_name( 'title' ); ?>" value="<?php echo $instance['title']; ?>" style="width:100%;" />
 </p>

 <p>
 <label for="<?php echo $this->get_field_id( 'gallery_id' ); ?>"><?php _e('Gallery or User ID:'); ?></label>
 <input id="<?php echo $this->get_field_id( 'gallery_id' ); ?>" name="<?php echo $this->get_field_name( 'gallery_id' ); ?>" value="<?php echo $instance['gallery_id']; ?>" style="width:100%;" />
 </p>

 <p>
 <label for="<?php echo $this->get_field_id( 'gallery_items' ); ?>"><?php _e('Number of items:'); ?></label>
 <input id="<?php echo $this->get_field_id( 'gallery_items' ); ?>" name="<?php echo $this->get_field_name( 'gallery_items' ); ?>" value="<?php echo $instance['gallery_items']; ?>" style="width:100%;" />
 </p>
 </div>

 <?php
 }
 }

function svl_flickr_widgets() {
 register_widget( 'svl_widget_flickr' );
}

add_action( 'widgets_init', 'svl_flickr_widgets' );
?>

Download flickr widget

Flickr widget

Khi đã làm xong các bạn thử với user ID 95607642@N04 xem thế nào nhé ^^

Chúc các bạn thành công^^

Hiển thị toàn bộ category theo level của category

Qua bài viết get all term by level chúng ta cũng có thể lấy được các category ở các level khác nhau. Hôm nay chúng ta thêm 1 hàm nữa. Hàm này giúp chúng ta lấy toàn bộ category theo các cấp độ level và theo parent nữa.

Hàm hiển thị category theo level

Các bạn chèn đoạn code sau vào file functions.php trong theme của bạn nhé

?

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

function get_level($category, $level = 0) {  if ($category->category_parent == 0) {  return $level;  } else {  $level++;  $category = get_category($category->category_parent);  return get_level($category, $level);  } } function display_cat_level( $level = 0 , $link = false, $parent = NULL){  $catArgs = array( 'hide_empty' => 0);  if( $parent != NULL ){  $catArgs['child_of'] = $parent;  }  $cats = get_categories( $catArgs );  if( $cats ){  foreach($cats as $cat){  $current_cat_level = get_level($cat);  if( $current_cat_level == $level ){  if($link==true) {  echo '<a href="'.get_category_link($cat->cat_ID).'">'.$cat->name."</a><br />";  } else {  echo $cat->name."<br />";  }  }  }  } }

Sau đó muốn hiển thị ở đâu thì dùng hàm display_cat_level(<level>,true/false,<parent_ID>);

Ví dụ: như hình trên ta muốn hiển thị level 0 thì sẽ là

?

1	display_cat_level(0,true);//True nếu muốn có link, false không có link

Muốn hiển thị level 1 thì thế này:

?

1	display_cat_level(1,true);//True nếu muốn có link, false không có link

Muốn hiển thị level 2 của cat có ID 3 thì thế này

?

1	display_cat_level(2,true,3);//True nếu muốn có link, false không có link

Chúc các bạn thành công!

Hiển thị toàn bộ category theo level của category