Eyüp Aktuğ

Şiir, sinema ve hayata dair...

Gemini Kullanarak Blogger Temamı Oluşturma Sürecim

Hesaplanıyor...
Gemini ve Blogger logoları

Blogum için bir süredir daha sade çizgilere sahip bir tema arıyordum. Bu konuda profesyonel çalışan tema mağazaları var. Bu tema mağazaları arasında gezinirken, dikkatimi çeken beklentilerimi karşılayan bir tema bulmuştum. Fakat yurtdışı kaynaklı bir mağaza olduğu için satışta bulunan temalar "amerikan doları" üzerinden satılıyordu. Beğendiğim temanın fiyatı ise 20 Dolar'dı. 1 Amerikan Doları yaklaşık 43 Türk Lirası olduğu için söz konusu 20 Dolar'ı vermek, bu iş için bana mantıklı gelmedi.

Alternatif çözüm yollarını seven birisiyim. Peki benzer bir temayı ben neden kodlayamayayım. Beğendiğim temanın tasarım çizgilerini ilham alarak, daha özgür çalışabileceğim bir alan oluşturma fikri bende heyecan uyandırdı. Orta seviye de HTML ve CSS kod bilgisine sahiptim. Fakat bu HTML ve CSS kodları ile saatler harcamak istemiyordum. Bu projem için Gemini'den yardım almanın mantıklı olduğunu düşündüm.

Gemini'ye beğendiğim temanın tasarım çizgielerini tarif etmeye başladım. Fazlalıklardan arınmış, sade çizgilerin, okur için göz yormayan, daha rahat bir okuma deneyimi sunan bir tema... Gemini genel olarak iletişimde olduğu kullanıcıları sürekli öven ve her cümleyi destekleyen bir yapıya sahip. Fakat ben komutlarla onu yönlendirme ve temanın iskeletini oluşturma arzusundaydım.

Her neyse. Sözü fazla uzatmak istemiyorum. İlk olarak Gemini'den ifade ettiğim tasarım çizgilerine yakın bir tema iskeleti oluşturmasını istedim. Gemini sözünü ettiğim temanın iskeletini oluşturdu. Kodlarını verdi. En temel haliyle oluşturulan bu kodları, modifiye etmek, renkleri ile oynamak, çeşitli eklentiler ekleyerek daha kullanışlı bir hale getirmek istiyordum.

Öncelikle yazı fontlarından başlamak istiyorum. Yazı fontları için Google Fonts kütüphanesi kullandı. Playfair yazı kodunu önceki temamda da kullanıyordum. Bu temada da kullanmaya karar verdim. Ardından, blogum tasarım renklerini, okurun okuma deneyimi için en iyi hale getirmeye gayret gösterdim. Kitap kağıdı rengi ve tonları etrafında bir arka plan oluşturmaya çalıştım. Yazı başlıkları, yazı etiketleri, devamını oku bağlantıları, yazı içerisinde yorumlar bölümü, yazı tarihleri, blog sağ sütununda kullandığım araç gereçler için yeterli alanın oluşturulması, yazı içerisinde kullandığım görsellere sepya renginin 30% olarak yansıtılması gibi pek çok detay...

Bütün bunlar orta seviyede sahip olduğum HTML ve CSS kod bilgim ile parça parça çoğu zaman Gemini'ye komut vererek oluşturduğum kısımlardı. Asıl sorun şuydu. Ben 2010'lu yıllarda kazandığım bu kodlama bilgisini günümüzde kullanılan tasarım modellerinde tam olarak uygulayamıyordum. En başta kodlamasını yapmaya çalıştığım temanın mobil sürümüne dair en ufak bir bilgi ve yönlenme bendeki bilgi birikiminde bulunmuyordu. Bu konuyu tamamen Gemini'ye bırakmaya karar verdim. Gemini'nin oluşturduğu mobil sürüm kodlarını deneyerek ve beğendiğim-beğendiği tarafları hakkında Gemini'ye geri bildirimi de bulunarak sürecin başından sonuna kadar yaklaşık 30 komut ile Gemini'yi yönlendirerek ihtiyaç duyduğum, beklentilerimi tam olarak karşılayan temayı oluşturdum.

İki günde Gemini ile işbirliği halinde ortaya çıkardığım bu tema, sözünü ettiğim 20 Dolar'a satılan temadan daha işlevsel ve özel bir tema oldu. Bu konuda fikir ve çözüm arayışında olan blog yazarlarına ilham olması ve yeni çözümler üretmesi adına burada paylaşmak istedim.

Okur Notları

Hiç yorum yok:

Yorum Gönder

Bloguma ziyaretiniz için teşekkür ederim. Bu içeriği beğendiyseniz paylaşabilir, yorum yaparak katkıda bulunabilirsiniz. Yeniden görüşmek ümidiyle...