SUNIPEYK

[ Okuma süresi tahmini 3 dakikadır ]

Değişiklikler

• Öncelikle yine header kısmı, menü ve arama kutusu yapısı değişti. Arama kutusu gizli, ancak arama ikonuna tıklayınca en üst bölümde açılıyor. Yeni toggle CSS ve Html kodları sayesinde tıklanacak ikon ve açılacak/ gösterilecek bölüm site içinde istediğiniz yere konumlandırılabiliyor.
  Şöyle açayım. Açma kapama ikonu/ butonu/ yazısını istediğiniz yere, açılacak, gösterilecek bölümü de bir bşka yere rahatlıkla konumlandırabiliyorsunuz.
  Menü arama kutusu ile birlikte, post yorumlarını da gizledik ve yeni kodlarla göster/ gizle hale getirdik. Bu özelliğin kodlarını yazının sonunda bulabilirsiniz.
• Menü responsive ve flex yapısını koruyor. Hamburger ikonunu zaten kaldırmıştık. Onun yerine yaptığımız scroll özellikli menüye gerek kalmadı. Zaten topu topu 4 kalem elementi olan bir menü, flex ile hem masaüstü hem mobil cihazlarda görünür ve uygun oldu.
• WordPress dosya yapısında bir kaç ufak değişiklik yaptık. Tekrarlı kullandığımız bazı bölümleri bir php dosyası haline getirdik. Böylece get_template_part kullanarak çağırabiliyoruz. Bunun faydası, hem ilgili sayfayı yönetmesi kolay ve rahat oluyor hem de tek dosya da yapılacak değişiklik ile etkilediği sayfa değişikliklerini tek kalem de gerçekleştirebiliyoruz.
• Yine CSS ile sitenin görsel olarak daha hoş görünebileceği değişikler yapıldı. Örnek vermek gerekirse, sitede arama yaptığınızda sonuçarı gösteren bildirimin altında çizgili ve ortasında minik bir büyüteç ikonu olan bir bölüm geliyor artık. Tarih arşivinden seçim yaparsanız aynı çizgili bölümün ortasında takvim ikonu çıkıyor.
  Elbette bunlar büyük değişiklikler değil. Yine de siteye hoşluk kattığını düşünürek yapıldı. Aynı şekilde sabit sayfalarında kendi özelliklerine göre başlığının altında, çizginin ortasında ikonları var.
• Yapılandırılmış Veri Biçimlendirme için gerekli Meta verileri için tekil yazıların, post yazılarının altındaki bölümü de düzenlendi.
• Sitede kullanılan tablo öğelerinin CSS kodları yenilendi. Tabloların güzelliği kolaylıkla responsive özelliği gösterebiliyorlar.
• CSS kodlarının tamamı elden geçirildi ve kontrolleri yapıldı. Her seferinde mutlaka bir kaç fazlalık ve gereksiz kullanılmış kod mutlaka çıkıyor. Size de ara ara CSS kodlarınızı kontrol etmenizi öneririm. Gereksiz kodlarınızdan kurtulun, hatalı, geçersiz olanları düzeltin.
• Tüm değişiklikler yapılırken sitenin kodlarının CSS 3 ve HTML 5 olarak geçerli yapısı korunmaya devam etti.

En yeni Toogle, Göster/ Gizle Kodları bir sonraki sayfada;