Utilisation de Timthumb avec des URL personnalisées pour l'optimisation de site

Dans cet article, je vais expliquer comment obtenir un meilleur score de vitesse de page, même lorsque vous utilisez TimThumb comme outil de redimensionnement des vignettes de votre site. Sur mon blog personnel, j'utilise cette méthode depuis un certain temps et le résultat est assez impressionnant. Commençons le tutoriel!

Étape 1 Préparation de TimThumb

Premier! Les anciennes versions de timthumb sont notoirement non sécurisées… Donc, si vous avez une ancienne version de timthumb, veuillez d'abord télécharger la dernière version à partir de Google Code TimThumb. Ouvrez les fichiers et cherchez la ligne 27

define ('FILE_CACHE_DIRECTORY', './cache');

et le remplacer par

define ('FILE_CACHE_DIRECTORY', ");

Cela rend la configuration plus sécurisée, mais vous pouvez toujours utiliser le dossier 'cache' ou votre propre nom défini. Les pirates et les bots savent rechercher ce dossier de cache, ce qui, dans les anciennes versions, autorisait les utilisateurs à définir les autorisations du dossier sur des niveaux inférieurs aux niveaux de sécurité.

Étape 2: Configuration du nouvel emplacement pour TimThumb

Normalement, un développeur de thèmes utilise timthumb dans son dossier de thèmes. Ceci est évidemment destiné à aider les utilisateurs à utiliser facilement la fonctionnalité par défaut, mais dans un souci de sécurité, nous allons changer l'emplacement du timthumb dans un nouveau dossier ou dans un nouveau sous-domaine (j'utilise cette option sur mon blog personnel). Je vais vous montrer les deux méthodes:

Étape 2.1 Utilisation d'un sous-dossier

Créez un nouveau dossier "media" sur votre domaine principal, par exemple: votredomaine.com/media

Après cela, mettez dans le dossier "media" un fichier .htaccess avec le code indiqué ci-dessous.

 RewriteEngine sur RewriteBase / media / RewriteRule ^ resizer /(.*) x (. *) / R /(.*) resizer / thumb.php? Src = http: // $ 3 & h = $ 2 & w = $ 1 & zc = 1 

Ensuite, ajoutez un sous-dossier sous "média" nommé "resizer", c'est-à-dire: votre- domaine.com/media/resizer/. Téléchargez le timthumb dans ce dossier et assurez-vous de nommer votre fichier timthumb sous la forme thumb.php. La structure du fichier sera comme ci-dessous

1. /médias
2. /media/.htaccess
3. / media / resizer /
4. /media/resizer/thumb.php

Si vous activez le dossier de cache, vous devez créer le dossier de cache sous "Resizer"..

Étape 2.2 Utilisation d'un sous-domaine

Vous devez d’abord configurer votre sous-domaine, par exemple www3.votre-domaine.com.

Après cela, mettez dans le dossier principal de votre sous-domaine un fichier .htaccess avec le code indiqué ci-dessous.

 RewriteEngine sur RewriteBase / RewriteRule ^ resizer /(.*) x (. *) / R /(.*) resizer / thumb.php? Src = http: // $ 3 & h = $ 2 & w = $ 1 & zc = 1 

Ensuite, ajoutez un sous-dossier "resizer", par exemple: www3.votre-domaine.com/resizer/. Téléchargez le timthumb dans ce dossier et assurez-vous de nommer votre fichier timthumb sous la forme thumb.php. La structure du fichier sera comme ci-dessous

1. /.htaccess
2. / resizer /
3. /resizer/thumb.php

Si vous activez le dossier de cache, vous devez créer le dossier de cache sous "Resizer"..

Étape 3

Après avoir terminé avec l'étape 2, vous êtes maintenant prêt à utiliser timthumb avec une URL personnalisée. Le format que vous pouvez utiliser pour la nouvelle URL personnalisée est présenté ci-dessous:

Sous-dossier

http://votre-domaine.com/media/resizer/250x150/r/votre-image-url.jpg

Sous-domaine

http://www3.votre-domaine.com/resizer/250x150/r/votre-image-url.jpg

Le format utilisé pour l'URL est http://www3.votre-domaine.com/resizer/[Largeur de l'image]X[hauteur de l'image]/ r /[URL de l'image]

1. [hauteur de l'image] - définit la hauteur de la vignette
2. [largeur d'image] - définit la largeur de la vignette
3. [image-url] - définit l'URL de la source de l'image, supprime http: // de l'URL, sinon la génération de vignettes échouera

Étape 4 Utilisation avec Automagic Gestion des vignettes / images

Mon article précédent traitait de la gestion des vignettes et des images d’Automagic. Si vous souhaitez utiliser cette fonction d’URL personnalisée avec la gestion des vignettes de la publication, veuillez suivre les étapes ci-dessous. Quelques modifications sont nécessaires pour que tout fonctionne correctement..

Vous devez d’abord ajouter des fonctions supplémentaires à votre fichier functions.php.

function remove_http ($ url = ") if ($ url == 'http: //' OR $ url == 'https: //') return $ url; $ allumettes = substr ($ url, 0, 7 ); if ($ correspond == 'http: //') $ url = substr ($ url, 7); sinon $ correspond = substr ($ url, 0, 8); if ($ correspond == '' https: // ') $ url = substr ($ url, 8); return $ url;

Après cela, examinez la fonction get_attachment_picture () avant le crochet de fermeture, vous verrez le code comme indiqué ci-dessous:

echo $ related_thumbnail;

Changez le code en

 echo remove_http ($ related_thumbnail);

Après cela, vous pouvez utiliser l'URL personnalisée avec la fonction Gestion des miniatures / images. Exemple d'utilisation:

écho '';

Conclusion

A présent, vous devriez pouvoir utiliser cette fonction dans n’importe lequel de vos thèmes. Si vous avez des suggestions supplémentaires ou des questions concernant l’URL personnalisée pour timthumb, n'hésitez pas à laisser un commentaire.!