Uso de Timthumb con URL personalizadas para la optimización del sitio

En este artículo, compartiré cómo obtener un mejor puntaje de velocidad de página, incluso cuando esté utilizando TimThumb como su redimensionador de imágenes en miniatura para su sitio. En mi blog personal he estado usando este método durante bastante tiempo y el resultado es bastante impresionante. Empecemos el tutorial.!

Paso 1 Preparando TimThumb

primero! Las versiones anteriores de timthumb son notoriamente inseguras… Entonces, si tiene una versión antigua de timthumb, primero descargue la última versión de TimThumb Google Code. Abre los archivos y busca la línea 27

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

y reemplazarlo con

define ('FILE_CACHE_DIRECTORY', ");

Esto hace que la configuración sea más segura, pero aún puede usar la carpeta 'caché' o su propio nombre definido. Los piratas informáticos y los robots saben que deben buscar esa carpeta de caché, que en las versiones anteriores haría que los usuarios configuraran los permisos de la carpeta en niveles más bajos que los seguros..

Paso 2: Configuración de una nueva ubicación para TimThumb

Normalmente, un desarrollador de temas usará timthumb dentro de su carpeta de temas; Obviamente, esto es para ayudar a los usuarios a usar fácilmente la función fuera de la caja, pero en aras de la seguridad cambiaremos la ubicación del timthumb a una nueva carpeta oa un nuevo subdominio (uso esta opción en mi blog personal). Te mostraré ambos métodos:

Paso 2.1 Usando una Subcarpeta

Cree una nueva carpeta "media" en su dominio principal, es decir: sudominio.com/media

Después de eso, ponga dentro de la carpeta "media" un archivo .htaccess con el código que se muestra a continuación.

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

A continuación, agregue una subcarpeta en "medios" con el nombre "resizer", es decir: su-dominio.com/media/resizer/. Suba el timthumb a esta carpeta y asegúrese de nombrar su archivo de timthumb como thumb.php. La estructura del archivo será como se muestra abajo.

  1. /medios de comunicación
  2. /media/.htaccess
  3. / media / resizer /
  4. /media/resizer/thumb.php

Si habilita la carpeta de caché, necesita crear la carpeta de caché en "redimensionar".

Paso 2.2 Usando un Subdominio

Primero necesita configurar su subdominio, por ejemplo www3.your-domain.com.

Después de eso, ponga dentro de la carpeta principal de su subdominio un archivo .htaccess con el código que se muestra a continuación.

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

A continuación, agregue una subcarpeta "resizer", es decir: www3.your-domain.com/resizer/. Suba el timthumb a esta carpeta y asegúrese de nombrar su archivo de timthumb como thumb.php. La estructura del archivo será como se muestra abajo.

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

Si habilita la carpeta de caché, necesita crear la carpeta de caché en "redimensionar".

Paso 3 Uso

Una vez que haya terminado con el paso 2, ya está listo para usar el timthumb con una URL personalizada. El formato que puede utilizar para la nueva URL personalizada se muestra a continuación:

Subcarpeta

http://your-domain.com/media/resizer/250x150/r/your-image-url.jpg

Subdominio

http://www3.your-domain.com/resizer/250x150/r/your-image-url.jpg

El formato de uso de la url es http://www3.your-domain.com/resizer/[ancho de la imagen]X[Altura de imagen]/ r /[URL de la imagen]

  1. [image-height] - define la altura de la miniatura
  2. [ancho de la imagen] - define el ancho de la miniatura
  3. [image-url] - define la url de la fuente de la imagen, elimina http: // de la url, o la generación de miniaturas fallará

Paso 4 Uso con Automagic Miniatura / Gestión de imágenes

Mi artículo anterior fue sobre la administración automática de miniaturas / imágenes de la publicación de Automagic. Si desea utilizar esta función de URL personalizada junto con la administración de miniaturas de publicaciones posteriores, siga los pasos a continuación, hay algunas ediciones para garantizar que todo funcione correctamente..

Primero necesitas agregar una función extra a tu archivo functions.php.

función remove_http ($ url = ") if ($ url == 'http: //' OR $ url == 'https: //') return $ url; $ matches = substr ($ url, 0, 7 ); if ($ match == 'http: //') $ url = substr ($ url, 7); else $ matches = substr ($ url, 0, 8); if ($ matches == ' https: // ') $ url = substr ($ url, 8); return $ url;

Después de eso, observe la función get_attachment_picture (), antes del corchete de cierre, verá el código como se muestra a continuación:

echo $ related_thumbnail;

Cambia el código a

 echo remove_http ($ related_thumbnail);

Después de eso, puede utilizar la URL personalizada junto con la función de gestión de imágenes / miniaturas de la publicación. Ejemplo de uso:

eco '';

Conclusión

En este momento, debería poder utilizar esta función en cualquiera de sus temas, si tiene alguna sugerencia o pregunta adicional con respecto a la URL personalizada para Timthumb, no dude en dejar un comentario.!