İçerik Bölüm Türlerini Anlama

Bölüm Blokları ile Sayfa Oluşturma

Sayfaları sıfırdan kodla oluşturmak yerine, önceden oluşturulmuş bölüm bloklarını kullanarak birleştirebilirsiniz. Bunu LEGO ile inşa etmek gibi düşünün - her parça bir amaca hizmet eder ve güzel bir şey yaratmak için birbirine geçer.

'Bölüm Ekle' Penceresi

Bu, içerik araç kutunuzdur. Ekran görüntüsünde gösterildiği gibi, bölümler üstteki kategorilere (sekmeler) göre düzenlenmiştir:

• Posts & Content - Blog yazıları ve makaleleri göster
• Media & Images - Zengin metin, görseller, galeriler, videolar
• Call to Action - Butonlar ve dönüşüm odaklı öğeler
• Features & Stats - Özellik listeleri, istatistikler, faydalar
• Social Proof - Referanslar, yorumlar, logolar

Posts & Content Bölümleri (Detaylı)

1. Posts Grid (Yazılar Izgarası)

Nasıl görünür: Blog yazılarının temiz, düzenli bir ızgarası (genellikle 2-4 sütun).

Gösterilen açıklama: '3-column grid of posts'

En iyisi:

• Blog liste sayfaları
• Haber veya makale arşivleri
• Portföy vitrinleri

Tipik düzen: Her yazı küçük resim, başlık, özet, yazar ve tarihi bir kart formatında gösterir.

Ne zaman kullanılır: Birden fazla yazının yapılandırılmış, kolay taranabilir bir sunumunu istiyorsunuz. Blog ana sayfaları veya kategori sayfaları için mükemmel.

2. Posts List (Yazılar Listesi)

Nasıl görünür: Yazı başına bir satırlık dikey liste.

Gösterilen açıklama: 'Vertical list of posts'

En iyisi:

• Haber akışları
• Kronolojik güncellemeler
• Arama sonuç sayfaları

Tipik düzen: Solda küçük resim, sağda başlık ve özet, dikey olarak yığılmış.

Ne zaman kullanılır: Kompakt bir alanda birçok yazı göstermek istiyorsunuz. Kullanıcılar başlıklara hızlıca göz atabilir.

3. Posts Magazine (Yazılar Dergi)

Nasıl görünür: Bir büyük öne çıkan yazı + daha küçük yazıların ızgarası.

Gösterilen açıklama: 'Featured post with grid'

En iyisi:

• Editoryal siteler
• Haber portalları
• İçerik ağırlıklı bloglar

Tipik düzen: Üst haber alanın %50'sini büyük görsel ile alır, destekleyici haberler altta ızgarada.

Ne zaman kullanılır: Belirgin şekilde öne çıkarmak istediğiniz bir kahraman makaleniz + ilgili hikayeleriniz var.

4. Posts Carousel (Yazılar Carousel)

Nasıl görünür: Yatay kaydırmalı yazı kaydırıcısı.

Gösterilen açıklama: 'Horizontal scrolling posts'

En iyisi:

• Öne çıkan/trend bölümler
• Makalelerin altındaki ilgili yazılar
• Vitrin bölümleri

Tipik düzen: Kartlar sola/sağa kayar, genellikle oklar veya noktalarla navigasyon için aynı anda 2-3 tane gösterir.

Ne zaman kullanılır: Sınırlı dikey alan ama birçok öğe sergilemek istiyorsunuz. Hareketle görsel ilgi yaratır.

5. Posts Masonry (Yazılar Duvar Örgüsü)

Nasıl görünür: Yazıların yapboz gibi bir araya geldiği Pinterest tarzı düzen.

Gösterilen açıklama: 'Pinterest style layout'

En iyisi:

• Görsel bloglar (fotoğrafçılık, tasarım, yemek)
• Karışık içerik türleri (bazı yazılar diğerlerinden daha uzun)
• Yaratıcı/sanatsal siteler

Tipik düzen: Değişken yükseklikte kartlar sütunlarda düzenlenmiş, organik, akıcı bir görünüm oluşturur.

Ne zaman kullanılır: İçeriğin değişken uzunlukları var ve dinamik, görsel olarak ilginç bir düzen istiyorsunuz.

6. Posts Cards (Yazılar Kartlar)

Nasıl görünür: Gölgeli, yükseltilmiş kartlar olarak gösterilen yazılar.

Gösterilen açıklama: 'Cards with shadows'

En iyisi:

• Modern, temiz tasarımlar
• Hizmet sayfaları
• Özellik vurguları

Tipik düzen: Her yazı gölgeli belirgin bir kutuda, derinlik ve ayrım yaratır.

Ne zaman kullanılır: Öğeler arasında net görsel ayrım ve çağdaş bir görünüm istiyorsunuz.

7. Posts Minimal (Yazılar Minimal)

Nasıl görünür: Minimum grafikle basit metin odaklı düzen.

Gösterilen açıklama: 'Clean, text-focused layout'

En iyisi:

• Profesyonel/kurumsal siteler
• Metin ağırlıklı içerik
• Hızlı yüklenen sayfalar

Tipik düzen: Küçük küçük resimler veya hiç yok, başlıklar ve özetler üzerinde vurgu.

Ne zaman kullanılır: İçerik kalitesi görsellerden daha önemli veya maksimum okuma hızı istiyorsunuz.

8. Posts Overlay (Yazılar Bindirme)

Nasıl görünür: Tam genişlik görsellerin üzerine bindirilmiş metin.

Gösterilen açıklama: 'Text over image'

En iyisi:

• Seyahat blogları
• Yaşam tarzı içeriği
• Görsel hikaye anlatımı

Tipik düzen: üzerine başlık ve özet metni bindirilmiş büyük arka plan görseli, genellikle okunabilirlik için yarı saydam katman ile.

Ne zaman kullanılır: Çarpıcı görselleriniz var ve bunun kahraman olmasını istiyorsunuz. Görsel olarak çok ilgi çekici.

9. Category Tabs (Kategori Sekmeleri)

Nasıl görünür: Sekmelere tıklamanın farklı kategori içeriğini gösterdiği sekmeli arayüz.

Gösterilen açıklama: 'Tabbed category browser'

En iyisi:

• Çok konulu siteler
• Bölümleri olan haber siteleri (Spor, Politika, Teknoloji)
• Ürün kategorileri olan e-ticaret

Tipik düzen: Üstte yatay sekmeler, alttaki içerik sekme tıklandığında değişir.

Ne zaman kullanılır: Sayfa yeniden yüklemeleri olmadan birden fazla kategoriden içerik göstermek istiyorsunuz.

Doğru Bölümü Seçmek

Bu faktörleri göz önünde bulundurun:

1. İçerik türü: Güçlü görselleriniz var mı? Overlay veya Magazine kullanın. Metin odaklı? Minimal veya List kullanın.
2. Öğe sayısı: Çok yazı? Grid veya List kullanın. Az? Cards veya Magazine kullanın.
3. Sayfa amacı: Ana sayfa? Magazine veya Grid kullanın. Arşiv? List kullanın. İlgili yazılar? Carousel kullanın.
4. Marka stili: Modern/teknoloji? Cards veya Grid. Editoryal? Magazine. Yaratıcı? Masonry.
5. Mobil düşüncesi: Carousel'ler ve Masonry mobilde zor olabilir. Grid ve List her yerde çalışır.