Jump to content
View in the app

A better way to browse. Learn more.
Forum Supreme-Elite

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

WordPress 4.4 "“ Régler le problème de mixed content en HTTPS sur l'attribut SRCSET

Korben
in Actu du Net

Featured Replies

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="http://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



Voir l'article complet
https://forum.supreme-elite.fr/topic/18556-wordpress-44-%C3%A2%E2%82%AC%E2%80%9C-r%C3%A3%C2%A9gler-le-probl%C3%A3%C2%A8me-de-mixed-content-en-https-sur-l%C3%A2%E2%82%AC%E2%84%A2attribut-srcset/
Go to topic listing

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.