Korben, roi d’internet, logo bébé avec des lunettes en mode thug life Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Korben Upgrade your mind

WordPress 4.4 – Régler le problème de mixed content en HTTPS sur l’attribut SRCSET

J’ai rencontré un souci avec WordPress suite à la dernière mise à jour en 4.4. Lorsqu’on consulte le site en HTTPS, les images sont cassées… Après recherche, cela est dû à la nouvelle balise SRCSET mise en place par WordPress pour gérer les images en responsives.

Mes images étaient correctement appelées en HTTPS dans <img src= »https:// »> mais un peu plus loin, l’attribut srcset contenait que des liens en HTTP.

<img src= »https://korben.info/monimage.png » srcset= »https://korben.info/monimage.png 650w… »>

Cela avait donc la fâcheuse tendance à provoquer des erreurs de contenu mixé, visible dans la console de mon navigateur.

This request has been blocked; the content must be served over HTTPS.

En grattant un peu, j’ai donc trouvé une fonction qui permet de régler le souci. Il vous suffit d’ajouter ceci dans le fichier functions.php de votre thème.

function ssl_srcset( $sources ) {
foreach ( $sources as &$source ) {
$source[‘url’] = set_url_scheme( $source[‘url’] );
}
return $sources;
}
add_filter( ‘wp_calculate_image_srcset’, ‘ssl_srcset’ );

Et voilà ! Cela utilise tout simplement l’URL de la page comme référent pour srcset. Si vous êtes en HTTPS, le contenu de srcset sera en HTTPS. Et si vous êtes en HTTP, le contenu de srcset sera en HTTP.

Apparemment, pour ceux qui ont le plugin Cloudflare installé, la fonction diffère un peu. Rassurez-vous, Cloudflare a été informé du souci et intégrera ce correctif dans la prochaine version de son plugin. Donc vous pouvez simplement attendre la mise à jour. Néanmoins, pour les plus pressés, ajoutez ceci dans votre fichier functions.php :

function cloudflare_ssl_srcset( $sources ) {

$cloudflare_protocol_rewrite = load_protocol_rewrite();

if ($cloudflare_protocol_rewrite == 1) {

foreach ( $sources as &$source ) { $source[‘url’] = set_url_scheme( $source[‘url’] );
}

return $sources;

} else {

foreach ( $sources as &$source ) { $sources;
}

return $sources;

} }
add_filter( ‘wp_calculate_image_srcset’, ‘cloudflare_ssl_srcset’ );

Source


Développez votre compte Instagram avec Combin

Maîtrisez votre compte et présence sur Instagram

Si Instagram est votre outil de prédilection voici une petite Combin(e) (OK elle était facile) qui pourrait vous plaire et vous aider à développer votre communauté. Et je parle bien ici d’une « vraie » communauté engagée, pas d’une armée de bots qui va ajouter des likes ou des followers à la pelle juste pour gonfler les chiffres.

Déjà au niveau des publications simples : vous pouvez chercher ou combiner plusieurs filtres différents comme les hashtags, la localisation, la langue utilisée, le sexe, les comptes ayant laissé des commentaires sur l’Insta de vos concurrents, la date du commentaire … en fait ça va vous aider à avoir une vue d’ensemble rapide des utilisateurs qui interagissent déjà avec du contenu approchant.

En Savoir +




Rejoindre la discussion sur Korben Communauté