2012’de bir blog tasarımı, Photoshop’ta sıfırdan çizim ve PSD’yi tema dosyasına dönüştürmek demekti. 2026’da workflow tamamen değişti: blok editör, Figma kit’leri, ve AI temalar.
Orijinal yazı (2012):
Kendinize ait bir blog tasarımınız olsun mu istiyorsunuz? Aslında kendinize ait bir tasarıma kavuşmak çok kolay — sadece biraz Photoshop ve biraz da hayal gücüne ihtiyacınız var.
Alttaki videoda daha önce rastladığım bir blog’un tasarımını yaptım. Aslında aynısı olmadı, biraz da ben oynadım üstünde — sonuçta bana göre güzel oldu. WordPress tasarımı yapmak için hiçbir eklenti veya buna benzer şeylere gerek yok. Photoshop zaten her şeyi içerisinde barındırıyor. Hatta sosyal ağ ikonlarını bile zamanınız varsa siz yapabilirsiniz.
Yaptığım tasarım mini bir kişisel blog tasarımı. Bu tasarımın PSD dosyasını ve PNG formatını da yazının altında paylaştım.
2026 Workflow — Photoshop’tan Figma + Block Editor’a
Bir kişisel WordPress blog’u tasarlamanın 2026’daki tipik akışı:
- Moodboard: Pinterest + Dribbble’dan 10-15 referans.
- Wireframe: Figma’da kabaca layout. Mobile-first.
- Yüksek-fidelite tasarım: Figma’da renkler, tipografi, mikro etkileşim.
- Tema seçimi: Kadence, Astra, GeneratePress, Blocksy — bunlar Block Editor (FSE) ile uyumlu, performans öncelikli.
- Customization: Site Editor (FSE) ile blok blok düzenle. Kod yazmak ZORUNLU değil artık.
- Performance optimizasyonu: WP Rocket, Cloudflare, Convert next-gen images.
2012 vs 2026 — Karşılaştırma Tablosu
| Adım | 2012 | 2026 |
|---|---|---|
| Tasarım | Photoshop PSD | Figma |
| HTML/CSS | Elle kodlanır | Block Editor (FSE) + Custom CSS |
| Tema | Sıfırdan PSD→tema | Astra/Kadence + child theme |
| İkonlar | PS’te elle çizim | Lucide / Heroicons / Phosphor |
| Mobile | Sonradan eklenir | Mobile-first zorunlu |
| Hız | 3-5 sn yüklenme normal | <1 sn LCP, Core Web Vitals |
Tavsiye Edilen Tema/Eklenti Yığını (2026)
- Tema: Kadence (ücretsiz versiyon yeterli) veya GeneratePress.
- Sayfa düzenleyici: Block Editor (Gutenberg) yerleşik. Elementor / Bricks isteğe bağlı.
- SEO: Rank Math (ücretsiz) veya SEOPress.
- Performans: WP Rocket + Cloudflare.
- Görseller: ShortPixel veya Imagify ile WebP/AVIF dönüşümü.
