Nasıl Kullanılır?
Forsid tema editörü ile sayfalarınızı sürükle-bırak yöntemiyle kolayca düzenleyin. Blok sistemi sayesinde kod bilgisi gerektirmeden profesyonel tasarımlar oluşturun.
Blok düzenleme ekranına ulaşmak için: Mağaza Ayarları → Temalar → Tema Ayarları yolunu izleyin.
Blok Düzenleyici Nedir?
Blok düzenleyici, sayfalarınızı görsel olarak tasarlamanızı sağlayan güçlü bir araçtır. Her sayfa bölümlerden, her bölüm ise bloklardan oluşur. Blokları sürükleyip bırakarak, düzenleyerek ve özelleştirerek istediğiniz tasarımı oluşturabilirsiniz.
Anlık Önizleme
Değişiklikler anında görüntülenir, render süresi yoktur.
Sürükle & Bırak
Blokları istediğiniz yere sürükleyerek konumlandırın.
SEO Ayarları
Her sayfanın SEO ayarlarını ayrı ayrı düzenleyin.
Blok Düzenleyiciye Erişim
Blok düzenleyiciye erişmek için aşağıdaki adımları takip edin:
- Yönetim panelinde sol menüden Mağaza Ayarları'na tıklayın
- Temalar seçeneğini seçin
- Tema Ayarları'na girin
- Düzenlemek istediğiniz sayfayı üst menüden seçin (Ana Sayfa, Kategori, Ürün Detay vb.)
Arayüz Tanıtımı
Üst Menü
| Öğe | Açıklama |
|---|---|
| Geri | Tema ayarları ana sayfasına döner |
| Sayfa Seçici | Düzenlenecek sayfayı seçmenizi sağlar (Ana Sayfa, Kategori vb.) |
| Dil Seçici | Çoklu dil desteği için içerik dilini değiştirir |
| + Yeni Bölüm | Sayfaya yeni bir bölüm ekler |
| Ayarlar | Sayfa SEO ayarlarını açar |
| Sil | Seçili bölümü veya bloğu siler |
| Önizle | Sayfa tasarımınızı kaydetmeden önce önizlemenizi sağlar |
| Kaydet | Tüm değişiklikleri kaydeder ve yayınlar |
Bölüm Yönetimi
Sayfalar bölümlerden oluşur. Her bölüm farklı sayıda kolon içerebilir ve blokları barındırır.
Yeni Bölüm Ekleme
- Üst menüdeki + Yeni Bölüm butonuna tıklayın
- Bölüm kolon sayısını seçin (1, 2, 3 veya 4 kolon)
- Bölüm sayfanın en altına eklenir
- Sürükleyerek bölüm sırasını değiştirebilirsiniz
Bölüm Ayarları
Her bölümün sağ üst köşesinde üç ikon bulunur:
- Ayarlar - Bölüm arka plan rengi, padding, margin ve bölüme özgü ayarları sağlar
- Kopyala - Bölümü tüm içeriğiyle birlikte kopyalar
- Sil - Bölümü ve içindeki tüm blokları siler
Bölüm silme işlemi geri alınamaz. Silmeden önce emin olun.
Blok Ekleme
Her bölümün içindeki kolonlarda + Blok Ekle butonu bulunur. Bu butona tıkladığınızda sağ tarafta Blok Kütüphanesi açılır.
Blok Kütüphanesi
Blok kütüphanesi, kullanabileceğiniz tüm bileşenleri listeler. Üst kısımdaki arama alanını kullanarak istediğiniz bloğu hızlıca bulabilirsiniz.
| Blok | Açıklama |
|---|---|
| Tekli Banner | Tek görsel içeren tam genişlik banner |
| İkili Banner | Yan yana iki görsel banner |
| Tam Ekran Slider | Tam genişlik kayan görsel slider |
| Ürün Izgarası | Seçili ürünleri grid formatında listeler |
| Zengin Metin | HTML destekli metin editörü |
Blok eklemek için:
- İstediğiniz kolondaki + Blok Ekle butonuna tıklayın
- Blok Kütüphanesi'nden bloğu seçin veya sürükleyin
- Blok ilgili kolona eklenir
- Blok üzerine tıklayarak düzenleme panelini açın
Blok Düzenleme
Eklenen her blok üzerine tıkladığınızda sağ tarafta düzenleme paneli açılır. Her blok tipine göre farklı ayarlar içerir:
- Görsel seçimi - Banner ve slider blokları için
- Ürün seçimi - Ürün listesi blokları için
- Metin düzenleme - Başlık, açıklama ve zengin metin blokları için
- Link ayarları - Tıklanabilir bloklar için URL tanımlama
- Stil ayarları - Renk, boyut ve görünüm özelleştirmeleri
SEO Ayarları
Her sayfanın SEO ayarlarını düzenlemek için üst menüdeki Ayarlar butonuna tıklayın. Açılan panelde şu alanları düzenleyebilirsiniz:
Arama Motoru (SEO)
| Alan | Açıklama | Önerilen |
|---|---|---|
| Sayfa Başlığı (Meta Title) |
Tarayıcı sekmesinde ve arama sonuçlarında görünen başlık | 50-60 karakter |
| Açıklama (Meta Description) |
Arama sonuçlarında başlığın altında görünen açıklama metni | 150-160 karakter |
Sosyal Medya
| Alan | Açıklama |
|---|---|
| Paylaşım Görseli (OG Image) |
Sosyal medyada paylaşıldığında görünen görsel. Önerilen boyut: 1200x630 piksel |
İndeksleme
| Ayar | Açıklama |
|---|---|
| İndex | Açık olduğunda sayfa arama motorları tarafından indekslenir. Kapalı olduğunda sayfaya noindex etiketi eklenir ve arama sonuçlarında görünmez. |
Her sayfa için benzersiz başlık ve açıklama yazın. Anahtar kelimelerinizi başlığın başına yakın kullanın.
Kaydetme ve Önizleme
Blok düzenleyicisinde yaptığınız değişiklikler otomatik olarak kaydedilmez. Değişikliklerinizi kaydetmek için:
- Tüm düzenlemelerinizi tamamlayın
- Sağ üst köşedeki Kaydet butonuna tıklayın
- Değişiklikler anında sitenize yansır
Forsid'de render süresi yoktur. Kaydet butonuna bastığınız anda değişiklikler sitenizde görünür hale gelir.
İpuçları ve En İyi Uygulamalar
- Mobil Uyumluluğu Kontrol Edin - Tarayıcı boyutunu küçülterek mobil görünümü test edin
- Gereksiz Bölüm Eklemeyin - Sayfa hızı için minimal bölüm yapısı kullanın
- Görselleri Optimize Edin - Yüklemeden önce görselleri sıkıştırın
- SEO Alanlarını Doldurun - Her sayfa için benzersiz meta başlık ve açıklama yazın