Anasayfa Reçeteleri
Farklı site türleri için hazır anasayfa bileşen düzeni örnekleri.
Last updated on
Aşağıda 3 farklı site tipi için anasayfa bileşen düzeni önerileri bulunmaktadır. Bunları olduğu gibi uygulayabilir veya kendi ihtiyacınıza göre uyarlayabilirsiniz.
Tüm reçeteler Görünüm → Bileşenler üzerinden uygulanır. Detay için: Anasayfayı Bileşenlerle Kurma
Reçete 1: Küçük yerel haber sitesi
Basit, hızlı yüklenen bir düzen. Az kategori, günlük birkaç haber.
| Alan | Bileşen | Ayar |
|---|---|---|
| Üst Tam Genişlik | Manşet (slider/grid) | Son 5 manşet yazısı |
| Sol Bölüm | Kategori bloğu – Gündem | 6 yazı, liste görünümü |
| Sol Bölüm | Kategori bloğu – Yerel | 6 yazı, liste görünümü |
| Sidebar | Popüler haberler | Son 7 gün, 5 yazı |
| Sidebar | Hava durumu veya reklam | — |
| Alt Tam Genişlik | (boş bırakılabilir) | — |
Sonuç: Tek manşet bandı + 2 kategori + küçük sidebar. Temiz ve hızlı.
Reçete 2: Ulusal çok katmanlı haber sitesi
Birden fazla kategori, yoğun içerik, çok sayıda manşet.
| Alan | Bileşen | Ayar |
|---|---|---|
| Üst Tam Genişlik | Büyük manşet grid | 7–10 manşet, grid düzen |
| Sol Bölüm | Kategori bloğu – Gündem | 8 yazı, grid+liste karışık |
| Sol Bölüm | Kategori bloğu – Ekonomi | 6 yazı |
| Sol Bölüm | Kategori bloğu – Spor | 6 yazı |
| Sol Bölüm | Kategori bloğu – Dünya | 6 yazı |
| Sidebar | Son dakika listesi | 10 yazı |
| Sidebar | Popüler haberler | 5 yazı |
| Sidebar | Reklam alanı | Banner |
| Alt Tam Genişlik | Video haberler bloğu | 4–6 video |
| Alt Tam Genişlik | Köşe yazıları | 4 köşe yazarı |
Sonuç: Zengin, çok katmanlı bir anasayfa. Fazla bileşen yükleme süresini artırabilir — gerekirse lazy load bileşenlerini değerlendirin.
Reçete 3: Tek manşet + sidebar odaklı
Basit bir blog/haber düzeni — sol tarafta kronolojik akış, sağda sidebar.
| Alan | Bileşen | Ayar |
|---|---|---|
| Üst Tam Genişlik | Tek büyük manşet | 1 öne çıkan yazı |
| Sol Bölüm | Son yazılar listesi | 10–15 yazı, sayfalama |
| Sidebar | Popüler haberler | 5 yazı |
| Sidebar | Kategoriler | Kategori listesi |
| Sidebar | Reklam | Banner |
| Alt Tam Genişlik | (boş) | — |
Sonuç: Minimal, blog tarzı düzen. Okuyucu dikkatini dağıtmaz.
Reçeteyi uygulama adımları
- Yukarıdaki tablolardan sitenize uygun reçeteyi seçin.
- Görünüm → Bileşenler'e gidin.
- İlgili alanlara bileşenleri sırayla ekleyin.
- Her bileşenin ayarlarını tablodaki değerlere göre doldurun.
- Kaydet'e tıklayın.
- Ön yüzü kontrol edin; gerekirse sıralama veya yazı sayılarını ayarlayın.
İpucu
- Çok fazla bileşen eklemek sayfa hızını düşürür. 10'dan fazla bileşen yerine önemli kategorileri seçin.
- Manşet bileşeni boş kalmasın — en az 3–5 yazıyı manşete atayın (Manşet Sistemi).
- Sidebar'ı aşırı uzatmayın; mobilde sidebar alta düşer.
Bu sayfa faydali oldu mu?