WordPress’te özellikle sık tema değiştiriyorsanız resim boyutları gerçekten başa bela olabiliyor.
Bu hafta sonu eşimin yemek tarifleri sitesindeki resimleri otomatik boyutlandırmak için epeyce eklenti indirip kurdum ama hiçbirinden sonuç alamadım.
Sonuç olarak bu işi CSS ile yapmaya karar verdim. Nasıl yaptığımı sizinle de paylaşayım.
Öncelikle wordpress’te yazdığınız yazıların hangi isimli div elementinin içinde yazıldığını öğrenin. Genelde Single.php dosyasından ya da yayınlamış bir yazınızda kaynağı görüntüle diyerek kolayca bulabilirsiniz. Bu sitede yazılar post isimli div’in içinde yayınlanıyor. O yüzden örnekleri buna göre vereceğim. Siz kendinize göre değiştirirsiniz.
Sitenizin style.css dosyasını açın ve .post img diye aratın. Bulduğunuz alanın içine şu kodları ekleyin.
550 en büyük resim genişliğini ifade ediyor. 550 yerine dilediğiniz rakamı yazabilirsiniz. O boyuttan büyük resimler otomatik olarak o boyuta göre ayarlanarak yayınlanır.
Eğer style.css dosyanızın içinde .post img diye birşey bulamadıysanız aşağıdaki gibi kendiniz oluşturun.
Bu kodları internet explorer 7, internet explorer 8 ve firefox 3.5.6 da denedim. Hepsinde de sorunsuz çalışıyor. IE6′da denemedim.
Bu işlemleri yaptıktan sonra wordpress auto image resizer, wordpress image resizer, wordpress resim boyutlandırma ve benzeri isimlerle eklenti aramanıza gerek kalmayacak.
Son bir not; Bu kod tabiki sadece wordpress sitelerde değil bütün sitelerde çalışır.
WordPress 2.9 sürümünün hemen ardından wordpress 2.9.1 sürümü duyuruldu.
Bilindiği üzere WordPress 2.9 versiyonunda zamanlanmış yazılarda ve pingback’lerde sorunlar vardı.
Wordpress 2.9.1 sürümü ile bu sorunların üstesinden gelinmiş.
Eğer hala admin panelinizde güncelleme uyarısı çıkmadıysa yan menüden araçlar > güncelleme yolunu izleyerek güncelleme bağlantısını görebilirsiniz.
WordPress 2.9.1 e güncelleme yapmadan önce hem dosyalarınızın hem de veritabanınızın yedeğini almayı unutmayın.
Bugün google‘ı ziyaret edenler normal google logosu yerine ağaçtan düşen bir elma efektinin bulunduğu google özel logosunu gördüler.
Bildiğim kadarı ile 4 ocak 2010′da eklenen bu logo şimdiye kadar yapılan ilk animasyonlu google logosu olma özelliğini taşıyor.
Google değişikliği 4 Ocak 1642 tarihinde İngiltere in Lincolnshire şehrinde dünyaya gelen Isaac Newton‘un yaşgünü sebebiyle yapmış.
Bildiğiniz üzere Sir Isaac Newton ağaçtan düşen bir elma sayesinde yerçekimi kanununu bulan biliminsanı olarak tanınıyor.
Geçtiğimiz günlerde eşimin yemek tarifleri ile ilgili bloğunda birkaç güncelleme yaptım. Daha sonra Css dosyasının nasıl daha düzgün ve sade hale getirebilirim diye araştırmaya başladım.
R10.net’ te açtığım konuya istinaden bir üye özel mesajla Clean CSS adresini önerdi. Önerisini dinledim ve çok işime yaradı.
Bu site sizin css dosyalarınızı alıyor, gereksiz yere tekrar eden kısımları ve diğer hataları bulup düzeltiyor. Böylece css dosyanızın boyutu küçülüyor, Sayfalarınız daha hızlı açılıyor, arama motorları sizi seviyor vs vs.
Benim verdiğim css dosyasından onlarca satır küçülttü ve sonuç olarak %30 daha az boyuta sahip bir css dosyam oldu. Ayrıca css validator‘deki uyarılarda kayboldu.
Cleancss.com’a css kodlarınızı kopyala yapıştır ile ekleyebilir ya da direk sitenizdeki style.css vs dosyanızın adresini verebilirsiniz. Site sahibi sitesini sadece geçerli css kodunuz varsa kullanmanızı öneriyor.
Optimize dilen kodlarınız size sayfanın alt kısmında veriliyor. O kodları alıp eski kodlar ile değiştirmeniz yeterli.
Ne olur ne olmaz eski dosyanızın yedeğini başka bir yere almayı unutmayın. Olmaz ama olurda bir sorun yaşarsanız kolayca geri yüklersiniz.
Kristen Bell‘in başrolünde oynadığı Veronica Mars isimli dizi çok güzel olmasına rağmen malesef sona erdi.
Diziyi henüz izlemediyseniz ve vaktiniz varsa mutlaka izleyin.
Dizi hakkında bilgi almak istiyorsanız ekşisözlük ya da imdb‘ye bakabilirsiniz.
Geçen yaz izlediğim dizide 3. sezon 12. bölümde ablamız Blondie’nin One way or another şarkısını söyledi.
Şarkı nedense bugün dilime takıldı ve tekrar dinlemek istedim.
Kısa bir youtube aramasından sonra buldum. Buyrun buradan dinleyin ve izleyin;
