Hướng dẫn ajax in wordpress without plugin - ajax trong wordpress không có plugin

Tìm kiếm mặc định WordPress không mát mẻ. Chúng tôi sẽ tạo tìm kiếm WordPress Ajax mà không cần plugin sẽ trông giống như thế này.

Đầu tiên chúng ta cần tạo một trường đầu vào để người dùng có thể tìm kiếm. Đặt nó bất cứ nơi nào mẫu trang, single.php, archive.php, index.php, page.php hoặc bất cứ nơi nào bạn muốn hiển thị trường tìm kiếm

Trang tìm kiếm

    

        
        
            Search
        
    
    

        

            
Please wait..
        
    

Mã chính cho tìm kiếm WordPress Ajax mà không có plugin

Bây giờ đặt mã dưới đây vào các hàm.php trên truy vấn bài đăng, bạn có thể tùy chỉnh HTML của mình theo ý muốn. Mã này sẽ tương tác với HTML để đạt được mục tiêu của chúng tôi là tạo tìm kiếm WP AJAX mà không cần plugin.

functions.php

 -1, 's' => esc_attr( $_POST['keyword'] ), 'post_type' => array('page','post') ) );
    if( $the_query->have_posts() ) :
        echo '
';
        while( $the_query->have_posts() ): $the_query->the_post(); ?>

            


        ';
        wp_reset_postdata();  
    endif;

    die();
}

AJAX tìm kiếm loại bài đăng tùy chỉnh

Mã này sẽ được hiển thị kết quả từ Trang & Post nhưng nếu bạn muốn bạn có thể kích hoạt nếu loại bài đăng tùy chỉnh WP của mình. Đơn giản là bạn cần thay đổi ‘post_type, => mảng (‘ trangpage & post but if you want you can activate if for your wp custom post type as well. Simply you need to change ‘post_type’ => array(‘page’,’post’)to ‘post_type’ => array(‘your_custom_post_type’)

Nếu tìm kiếm không hoạt động, hãy sử dụng mã này [hầu hết thời gian không cần] [Most of the time not need ]

Chỉ khi loại bài đăng tùy chỉnh không hiển thị trong kết quả tìm kiếm

/**
 * This function modifies the main WordPress query to include an array of 
 * post types instead of the default 'post' post type.
 *
 * @param object $query The main WordPress query.
 */
function mukto_post_type_include( $query ) {
    if ( $query->is_main_query() && $query->is_search() && ! is_admin() ) {
        $query->set( 'post_type', array( 'post', 'page', 'custom_post_type' ) );
    }
}
add_action( 'pre_get_posts', 'mukto_post_type_include' );

Tìm hiểu thêm về WordPress Ajax tại đây

WP AJAX tìm kiếm kết quả [Đã sửa]

Tìm kiếm AJAX WordPress của chúng tôi mà không có plugin đang hoạt động nhưng vẫn còn một vấn đề. Đôi khi nó hiển thị tất cả các bài viết khi bạn không viết bất cứ điều gì trên tìm kiếm. Để sửa lỗi này, hãy để viết một số jQuery, vì vậy kết quả tìm kiếm chỉ hiển thị khi bạn có nhiều hơn 2 ký tự trên tìm kiếm được nộp

Custom.js

$("input#keyword").keyup(function() {
      if ($(this).val().length > 2) {
        $("#datafetch").show();
      } else {
        $("#datafetch").hide();
      }
    });

Style.css

div.search_result {
  display: none;
}

Đặt mã này vào bất kỳ tệp JS nào được liên kết với chủ đề chủ đề hoặc chủ đề con của bạn. Đó là tất cả.

Để hiển thị các bài đăng được bảo vệ bằng mật khẩu trong tìm kiếm trong kết quả tìm kiếm

Đặt mã này vào các chức năng.php

functions.php

add_filter( 'posts_search', 'include_password_posts_in_search' );
function include_password_posts_in_search( $search ) {
    global $wpdb;
    if( !is_user_logged_in() ) {    
        $pattern = " AND ({$wpdb->prefix}posts.post_password = '')";
        $search = str_replace( $pattern, '', $search );
    }
    return $search;
}

Kiểm tra tìm kiếm WooC Commerce Ajax mà không có mã plugin

Tìm kiếm sản phẩm Ajax Danh mục WooC Commerce mà không cần plugin

Cảm ơn bạn!