Include css và js theo shortcode

16/09/2021 08:56 403

Include css và js theo shortcode. Đây là việc nên làm thay vì theo cách include thông thường qua hook wp_enqueue_scripts thì nó sẽ được include cho tất cả cac post, code css thì không gây xung đột nhưng code js trong một số trường hợp sẽ gây xung đột và lỗi nếu shortcode không có. Ngay sau đây là code:

//Code áp dụng trong class
add_action( 'wp_enqueue_scripts', array($this,'front_end_styles') );
public function front_end_styles() {
	global $post;
    //include css
    wp_register_style( 'mypro-front-end', MYPROCORE_URL . 'assets/css-front-end/mypro-core.css', array( ), time(), false );
    if ( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'form_create_site') ) {
        wp_enqueue_style( 'mypro-front-end' );
    }
    //include js và object formcreatesite_vars, form_create_site chính là shortcode của anh chị
    wp_register_script( 'form-create-site', MYPROCORE_JS_URL . 'form-create-site.js', array( 'jquery'), time(), true );
    if ( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'form_create_site') ) {
        wp_enqueue_script( 'form-create-site' );

        wp_localize_script( 'form-create-site',
            'formcreatesite_vars',
            apply_filters( 'formcreatesite_vars', array(
                'ajax_url' => admin_url( 'admin-ajax.php', 'relative' ),
            ) )
        );
    }
   
    
}

//Code áp dụng trong class

add_action( 'wp_enqueue_scripts', array($this,'front_end_styles') );

public function front_end_styles() {

global $post;

//include css

wp_register_style( 'mypro-front-end', MYPROCORE_URL . 'assets/css-front-end/mypro-core.css', array( ), time(), false );

if ( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'form_create_site') ) {

wp_enqueue_style( 'mypro-front-end' );

}

//include js và object formcreatesite_vars, form_create_site chính là shortcode của anh chị

wp_register_script( 'form-create-site', MYPROCORE_JS_URL . 'form-create-site.js', array( 'jquery'), time(), true );

if ( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'form_create_site') ) {

wp_enqueue_script( 'form-create-site' );

wp_localize_script( 'form-create-site',

'formcreatesite_vars',

apply_filters( 'formcreatesite_vars', array(

'ajax_url' => admin_url( 'admin-ajax.php', 'relative' ),

) )

);

}

5/5 (2 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Một số hằng define hay dùng trong wordpress [ 26/05/2022 14:38 ]
Code mẫu add_menu_page và add_submenu_page [ 17/12/2021 14:04 ]
Các functions hỗ trợ cho table meta wordpress [ 14/11/2021 04:06 ]
Thêm mã google analytics vào wordpress [ 12/11/2021 03:07 ]
Một số function liên quan đến post wordpress [ 24/09/2021 07:35 ]
Xử lý dữ liệu json_encode wordpress [ 21/09/2021 08:14 ]
Cách dùng wp_schedule_single_event [ 21/09/2021 02:33 ]
Các phương thức liên quan đến database wordpres [ 18/09/2021 15:54 ]
Các functions liên quan đến user wordpress [ 18/09/2021 15:34 ]
Như thế nào để download một file từ url [ 15/09/2021 00:52 ]

Include css và js theo shortcode

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)