Ana Sayfayı Özelleştirin
Kısa Açıklama
Bu modül, müşterilerin kendi web sitelerinin ana sayfa tasarımını kod editörü veya sürükle-bırak bileşenlerle diledikleri gibi yapılandırmalarına olanak tanır. Görsel editör ve özel kod yazımı desteklenerek, kullanıcılar hem teknik bilgiyle hem de sadece sürükleyerek çalışabilir. Aşağıda bu modülde kullanılan tüm bileşenler ve anlamları açıklanmıştır.
Ana Sayfayı Özelleştirme - Layout
serB2B yönetici panelinden Tasarım > Ana Sayfayı Özelleştirin bölümüne giderek ana sayfa tasarımını özelleştirin.
1. Ana Komutlar Bölümü
- Ana Komutlar Bölümü, genellikle özel işlemleri veya butonları tanımlamak için kullanılır. Sürükle-bırak editörde eylem butonlarının yer aldığı paneldir.
- Sistem içinde özel komutlar eklenerek işlevsellik artırılabilir. Bu panelde editörle ilgili görünüm ve işlevsel seçenekler kontrol edilir.
| Simge | Açıklama |
|---|---|
| ▢ | Bileşen panelini gösterir/gizler |
| 👁 | Ön izleme moduna geçiş yapar |
| ⛶ | Tam ekran modunu aktif eder |
</> | HTML/CSS/JS kod editörünü açar |
| ✎ | Düzenleme moduna geçiş yapar |
| 𝐇 | Meta ayarlarını gösterir |
| 🌎 | Dil bazlı özelleştirme menüsünü açar |
2. Stil, Katmanlar, Ayarlar ve Blok
Düzenleme sırasında stil, katmanlar, ayarlar ve blok yönetimini sağlayan görünüm araçları bu panelde yer alır.
| Simge | Açıklama |
|---|---|
| 🖌 | Seçilen öğenin stil ayarlarını düzenler |
| ⚙️ | Bileşen ayarlarını (özellikler, etiketler vb.) yönetir |
| ☰ | Sayfa katmanlarını hiyerarşik olarak gösterir |
| ▦ | Blok kütüphanesini açar (slider, metin, görsel vb. bileşenler) |
3. Kod Editörü Sekmeleri
Kodla çalışmak isteyen kullanıcılar için editör üç farklı sekme sunar:
| Sekme | Açıklama |
|---|---|
| HTML | Sayfanın iskeletini oluşturur. Header, slider, grid yapıları buradan tanımlanır. |
| CSS | Stil ayarlarını belirler. Renk, yazı tipi, boşluk gibi tasarım detayları buraya yazılır. |
| Script | Dinamik işlemler için JavaScript kodları girilir. Örneğin, slider geçiş efektleri, buton tıklamaları vb. |
Not: Kod değişiklikleri anında görsel editöre yansır ve önizlenebilir.
- Düzenlemeye başlamadan önce her zaman orijinal tasarımın bir kopyasını alın.
- Kod editöründe yapılan hatalı yazımlar sayfa davranışını bozabilir, dikkatli olun.
- Bloklar ve katmanlar bölümü, büyük projelerde düzenlemeyi kolaylaştırır.
Kaynaklar
Destek ve İletişim
Herhangi bir soru veya destek talebiniz için lütfen destek ekibimizle iletişime geçiniz.