Change header image loaded by jQuery to use HTTPS

Question

Change header image loaded by jQuery to use HTTPS

Cijo

2022年3月12日 15:04

My theme contains a parallax header image. How can I change the URL of the header image so that it uses HTTPS? I want to do it manually.

Currently the URL is:

http://example.com/themes/abc/header.jpg

I want to change it to:

https://example.com/themes/abc/header.jpg

Plugins are not helping me on this specific file (they are converting others). Chrome tells me the header is being loaded by jquery.js. I have no idea how jQuery is doing this.

I believe editing functions.php can help, but how can I do it?

Topic header-image jquery https Wordpress

Category Web

Ethan O'Sullivan · Accepted Answer · 2016年8月25日 04:47

Have you considered Protocol Rewriting? The code below will convert all http: and https: to // for each script, link, base, and image. Place this in your functions.php:

add_action( 'plugins_loaded', 'wpse_232287_init' );

function wpse_232287_init() { // Initiate the function
    ob_start( 'wpse_232287_remove_http' );
}

function wpse_232287_remove_http( $buffer ) {
    // Check for a Content-Type header, only apply rewriting to "text/html" or undefined
    $headers = headers_list();
    $content_type = null;

    foreach ( $headers as $header ) {
        if (strpos( strtolower( $header ), 'content-type:' ) === 0 ) {
            $pieces = explode( ':', strtolower( $header ) );
            $content_type = trim( $pieces[1] );
            break;
        }
    }

    if ( is_null( $content_type ) || substr( $content_type, 0, 9 ) === 'text/html' ) { // Replace 'href'/'src' attributes within script/link/base/img tags with '//'
        $return = preg_replace( "/(<(script|link|base|img|form)([^>]*)(href|src|action)=[\"'])https?:\\/\\//i", "$1//", $buffer );
        if ( $return ) { // On regex error, skip overwriting content
            $buffer = $return;
        }
    }
    return $buffer;
}

Change header image loaded by jQuery to use HTTPS

About