SUNIPEYK

[ Okuma süresi tahmini 3 dakikadır ]

Siteyi daha responsive hale getirmek için ufak tefek – kendi çapımda çalışmalar yaparken, dağıldı gitti. Ve site artık bambaşka bir görünüme geçti.

Neler, Neler Yaptım ki

Orasını, burasını derken epey bir değişiklik oldu. Yeni yıla, 12. yılımıza değişik bir tema ile giriyor olduk.
Önceki temayı tam hatırlamıyorum ancak 6,7 yıl önce yapmıştım, sanırım.

GÖRÜNTÜ VE YAPI
Önce artık yan sütun (sidebar) yok. Eski yapıda sağ tarafta olan sütunu yok ettim. Hepsini alt kısım’a (footer) taşıdım. Gereksiz görsel kullanımından kaçındım. Yazı karakterleri ile oynadım. Google Font‘larından bir tane seçip başlıklar için kullandım.
Yapı olarak da Google’ın Responsive Web Design Patterns
çok faydalandım. Kısa, sade ve öz olarak bilgiyi sunuyor.

Mobil ve web menü kısmını daha önce bitirmiştim zaten.

JETPACK EKLENTİSİ

WordPress Jetpack eklentisinin bir iki özelliğini kullanmaya başladım.
Söylenenlerin aksine site hızını etkilemiyor. Artılarının daha fazla olduğunu düşündüğüm modüllerini kullanıyorum.

• İlgili Yazılar
• Paylaşma
• İstatistikler
• İletişim formu

gibi modülleri kullanıyorum.

Jetpack eklentisinin -Paylaşma modülünü kullanınca Genericons‘da yükleniyor. Madem mecbur yükleniyor derken; Sosyal Medya buton görselleri için Genericons kullandım. Görsel kullanmaktan daha az yük getiriyor. Hemen hemen istediğiniz gibi de şekillendirebiliyorsunuz. CSS’yi iyi biliyorsanız, zaten sorun yok. Benim gibi deneme yanılma ile yapıyorsanız; Evet biraz zahmetli gibi görünüyor başta. Ancak sonra alışıyorsunuz.

TEST TEST

iOS cihazlarda test (mobil Safari) ettim. Sorun yok görünüyor. Android cihazlar için ayrıca test edeceğim.
PC üzerinden Firefox (34)’ da sorun yok. Chrome (39)’da sorun yok. IE (11)’de sorun yok.
Safari (5.1.7)’de ise sorunlu. Alt kısım responsive için kullanılan webkit flex’ler çalışmıyor görünüyor. Ancak ilginçtir iOS cihazların Safari’lerinde sorunsuz. Araştıryorum, bakalım nasıl çözülüyor.
Çözümünü biliyor da söylemezseniz, alacağınız olsun şimdiden.

Sonuç, Bu İşler Bitmez

Tüm bunları aslında %95 CSS dosyası üzerinden yaptım. Güzel oldu mu? İşin orası zevkler, renkler, tartışmalar kısmına giriyor tabii. Ancak site öncekinden daha hızlı oldu. Umuyorum hemen her cihaza uyumlu. Evet işler bitmez, test etmeye devam.

BİR ELİN NESİ VAR İKİ ELİN… SICAKLIĞI
Herhangi bir bozukluk görüyorsanız, yorum yazın, bildirin lütfen.