This commit is contained in:
2025-03-05 10:58:57 +01:00
parent 385348c310
commit 5d7a17bd4c

View File

@@ -1,9 +1,9 @@
<?php <?php
/* /*
Plugin Name: WP Thumbor Integration Plugin Name: WP Thumbor Integration
Description: Intègre Thumbor dans WordPress en transformant les URLs des images présentes dans le <body> (contenu, header, etc.). L'URL de Thumbor, les filtres et la clé secrète sont configurables. Les images sont redimensionnées si une taille est spécifiée dans le nom du fichier ou dans les attributs HTML. La transformation est désactivée dans certains cas (ex. Optimize More) pour éviter des erreurs getimagesize(). Le favicon et les images en dehors du <body> ne sont pas modifiés. Description: Intègre Thumbor dans WordPress en transformant les URLs des images présentes dans le <body> (contenu, header, backgrounds, etc.). L'URL de Thumbor, les filtres et la clé secrète sont configurables. Les images sont redimensionnées si une taille est spécifiée dans le nom du fichier ou dans les attributs HTML. La transformation est désactivée dans certains cas (ex. Optimize More) pour éviter des erreurs getimagesize(). Le favicon, les scripts et les images en dehors du <body> ne sont pas modifiés.
Version: 1.4 Version: 1.5
Author: Votre Nom Author: MrRaph_
*/ */
if ( ! defined('ABSPATH') ) { if ( ! defined('ABSPATH') ) {
@@ -199,83 +199,14 @@ function wp_thumbor_transform_url($url, $width = null, $height = null) {
return $thumbor_base_url . '/' . $endpoint . '/' . $path_to_sign; return $thumbor_base_url . '/' . $endpoint . '/' . $path_to_sign;
} }
/**
* Filtre le contenu des articles (the_content) pour transformer les images.
* Cette fonction travaille sur le HTML complet.
*/
function wp_thumbor_filter_content_images($content) {
if (is_admin()) {
return $content;
}
if (empty($content)) {
return $content;
}
libxml_use_internal_errors(true);
$dom = new DOMDocument();
$html = mb_convert_encoding($content, 'HTML-ENTITIES', 'UTF-8');
if (empty($html)) {
return $content;
}
$dom->loadHTML($html);
$images = $dom->getElementsByTagName('img');
foreach ($images as $img) {
$width = $img->getAttribute('width');
$height = $img->getAttribute('height');
$width = $width ? intval($width) : null;
$height = $height ? intval($height) : null;
if ($img->hasAttribute('src') && preg_match('/^https?:\/\//', $img->getAttribute('src'))) {
$img->setAttribute('src', wp_thumbor_transform_url($img->getAttribute('src'), $width, $height));
}
if ($img->hasAttribute('data-src') && preg_match('/^https?:\/\//', $img->getAttribute('data-src'))) {
$img->setAttribute('data-src', wp_thumbor_transform_url($img->getAttribute('data-src'), $width, $height));
}
if ($img->hasAttribute('srcset')) {
$srcsetItems = explode(',', $img->getAttribute('srcset'));
$newSrcset = array();
foreach ($srcsetItems as $item) {
$parts = preg_split('/\s+/', trim($item));
if (!empty($parts[0]) && preg_match('/^https?:\/\//', $parts[0])) {
$newURL = wp_thumbor_transform_url($parts[0]);
$newSrcset[] = isset($parts[1]) ? $newURL . ' ' . $parts[1] : $newURL;
} else {
$newSrcset[] = $item;
}
}
$img->setAttribute('srcset', implode(', ', $newSrcset));
}
if ($img->hasAttribute('data-srcset')) {
$srcsetItems = explode(',', $img->getAttribute('data-srcset'));
$newSrcset = array();
foreach ($srcsetItems as $item) {
$parts = preg_split('/\s+/', trim($item));
if (!empty($parts[0]) && preg_match('/^https?:\/\//', $parts[0])) {
$newURL = wp_thumbor_transform_url($parts[0]);
$newSrcset[] = isset($parts[1]) ? $newURL . ' ' . $parts[1] : $newURL;
} else {
$newSrcset[] = $item;
}
}
$img->setAttribute('data-srcset', implode(', ', $newSrcset));
}
}
// Renvoie le document HTML complet (head, body, etc.)
return $dom->saveHTML();
}
add_filter('the_content', 'wp_thumbor_filter_content_images');
/**
* Démarre la mise en tampon de la sortie pour traiter toutes les images présentes dans le HTML final.
*/
function wp_thumbor_start_output_buffer() {
if (!is_admin() && !defined('DOING_AJAX')) {
ob_start('wp_thumbor_output_buffer_callback');
}
}
add_action('template_redirect', 'wp_thumbor_start_output_buffer');
/** /**
* Callback de traitement de la sortie (output buffer). * Callback de traitement de la sortie (output buffer).
* Parcourt le document HTML complet et transforme les URLs de toutes les balises <img>. * Parcourt le document HTML complet et transforme :
* - Les URLs des balises <img>
* - Les URLs en background définies dans le style inline
* - Les attributs data-image et data-src utilisés pour les backgrounds
*
* Les balises <script> sont ignorées.
*/ */
function wp_thumbor_output_buffer_callback($buffer) { function wp_thumbor_output_buffer_callback($buffer) {
if ( empty($buffer) ) { if ( empty($buffer) ) {
@@ -288,6 +219,8 @@ function wp_thumbor_output_buffer_callback($buffer) {
return $buffer; return $buffer;
} }
$dom->loadHTML($html); $dom->loadHTML($html);
// Traitement des balises <img>
$images = $dom->getElementsByTagName('img'); $images = $dom->getElementsByTagName('img');
foreach ( $images as $img ) { foreach ( $images as $img ) {
$width = $img->getAttribute('width'); $width = $img->getAttribute('width');
@@ -329,10 +262,53 @@ function wp_thumbor_output_buffer_callback($buffer) {
$img->setAttribute('data-srcset', implode(', ', $newSrcset)); $img->setAttribute('data-srcset', implode(', ', $newSrcset));
} }
} }
// Renvoie le document HTML complet, préservant <html>, <head> et <body>.
// Traitement des éléments pour les images de background
$allElements = $dom->getElementsByTagName('*');
foreach ( $allElements as $element ) {
// Ne pas traiter les <script>
if ( strtolower($element->tagName) === 'script' ) {
continue;
}
// Traitement du style inline pour les background-images
$style = $element->getAttribute('style');
if ( ! empty($style) ) {
$newStyle = preg_replace_callback('/url\((["\']?)(https?:\/\/[^"\'\)]+)\1\)/i', function($matches) {
$url = $matches[2];
$transformed = wp_thumbor_transform_url($url);
return 'url("' . $transformed . '")';
}, $style);
$element->setAttribute('style', $newStyle);
}
// Traitement des attributs data-image et data-src pour les backgrounds
if ( $element->hasAttribute('data-image') ) {
$dataImage = $element->getAttribute('data-image');
if ( preg_match('/^https?:\/\//', $dataImage) ) {
$element->setAttribute('data-image', wp_thumbor_transform_url($dataImage));
}
}
if ( $element->hasAttribute('data-src') ) {
$dataSrc = $element->getAttribute('data-src');
if ( preg_match('/^https?:\/\//', $dataSrc) ) {
$element->setAttribute('data-src', wp_thumbor_transform_url($dataSrc));
}
}
}
// Renvoyer le document HTML complet, préservant <html>, <head> et <body>
return $dom->saveHTML(); return $dom->saveHTML();
} }
/**
* Démarre la mise en tampon de la sortie pour traiter toutes les images présentes dans le HTML final.
*/
function wp_thumbor_start_output_buffer() {
if ( ! is_admin() && ! defined('DOING_AJAX') ) {
ob_start('wp_thumbor_output_buffer_callback');
}
}
add_action('template_redirect', 'wp_thumbor_start_output_buffer');
/** /**
* Initialisation du plugin (chargement des traductions, etc.). * Initialisation du plugin (chargement des traductions, etc.).
*/ */