Sipariş İlerlemesi
- Premium+ Aktif
Bu sipariş için Premium+ aktif edildi ve aşağıdaki ayrıcalıklara sahiptir.
- Sipariş, satın alımda belirtildiği şekilde özelleştirmeler içerir.
- Sipariş önceliklidir ve mümkün olan en kısa sürede teslim edilir.
- Sipariş Sahibi: @gokhanakbag
- Sipariş Numarası: #2831
Özel Blogger Şablonu Kodlama
- Sipariş notları günlük olarak güncellenir.
Sipariş Alındı
Üretiliyor
İptal Edildi
Tamamlandı
Canlı demo şu anda pasif.
Sipariş Notları
Sipariş süreci, detayları ve ödeme ile ilgili bilgilere istinaden alıcıdan onay alındı. Sipariş alıcının onayı sonrası 04 Temmuz 2024 tarihi itibariyle başlayacak. Tahmini teslim tarihi en geç 04 Ağustos 2024.
İlgili son teslim tarihi temsili olup siparişler revizelere ve ek taleplere bağlı olarak daha kısa sürede tamamlanabilir.
Bu kısımda yer alan mesajlar geliştiricinin elle girdiği sipariş notlarıdır. Bot metinleri ya da hazır yanıtlar değildir.
Sipariş dosyası sistem üzerinde derlendi. ID: #2831
HTML döküm öncesi şablon tasarım planı hazırlandı.
Ön tasarım HTML döküme yerleştiriliyor. [1/3]
<head> alanı için meta özellikleri Blogger v3 ile uyumlu olacak şekilde tanımlandı.
Sayfanın üst kısmına topper adlı bölüm eklendi ve bu alanda bildiri/duyuru kısmının Blogger paneli üzerinden değişmesini sağlayacak metin widgetı entegre edildi.
Blogger v3 ile uyumlu değişken tanımları şablonun stil dosyasına dahil edildi. Bununla birlikte stil dosyasında kullanılan tüm renklerin revizesini kolaylaştıracak :root değişkenleri de atandı.
:root {
--primary-color: #A8CD00;
--body-bg: #f5f5f5;
--body-text: #2E3A59;
--bg-color1: #79DCFF;
--bg-color2: #B7FBC9;
--bg-color3: #D7F066;
--white: #FFFFFF;
--large-radius: 30px;
--main-radius: 15px;
--middle-radius: 10px;
--small-radius: 5px;
--card-border: 1px solid;
--card-border-color: #DDDDDD;
--font-title: "Inter", sans-serif;
--font-body: "Inter", sans-serif
}
Sol sidebar yerleştirmesi tamamlandı. Planlı tasarımda yer alan widget destekleri bu alana Blogger panelinden kontrol edilecek şekilde temsili renk paleti ile tanımlandı.
Yerleştirilen widgetlar:
- Sayfa üst bilgisi widget'ı
- Resim widget'ı
- Bağlantı listesi widget'ı
(Demo'nun şahıs ya da yazar bilgisi içeren bazı yerlerinde temsili olarak kendi adım ve resmim yer alıyor.)
Sadece ana sayfada görünecek şekilde ayarlanan middle bölümünün yerleştirmesi tamamlandı. Planlı tasarımda yer alan özet alanı bu kısmın başına kodlandı.
Blogger widgetlarından biri olan HTML/Javascript widget'ının kodlarda kod vurgulayıcı (highlighter) özelliği olmadığı için karmaşayı önlemek amacıyla bu kısmın düzenlemeleri şablonun HTML düzenleme ekranında yapılacağı şekilde ayarlandı. Bu kısma rahat ulaşılabilmek amacıyla tüm kod dizininde olduğu gibi HTML yorum satırı <!--begin::Author Summary--> şeklinde açılış ve kapanışıyla tanımlandı.
Sağ sidebar alanı yerleşimi hazırlandı ve sadece ana sayfa üzerinde görünen yazar hakkında metin widgetı tanımlandı.
CSS giydirmesi şablonun renk paletinin tek hamle ile değiştirilebileceği şekilde düzenlendi (sadece vurgu renkleri).
Sayfa üst bilgisi widgetı hem metin hem de resim logo destekleyecek şekilde düzenlendi.
Şablon genelinde SVG simge desteği tanımlandı. Simge kütüphanesi olarak Material Icons baz alındı. Simge kütüphanesi siteye entegre edilmedi. Sadece belirli simgeler SVG türüyle şablona çekildi.
Material Icons'la ilgili daha fazla bilgi için buraya göz atabilirsiniz.
Sol sidebar'da yer alan menü öğeleri aktif sayfalarda renklenecek şekilde ayarlandı.
Sağ sidebar alanının widget desteği genişletiliyor.
1200px genişliğine uygun menü yerleşimi ayarlandı. Bu genişlikteki menü öğeleri için tooltip özelliği kodlandı. İskelet yerleşimi bu ayarla birlikte yeniden revize edildi. Menü simgelerinin boyutlandırmaları arttırıldı.
Sol sidebar hizalaması yapıldı. Giriş ekranına percent özellikli liste yapısı kodlandı. Bu kısmın yüzdelik oranı CSS değişken tanımlamasıyla hazırlandı.
Hafta sonuna ait zorunlu seyahat planlamam nedeniyle 2 günlük çalışmaya ait herhangi bir not göremeyebilirsiniz. 😐
Sağ sidebar widgetyerleşim alanlarının temel kodlaması yapıldı. Bu kısmın sayfalara göre şekilleneceği Blogger paremetreleri entegre edildi.
İskelet yapı üzerindeki sütun düzenlemeleri ve geliştirmeleri sağlandı.
Menü yerleşimi üzerindeki öğelerin kaydırma efekti ve active pozisyonlarında fonksiyonel JS kodlaması yapıldı. tooltip'lerin CSS kodlarında iyileştirmeler yapıldı ve responsive odaklı güncellemelere yer verildi.
Ana sayfadaki blok yerleşimlerinin sabitlenmesine yarayan CSS geliştirlmeleri yapıldı. Bu yapı içerik sayfalarında, arama ve etiket sorgularında hariç kalacak şekilde ayarlandı. Buna yönelik Blogger koşulları atandı.
Blogger v3 uyumlu yazı ve tekli sayfa yerleşimleri hedef tema üzerine giydirildi. Ana sayfada yer alan tek sütun görünümü SingleItems özellikli içeriklerde pasif kalacak şekilde ayarlandı.
Sadece yazı ve tekli sayfalarda görünecek blog başlığı alanı oluşturuldu. header üzerinde genel CSS düzenlemeleri hedef temaya göre yerleştirildi.
Ana sayfada yer alan widget'lar üzerine koşullar atandı.
Yazı sayfalası genel yerleşimi ayarlandı. Yazı içeriği alanı hedef temadaki yapı ile giydirildi. Yazı öne çıkan görseli için yazı alanı üst bölümünde görsel tutacağı kodlandı. Yazı içi görselleri gizlemek için hide sınıfı aktifleştirildi.
Ön tasarımın HTML doküme yerleştirmesine devam edildi. [2/3]
Taslak blog yazıları şablon demosuna dahil edildi.
Ana sayfadaki blog yazıları alanı yerleşimleri hazırlandı. Varsayılan olarak 6 adet yazının ana sayfada listeleneceği şekilde widget düzenlemesi yapıldı. Bu ayar widget paneli üzerinden düzenlenebilir.
Şablon genelinde belirli tarayıcılarda desteklenen scrollbar özelleştirmesi hedef temaya uygun olarak hazırlandı.
footer alanı hedef tema üzerindeki şekliyle yerleştirildi. MultipleItems özellikli sayfa yapıları hazırlandı ve post-card üzerinde CSS geliştirmeleri sağlandı. Temel sayfa pagination özelliği hedef tema üzerindeki şekliyle şablona dahil edildi.
Yorumlar alanı tasarımı hedef tema üzerinde planlandığı şekilde kodlandı. Yazar yorumlarına özel simge atandı.
Şablonun en altında yer alan footer alanında hedef temaya uygun düzenlemeler sağlandı.
Blogger saylarına özel koşullamalar şablon görünümüne dahil edildi.
Mobil uyumluluk (responsive) çalışmaları yapılıyor.
Siparişte geliştirici tarafından yaşanan teknik aksaklıklardan ötürü sipariş süreci müşteri onayı ile iptal edildi. Özel kodlama türünde olan tüm hizmetlerde olduğu gibi ön ödeme alınmadığı için müşteriye herhangi bir ücret iadesi yapılmadı.
— Müşteri hesabına sonraki siparişlerinde geçerli olmak üzere %20 indirim kodu tanımlandı.