Question 2430 in Wordpress Question posted in
The official Wordpress documentation can be found here.

How to add attribute to the script in php – WordPress

I have a link to the script in my HTML

  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCrAbBwliakQCs7vDgLGilKQnicEc0-8hA&callback=initMap&v=weekly" defer></script>

I need to add attribute "defer" in my php when using "wp_dequeue_style"

wp_enqueue_script('google-map', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyCrAbBwliakQCs7vDgLGilKQnicEc0-8hA&callback=initMap&v=weekly', [], $version, true);

is it any options?

Tags:

2

Answers


  1. 0

    You can’t do it using wp_enqueue_script you will have to use some other script loader hooks and add the defer.

    Please check this article it has the explanation and code that will help you.

    Login or Signup to reply.
  2. 0

    Please add this in your functions.php file and check again.

    add_action( 'wp_enqueue_scripts', 'qcpd_wp_script_to_scripts', 20, 1);
if (!function_exists('qcpd_wp_script_to_scripts')) {
    function qcpd_wp_script_to_scripts(){

        wp_enqueue_script('google-map', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyCrAbBwliakQCs7vDgLGilKQnicEc0-8hA&callback=initMap&v=weekly', [], '', true);
    }
}


add_filter( 'script_loader_tag', 'qcpd_wp_script_defer_load_js', 100, 3 );
if (!function_exists('qcpd_wp_script_defer_load_js')) {
function qcpd_wp_script_defer_load_js( $tag, $handle, $src ) {
    //$defer_load_js = true;

        $handles = array(  
                        'google-map'
                    );
     
        if ( ! wp_is_mobile() && in_array( $handle, $handles ) ) {

            return str_replace(' src', ' defer src', $tag);
            
        }
    

        return $tag;

    }
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search