SP Grid tema 2020 için 10.2 versiyona geldi. V10 veriyonunun “Crimson” serisinin ikincisi.

Crimson serisi ismini kızıl renginden alıyordu. Sadece renklerde değil, yapı değişiklikleri de oldu. Sayfa yapıları daha fazla grid yapıya sahip oldu. Ancak tabii sadece CSS dosyası ile değişiklikler gerçekleşti.

Css Grid’in “grid” özellikleri sayesinde site genel olarak 8 gridli yapıya geçti.

Anasayfa post yapıları bu grid yapısına sahip oldu. Arşiv sayfaları ve arama sonuç sayfaları da.

Post/ yazı sayfaları yazı bölümü 1024 px ve üzeri genişlik için 2 sütunlu grid yapıya sahip oldu. Bir sütun post görseli için, diğer bölüm de yazı başlığı, yazı içeriği için. 1024 px ve altı genişlikler için ise tek sütun haline dönüyor tabii, otomatik (responsive) olarak.

Grid yapı ana tarayıcıların yeni versiyonlarında sorun çıkarmıyor.

Test Edilen Masaüstü Tarayıcıları

  • Firefox
  • Safari
  • Chrome
  • Opera
  • Edge ( Chromium)
  • Edge (Windows) SORUNLU

Bir önceki Windows Edge sorunlu. CSS Grid desteği tam değil görünüyor.

Test Edilen Mobil Tarayıcılar

Mobil tarayıcılar ios için denenmiştir. Android için testler devam ediyor.

Android cihazlarınızdan bakıp, hata varsa bildirirseniz çok teşekkür ederiz.

  • Firefox
  • Safari
  • Chrome
  • Opera Mini
  • Opera Touch
  • Edge

Tarayıcıların hepsi yazı tarihi itibariyle güncel idi.

Mobil yapıda çok değişiklik görünmüyor. Hemen hemen her şey aynı. Ancak geniş ekranlarda yapı daha değişik. Yazı sayfalarının ikili yapısı uzun süre sonra biraz değişik geldi bize de. Bakalım şimdilik. Değişim devam edebilir de. Çok karışırsa bir önceki yedeğe de dönebiliriz.

Kısaca Diğer Değişiklikler

Renklerde ki en önemli değişiklik ise bazı beyazlar yerine #f8f8f1 hex koduna sahip açık krem/beyaz bir renk kullanıyoruz artık. Bu renk “crimson”/ kızıl ile daha güzel görünüyor gibi geliyor.

Yazıların altında bulunan önceki/ sonraki yazı kısımları yapı ve görünüş olarak sadeleştirdi ve yenilendi.

Yazıların altında yer alan benzer yazılar bölümü yatay kaydırma içine alındı. Böylece özellikle mobil için fazla yer kaplamayacak.

Yazı etiketleri CSS tasarımları ile sadeleştirildi.

Yazı yazar kısmı daha fazla “beyaz alana” sahip hale getirildi. Grid yapı ile masaüstü ve mobil uyumlu tasarlandı.

Şimdilik bu kadar. Önerileriniz olursa lütfen yorum olarak yazınız. Elbette hata görürseniz de bildirirseniz çok seviniriz. Gerçekten.