Css İle Temadaki Resimleri Düzenleme

Thimtumb kullanılan bir temadan bu özelliği kaldırdıktan sonra yeni bir adım daha bizleri bekliyor.

Resimleri temadaki kutucuklara tam görsel boyutunda sığdırmak gerekebiliyor.

Görselleri tema düzenini bozmadan boyutlandırma yapmak sanıldığı kadar zor değil. Bunun için çok ileri derece de CSS bilgisine sahip olmanız gerekmiyor. Böyle diyorum çünkü genelde ben CSS düzenlemesi için araştırmalarımda yardım istediğim kişiler çok saçma bir şekilde wordpress çekirdek bilgisine sahip olmanız lazım diyenler bile oldu.

Yada CSS’de uzmanı olmanız lazım diyenler. Ancak yinede bu düzenlemeler ile resimleri istediğiniz boyutlara getiremezseniz o zamanda tema dosyalarınızdan ilgili bölümlere resimler için genişlik ve yükseklik değerlerinin verilmesi gerekecektir.

Css İle Temadaki resimleri düzenleme

CSS ile düzenleme:

İşlem aslında çok zor değil css dosyanızı geçen videomuzda tavsiye ettiğim notepad++ kullanarak img kelimesini aratıyoruz. (notepad++ benzeri programlarda var. Onlarıda kullanabilirsiniz.) Ve temadaki img değerini aratıyoruz.

padding: 0;
max-width: 100%;

Değerini temanın bozulan alanlarına veriyoruz. Burada dikkat etmeniz gereken height ( auto) özelliğini kaldırmak.

Bu bazı temalarda tüm alanlar için yeterli iken bazı temalarda tüm alanlar için yeterli olmuyor ve css dosyanızdan tek tek img kodlarını aratmalısınız.

Ve ya var olan değeri siliyorsunuz yada yeni değer verebilirsiniz.

WordPress optimize için neler yaptık?

Resimlerin çoğalmasını engelledik.

Fazla resimleri FTP den sildik.

Timthumb’ı kaldırdık. Ve bu işlem ile sunucuyu yormasını, sorgu sayısının artmasını, ftp de milyonlarca cache dosya oluşturmasını engelledik. Bunun yanı sıra güvenlik açığınında kapanmasını sağladık.

Timtumbı kaldırdıktan sonra bozulan temayı css ile düzenledik.

Sonraki videomuz da css birleştireceğiz.
puanını arttırmak, ve GT metrix analizdeki sorunları gidermek için yapacağımız işlemler ile ilgili olacak.



2 Yorum

  1. webkenti 22 Ocak 2016 Alıntıla
    • Nimet Tuba ÖzYönetici 30 Ocak 2016 Alıntıla

    Yorum Bırakabilirsiniz

    E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir