Üst Araç Çubuğu
Editörün "kumanda paneli". Sayfa seçme, cihaz önizlemesi, düzenle/önizle modu, Kaydet (yayınlamadan taslak) ve Yayınla gibi en sık kullandığınız…
Nerede bulunur: Tema Editörü'nün en üstündeki ince çubuk (tüm ekran boyunca yatay uzanır) Kimler için: Editörde gezinen, sayfa değiştiren, önizleyen ve yayınlayan herkes Kısaca: Editörün "kumanda paneli". Sayfa seçme, cihaz önizlemesi, düzenle/önizle modu, Kaydet (yayınlamadan taslak) ve Yayınla gibi en sık kullandığınız komutlar burada toplanır.
Ne işe yarar?
Üst araç çubuğu, Tema Editörü'nün en üst satırıdır ve sürekli ekranda kalır. Hangi sayfada olduğunuzu gösterir, panelleri açıp kapatmanızı, mağazanızı farklı cihazlarda önizlemenizi ve en önemlisi değişikliklerinizi yayınlamanızı sağlar. Butonların çoğu küçük ikon şeklindedir; üzerine fareyle gelirseniz ne işe yaradığını söyleyen küçük bir baloncuk (tooltip) belirir.
Çubuk iki tarafa ayrılır: sol taraf (gezinme ve sayfa işlemleri) ve sağ taraf (önizleme, yayınlama ve panel butonları).
Sol taraftaki butonlar
Soldan sağa doğru:
| Buton (ikon) | Adı (üzerine gelince) | Ne yapar? |
|---|---|---|
| Geri oku | Panele Dön | Tema Editörü'nden çıkıp yönetim panelinize döner. |
| Sol panel | Sol Paneli Aç/Kapat | Soldaki Bileşen Kütüphanesi panelini gizler veya geri getirir. Tuvale daha çok yer açmak için kullanışlıdır. |
| Mağaza adı / Sayfa adı | (Sayfa Seçici) | Hangi mağaza ve hangi sayfada olduğunuzu gösterir. Sayfa adına tıklayınca sayfa listesi açılır (ayrıntı: Sayfalar ve Yapı). |
| Kalem | Sayfayı Düzenle | Açık olan sayfanın adını, adresini (URL) ve SEO bilgilerini düzenleme penceresini açar. |
| Çöp kutusu | Sayfayı Sil | Açık olan sayfayı siler. Sadece silinebilir sayfalarda görünür — Ana Sayfa, Üst Yapı ve Alt Yapı'da bu buton çıkmaz. |
| Artı | Yeni Sayfa | Yeni bir özel sayfa oluşturma penceresini açar. |
| v3 rozeti | (Sürüm numarası) | Sayfanın kaçıncı yayınlanmış sürümünde olduğunuzu gösterir (örn. her yayınlamada artar). |
Dikkat: Sayfayı Sil geri alınamaz bir işlemdir. Butona bastığınızda bir onay penceresi çıkar ve "Bu işlem geri alınamaz." uyarısı verir. Yanlış sayfayı silmemek için onay penceresindeki sayfa adını mutlaka kontrol edin.
Sağ taraftaki butonlar
Sağ tarafta önizleme ve yayın araçları bulunur. Soldan sağa:
1. Cihaz önizleme butonları (Masaüstü / Tablet / Mobil)
Üç küçük ikon yan yana durur:
| İkon | Adı | Tuvali nasıl gösterir? |
|---|---|---|
| Monitör | Masaüstü | Mağazayı geniş ekran (bilgisayar) görünümünde gösterir. |
| Tablet | Tablet | Orta boy (tablet) ekran genişliğinde gösterir. |
| Telefon | Mobil | Dar (telefon) ekran genişliğinde gösterir. |
Seçili olan cihaz koyu renkle vurgulanır. Bu butonlar sadece önizlemeyi değiştirir; mağazanızın gerçek ayarını bozmaz. Amaç, tasarımınızın farklı ekranlarda nasıl göründüğünü kontrol etmektir.
İpucu: Müşterilerin çoğu telefondan alışveriş yapar. Bir bileşen ekledikten sonra mutlaka Mobil görünüme geçip yazıların taşıp taşmadığını, görsellerin düzgün durup durmadığını kontrol edin.
2. Düzenle / Önizle modu
İki buton yan yanadır:
| Buton | Adı | Ne yapar? |
|---|---|---|
| Düzenle | Düzenleme modu | Normal çalışma modu. Bileşenleri seçebilir, sürükleyebilir, ayarlarını değiştirebilirsiniz. |
| Önizle | Önizleme modu | Sol ve sağ panelleri gizler, tüm düzenleme tutamaçlarını kaldırır. Mağazanızı müşterinin göreceği gibi temiz halde gösterir. |
İpucu: Tasarımın gerçekte nasıl görüneceğini anlamak için ara ara Önizle'ye geçin. Düzenlemeye dönmek için Düzenle'ye basmanız yeterli.
3. Durum göstergesi, Kaydet ve Yayınla
Bu bölümdeki üç öğe (durum rozeti · Kaydet · Yayınla) tasarımınızın nerede durduğunu ve nasıl kaydedeceğinizi belirler.
Durum rozeti (üç durum)
Kaydet ve Yayınla butonlarının yanında, o an hangi durumda olduğunuzu gösteren küçük bir rozet vardır. Üç durumu birbirine karıştırmayın:
| Rozet | Renk | Anlamı |
|---|---|---|
| Kaydedilmemiş değişiklik | turuncu | Değişiklik yaptınız ama henüz kaydetmediniz. Sekmeyi kapatırsanız kaybolur. |
| Kaydedilmiş taslak · yayınlanmadı | mavi | Taslağınız güvenle sunucuya kaydedildi, ama henüz canlıda değil. Yarın devam edip yayınlayabilirsiniz. |
| Yayında | yeşil | Her şey canlıda; bekleyen değişiklik yok. |
En son ne zaman kaydettiğiniz de rozette görünür (örn. "Son kayıt 14:32").
Kaydet (yayınlamadan)
| Buton | Ne yapar? |
|---|---|
| Kaydet | Tasarımınızı taslak olarak sunucuya kaydeder — canlı mağazaya hiç dokunmadan. Yarım kalan bir tasarımı burada bırakıp sonra devam edebilirsiniz. Klavyeden Ctrl+S (Mac'te +S) ile de kaydedebilirsiniz. |
"Yayınlamadan kaydetmek istiyorum" — işte tam da bu. Kaydet, değişikliklerinizi taslak olarak saklar; müşterileriniz bunu görmez. Böylece bir tasarımı birkaç oturuma yayabilir, hazır olduğunuzda Yayınla'ya basabilirsiniz. Kaydet, değişiklik yoksa pasiftir ve "Kaydedilecek değişiklik yok." bilgisi çıkar.
Yayınla
| Buton | Ne yapar? |
|---|---|
| Yayınla | Değişikliklerinizi (kaydedilmiş taslağınız veya o anki çalışmanız) gerçek mağazaya gönderir ve canlıya alır. İşlem sürerken buton Yayınlanıyor... yazısına döner. Yayınladıktan sonra taslak temizlenir. |
Not: Yayınla, yalnızca değiştirdiğiniz veya kaydedilmiş taslağı olan sayfaları ve tema ayarlarını gönderir; dokunmadığınız sayfalar yeniden yayınlanmaz. Yayınlanacak bir şey yokken Yayınla'ya basarsanız "Yayınlanacak değişiklik yok." bilgisi çıkar.
Dikkat: Yayınla, değişikliklerinizi müşterilere açan adımdır. Emin olmadığınız bir tasarımı yayınlamayın; önce Kaydet ile taslak olarak saklayıp Önizle ile kontrol edin.
Geri alma (Kaydet/Yayınla yanındaki ⋮ menüsü)
Kaydet ve Yayınla butonlarının yanındaki ⋮ (diğer işlemler) menüsünde iki geri-alma seçeneği vardır. Hangisinin ne yaptığını iyi ayırt edin:
| Seçenek | Ne yapar? | Neyi korur? |
|---|---|---|
| ↺ Değişiklikleri at | Bu oturumda kaydetmediğiniz düzenlemeleri geri alır. | Varsa kaydedilmiş taslağınıza döner; taslak korunur. Taslak yoksa yayınlanmış sürüme döner. |
| Taslağı sil (yayına dön) | Kaydedilmiş taslağı sunucudan siler ve editörü yayınlanmış sürüme döndürür. | Canlı mağaza etkilenmez. Bu işlem geri alınamaz — onay penceresi çıkar. |
Her iki onay penceresi de neyin etkileneceğini adıyla listeler: hangi sayfalarda bekleyen değişiklik olduğunu (ör. Ana Sayfa, Ürün Sayfası) ve tema ayarlarını değiştirdiyseniz Genel tema ayarları satırını görürsünüz. Her satırın yanındaki etiket, o yerin kaydedilmemiş mi, taslak mı yoksa ikisi birden mi olduğunu söyler. Böylece onaylamadan önce tam olarak neyi kaybedeceğinizi görebilirsiniz.
Bekleyen değişiklikleri hızlıca görmek: Üst çubuktaki durum göstergesinin üzerine gelin — bekleyen değişikliğin bulunduğu yerler adlarıyla listelenir. Sayfa seçicide de kaydedilmemiş sayfaların yanında turuncu, kaydedilmiş taslağı olanların yanında mavi nokta çıkar.
Neden değişikliğim mağazada görünmüyor? Ya henüz Yayınla'ya basmadınız (yalnızca Kaydet'e bastıysanız değişiklik taslakta durur, canlıda değildir), ya da hiç kaydetmediniz. Canlıya çıkmak için Yayınla'ya basın.
Aynı anda iki kişi düzenlerse: Siz düzenlerken başka biri aynı sayfayı kaydedip yayınladıysa, siz Kaydet/Yayınla'ya bastığınızda "Bu sayfa başka biri tarafından değiştirildi" uyarısı çıkar. Yeniden yükle ile onların değişikliklerini alabilir ya da Üzerine yaz ile kendi sürümünüzü yazabilirsiniz (bu durumda onların değişiklikleri kaybolur). Böylece kimsenin emeği sessizce kaybolmaz.
4. Hazır Temalar
| Buton (ikon) | Adı | Ne yapar? |
|---|---|---|
| Şablon | Hazır Temalar | Hazır tasarlanmış temalardan birini tek tıkla mağazanıza uygulamanızı sağlayan paneli açar (ayrıntı: Hazır Temalar). |
5. Bileşen Havuzu
| Buton (ikon) | Adı | Ne yapar? |
|---|---|---|
| Katmanlar | Bileşen Havuzu | Sağ paneli "Bileşen Havuzu" moduna geçirir: açık sayfadaki tüm bileşenlerin listesini gösterir (ayrıntı: Bileşen Havuzu (Sağ Panel)). |
6. Yayın Geçmişi
| Buton (ikon) | Adı | Ne yapar? |
|---|---|---|
| ⟲ Geçmiş | Yayın Geçmişi | Sağ paneli "Yayın Geçmişi" moduna geçirir: bu sayfanın önceki yayınlarını listeler ve tek tıkla eski bir sürüme dönmenizi sağlar (ayrıntı: Yayın Geçmişi ve Eski Sürüme Dönme). |
7. Tema Ayarları
| Buton (ikon) | Adı | Ne yapar? |
|---|---|---|
| Palet | Tema Ayarları | Sağ paneli "Tema Ayarları" moduna geçirir: renk, yazı tipi, logo, sabit butonlar gibi tüm mağazaya etki eden ayarları açar (ayrıntı: Tema Ayarları — Site, Renk, Yazı ve Genel). |
8. Sağ paneli aç/kapat
| Buton (ikon) | Adı | Ne yapar? |
|---|---|---|
| Sağ panel | Sağ Paneli Aç/Kapat | Sağdaki paneli gizler veya geri getirir. |
İpucu: Sağ taraftaki Tema Ayarları (palet) ve Bileşen Havuzu (katmanlar) butonları aynı sağ paneli farklı içeriklerle doldurur. Hangisine basarsanız panel o moda geçer. Bir bileşene tuvalde tıklarsanız panel otomatik olarak Özellikler moduna döner.
Kafa karıştıran nokta: "Tema Çıktısı" / İndirme butonu
Bazı ekran görüntülerinde veya rehberlerde bir indirme () ikonu görebilirsiniz. Bu Tema Çıktısı Al butonudur ve yalnızca geliştirici/test modunda görünür. Normal kullanımda (gerçek mağaza panelinizde) bu buton görünmez — yani onu görmüyorsanız bir şey eksik değildir, gayet normaldir. Bu yüzden günlük kullanımda bu butonla işiniz olmaz.
Sık sorulan
S: Üstteki "v3" gibi bir rozet var, bu ne? C: Sayfanın yayın sürüm numarasıdır. Her başarılı yayınlamada bir artar. Tasarımınızın kaçıncı yayınlanmış halinde olduğunuzu takip etmenize yarar; sizden bir işlem beklemez.
S: Sayfayı Sil ve Yeni Sayfa butonlarını her sayfada göremiyorum, neden? C: Sayfayı Sil butonu yalnızca silinebilir sayfalarda çıkar. Ana Sayfa, Üst Yapı ve Alt Yapı korumalı olduğu için onlarda silme butonu hiç görünmez (yanlışlıkla mağazanın iskeletini silmeyin diye).
S: Panelleri kapattım, geri nasıl açarım? C: Sol panel için en soldaki Sol Paneli Aç/Kapat (), sağ panel için en sağdaki Sağ Paneli Aç/Kapat () butonuna tekrar basın.
Bu sayfa faydalı oldu mu?