Använda Timthumb med anpassade webbadresser för webbplatsoptimering

I den här artikeln kommer jag att dela med dig på hur du får en bättre sidhastighetspoäng även när du använder TimThumb som din miniatyrförstärkare för din webbplats. På min personliga blogg har jag använt den här metoden under en längre tid och resultatet är ganska imponerande. Låt oss börja handledningen!

Steg 1 Förbereda TimThumb

Först! Äldre versioner av timthumb är notoriskt osäkra... Så om du har en gammal version av timthumb, var god ladda först den senaste versionen från TimThumb Google Code. Öppna filerna och leta efter rad 27

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

och ersätt det med

definiera ("FILE_CACHE_DIRECTORY", ");

Detta ger en säkrare inställning, men du kan fortfarande använda mappen "cache" eller ditt eget definierade namn. Hackare och bots vet att man letar efter den cachemappen, som i äldre versioner skulle få användare att sätta mapptillstånden till lägre än säkra nivåer.

Steg 2 Ställ in nytt ställe för TimThumb

Normalt använder temat utvecklare timthumb inom tematmappen; Det här är uppenbarligen för att hjälpa användare att enkelt använda funktionen ur lådan, men av säkerhetsskäl ändrar vi platsen för timthumb till en ny mapp eller till en ny underdomän (jag använder det här alternativet på min personliga blogg). Jag ska visa er båda metoderna:

Steg 2.1 Använda en undermapp

Skapa ny mapp "media" på din huvuddomän, dvs: yourdomain.com/media

Därefter lägger du in mappen "media" en .htaccess-fil med kod som visas nedan.

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

Lägg sedan till en undermapp under "media" med namnet "resizer", dvs: your-domain.com/media/resizer/. Ladda upp timthumb till den här mappen och se till att du heter din timthumb-fil som thumb.php. Filstrukturen kommer att vara som visas nedan

  1. /media
  2. /media/.htaccess
  3. / Media / Resizer /
  4. /media/resizer/thumb.php

Om du aktiverar cachemappen måste du skapa cachemappen under "resizer".

Steg 2.2 Använda en underdomän

Först måste du konfigurera din underdomän, till exempel www3.your-domain.com.

Därefter lägger du in huvudmappen för din underdomän en .htaccess-fil med kod som visas nedan.

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

Lägg sedan till en undermapp "resizer", dvs: www3.your-domain.com/resizer/. Ladda upp timthumb till den här mappen och se till att du heter din timthumb-fil som thumb.php. Filstrukturen kommer att vara som visas nedan

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

Om du aktiverar cachemappen måste du skapa cachemappen under "resizer".

Steg 3 användning

När du har gjort med steg 2, nu är du redo att använda timthumb med en anpassad webbadress. Formatet som du kan använda för den nya anpassade webbadressen visas nedan:

mapp

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

domän

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

Formatet användningen för webbadressen är http://www3.your-domain.com/resizer/[Image-bredd]x[Image-höjd]/ R /[bild URL]

  1. [bildhöjd] - definiera höjden på miniatyren
  2. [bildbredd] - definiera miniatyrens bredd
  3. [bild-url] - definiera webbadressens webbadress, ta bort http: // från url, annars kommer miniatyrbilden att misslyckas

Steg 4 Användning med auto Miniatyrbild / Bildhantering

Min tidigare artikel handlade om Automagic efter miniatyrbild / bildhantering. Om du vill använda den här anpassade webbadressfunktionen tillsammans med miniatyrhanteringen efter inlägg, följ anvisningarna nedan, där någon redigering för att säkerställa att allt fungerar ordentligt.

Först måste du lägga till extra funktion i din functions.php-fil.

funktionen remove_http ($ url = ") if ($ url == 'http: //' ELLER $ url == 'https: //') return $ url; $ matches = substr ($ url, 0, 7 ), om $ matchar == 'http: //') $ url = substr ($ url, 7); annars $ matches = substr ($ url, 0, 8) https: // ') $ url = substr ($ url, 8); returnera $ url;

Efter det, kolla in funktionen get_attachment_picture (), före stängningskonsolen, kommer du att se koden som visas nedan:

echo $ related_thumbnail;

Ändra koden till

 echo remove_http ($ related_thumbnail);

Därefter kan du använda den anpassade webbadressen tillsammans med funktionen Postminne / bildhantering. Exempel på användning:

eko "';

Slutsats

Nu borde du kunna använda den här funktionen i någon av dina teman, om du har några ytterligare förslag eller frågor angående anpassad webbadress för timthumb, var god att lämna en kommentar!