Category

Yazılım

Category

Front-end projelerinde belirli standartlar kullanılarak projeyi geliştirdiğimiz zaman hem yapısal olarak oturmuş bir şekil ortaya çıkıyor hem de tekrardan düzenlememiz gerektiğinde kolay bir şekilde gerekeni yapabiliyoruz. Tasarımın yapısını oluştururken belirli bir ızgaraya uygun şekilde yaparsak, hem sabit ölçülere göre işlem yapmış oluruz hem de gözü yormadan ve görünümü göze hoş gelecek şekilde kodlamalar yapmış oluruz. Ben bu konuda, bu güne kadar çeşitli sistemleri denedim. Yakın zaman önce ise severek takip ettiğim Baran Somaklı tarafından hazırlanmış olan oldukça sade bir Grid Sistem Framework’ü ile karşılaştım. Birkaç projemde kullandıktan sonra bana çok pratik geldiğini farkettim ve sizinle paylaşmak istedim. Düşük boyuta sahip olduğu için temayı şişirmiyor, 2 küçük düzenleme ile hemen kullanmaya başlayabiliyorsunuz. Artık, yazın da gelmesiyle birlikte kullandığım, gördüğüm framework’leri, eklentileri…

Yaptığım bir iş için lazım oldu ve ben de bu soruna bir çözüm bulma arayışına girdim. Bir resim galerisi sistemi yapıyorduk ve bunun için tüm kategorileri anasayfada gösterip, o kategorilerde yer alan ilk gönderinin resmini de bu kategori için göstermemiz gerekiyordu. Aslında mantığımız basit. Tüm kategorileri çekip bunları bir döngü içerisine alıyoruz ve gönderileri ekrana bastırıyoruz. Kodumuz şu şekilde: https://gist.github.com/54aa8eab5fa6f32cca6c58203ade806b Bu kategoriler arasından gösterilmesini istemediğiniz kategorileri kaldırmak için kodu aşağıdaki şekilde düzenlemeniz yeterli olacaktır. (Yukardaki kodun alt tarafından ulaşabilirsiniz.) İşlem bu kadar. Bu kodları döngünüz içerisine eklediğiniz zaman sitenizde yer alan tüm kategorileri, ilk gönderinin görseliyle birlikte ekrana bastıracaktır. Herhangi bir sorun olursa yorum olarak belirtin, yardımcı olmaya çalışacağım. Umarım yardımcı olmuştur.

Wordpress’te resmi kırparak boyutlandırma işlemini yapabilmek için çok uğraştım, araştırdım, denedim ve sonunda buldum. Bu yazıyı yazarak aynı sorunu yaşayanların acılarını dindirmek istiyorum. Timthumb, Vt_resize, AQ Resize gibi eklenti olmayan ama benim pek randıman alamadığım kütüphaneleri de kullanabilirsiniz ancak Wordpress’in kendi özelliğini kullanmak yerine bunları tercih edeceğinizi düşünmüyorum. Website optimizasyonu için resimler oldukça önemli yer kaplıyor. Google Pagespeed üzerinden sitenizin hız kontrolünü yaptığınız zaman resim sıkıştırma ve boyutlandırma için çok büyük yüzdelik kısım ayrılıyor. Üzerinde çalıştığım bir proje için ihtiyaç duyduğum resim boyutlandırma işleminin nasıl olduğunu size açıklamaya çalışacağım. Kodun temelinde Wordpress’in 3.5.0 sürümünde eklenen WP_Image_Editor sınıfı yer alıyor. Bu sınıf yardımıyla oluşturacağımız kod ile öne çıkarılan görselimizi alıp, tekrar boyutlandırma işleminin ardından – istersek farklı bir isimle bile olabilecek…

Geliştirmekte olduğunuz projelerde dış görünüş için font en önemli etkenlerden biridir. Eğer Türkçe içerik barındıracak bir proje geliştiriyorsanız kullanacağınız fontun Türkçe karakterleri desteklemesi önemlidir. Tema kodlarken kullandığım fontları genelde Google Fonts üzerinden çekiyorum ve bu bazı Türkçe karakter sorunlarına yol açıyor. Bu sorunu ortadan kaldırmak çok kolay ama öncelikle ekleyeceğiniz fontun içerisinde Türkçe karakter desteği olması lazım. Aksi taktirde, doğal olarak desteklemeyecektir. Evet çözüme gelelim. Fontu seçtikten sonra “Choose the character sets you want” seçeneğinin içerisinde yer alan Latin Extended (latin-ext) checkbox’ını seçili hale getirdikten sonra kodunuzu sayfaya dahil etmeniz gerekiyor. Bu kadardı. Çok basit bir işlem ve hayat kurtatıyor.