Temanızı düzenleme
Online mağazanızın içeriğini, düzenini, tipografisini ve renklerini özelleştirmek için temanızı düzenleyebilirsiniz. Her bir tema, kod düzenlemek zorunda kalmadan mağazanızın genel görünümünü değiştirmenizi sağlayan bölümler ve ayarlar sunar.
Temanızı özelleştirmeden önce
Temanızı özelleştirmeden önce aşağıdaki işlemleri gerçekleştirmenizi öneririz:
- Yedek bir kopya oluşturmak için temanızı çoğaltın. Bu, gerektiğinde değişikliklerinizi atıp tekrar başlamanızı kolaylaştırır.
- Hangi destek düzeyinin sunulduğunu anladığınızdan emin olun.
- Görsel yükleme ile ilgili gereklilikler ve en iyi uygulamalar hakkında bilgi edinin.
Tema düzenleyicisi
Tema düzenleyicisi, kenar çubuğunda görüntülüyor olduğunuz şablon için tüm içeriğin ana hat görünümünü gösterir. Bloklarını görüntülemek için genişlet simgesini ▸ kullanarak bir bölüm düğümünü genişletebilir veya blokları gizlemek için daralt simgesini ▾ kullanarak daraltabilirsiniz. Ayarlarını görüntülemek için herhangi bir bölüme veya bloka tıklayabilirsiniz.
Önizleme denetleyicisi
Önizleme denetleyicisi, tema düzenleyicisinin yeni bir özelliğidir. Bölümleri ve blokları, doğrudan önizleme penceresinden gezinmenize, ilgili ayarları daha hızlı ve daha sezgisel olarak bulmanıza olanak tanır. Önizleme denetleyicisini kullanarak bölümleri ve blokları, doğrudan önizleme penceresinde yeniden düzenleyebilir, gizleyebilir veya silebilirsiniz.
Önizleme denetleyicisi, ücretsiz Shopify temalarının tümünde kullanılabilir ve varsayılan olarak etkindir. Düzenleme oturumunuz sırasında önizleme denetleyicisini açıp kapatabilirsiniz.
Önizleme denetleyicisi etkinleştirildiğinde, ilgili ayarı açmak için dış çizgiyle gösterilmiş öğelerden herhangi birine tıklayabilirsiniz. Bir mobil cihazda önizleme denetleyicisi etkinleştirildiğinde, ilgili ayarı seçmek için öğelerden herhangi birine tıklayabilirsiniz. Seçilen bu ayar yoluyla düzenleme yapmak için alt sayfayı açabilirsiniz.
Önizleme denetleyicisi, önizleme penceresinde tıklanan bölüm ve blokların çevresinde iki farklı kenarlık görüntüler:
- Sabit mavi satır: Etkin bölüm. Kenar çubuğundaki ilgili ayar gri renkte vurgulanır.
- Noktalı mavi satır: Bölümle ilişkili bir blok. Önizleme penceresindeki öğeye tıklayarak blok veya bölümün ayarlarını açabilirsiniz.
Önizleme penceresinde web sitenizin herhangi bir kısmına tıkladığınızda ilgili ayarlar kenar çubuğunuza yüklenir. Mobil bir cihazda iki kez dokunduğunuzda, sitede bir alıcı gibi gezinebilirsiniz.
Önizleme denetleyicisinde bölüm veya blok ekleme
Önizleme denetleyicisini kullanırken temanıza doğrudan önizleme penceresinden bölüm ve blok ekleyebilirsiniz. Mobil bir cihazda, alttaki sayfada düzenleme modunu kullanarak bölümleri ekleyebilir, çoğaltabilir, gizleyebilir, taşıyabilir ve silebilirsiniz.
| Araç | Açıklama |
|---|---|
| Bölüm ekle | Bölüm ekle düğmesi, seçilen bölümün üst ve alt kısmında görünür. Seçilen bölümün üstüne veya altına yeni bir bölüm eklemek için Bölüm ekle'ye tıklayın. |
| Blok ekle | Fareyle mevcut bir blokun üzerine gelindiğinde Blok ekle düğmesi görünür. Blok eklemek için + simgesine tıklayın. Seçilen bölüme eklenebilen tema ve uygulama bloklarının yer aldığı bir açılır menü görüntülenir. Eklemek istediğiniz bloka tıklayın. Yeni blokun ayarlar penceresi sağ kenar çubuğunda yüklenir. |
Önizleme denetleyicisi ayarları
Önizleme denetleyicisini kullanarak tema düzenleyicinizde bölümleri ve blokları taşıyabilir, gizleyebilir veya silebilirsiniz.
| Araç | Açıklama |
|---|---|
| Sonraki/önceki konuma taşı | Önizleme denetleyicisindeki ok simgelerini kullanarak bir bölümü veya bloğu sonraki konuma veya önceki konuma taşıyabilirsiniz. Seçilen bölüm, sayfanın üst kısmında ise önceki konuma taşı düğmesi gri olur. Aynı şekilde, bölümünüz sayfanın alt kısmında ise sonraki konuma taşı düğmesini kullanamazsınız. |
| Bölümü veya bloku gizle | Bir bölümü veya bloku gizlemek için göz simgesine tıklayın. Bir bölüm veya blok gizlendiğinde bu öğeleri önizleme denetleyicisini kullanarak gösteremezsiniz. Sayfanın en üstündeki çubukta Geri al düğmesine tıklayabilir veya kenar çubuğunuzda listelenen tüm gizli bölümleri ya da blokları göz simgesinin üzeri çizilmiş olarak görebileceğiniz tema düzenleyicisi ana sayfasına dönmek için ayarlar panelini kapatabilirsiniz. Bölümü veya bloku göstermek için üzeri çizilmiş göz simgesine tıklayın. |
| Bölümü veya bloku sil | Önizleme denetleyicisinde seçili bölümü veya bloku silmek için çöp kutusu simgesine tıklayın. |
Kenar çubuğu modları
Tema düzenleyicisi, ekran boşluğun tüm kullanımına yardımcı olmak için iki mod sunar.
İkili kenar çubuğu modu, geniş tarayıcı pencereleri ve daha büyük ekranlara, tekli kenar çubuğu modu ise daha dar tarayıcı pencereleri ve daha küçük ekranlara yöneliktir. Kenar çubuğu modu, ayar panelinin düzenleyicide nerede görüneceğini belirler.
Çift kenar çubuğu modu
1600 piksel genişliğinden büyük bir ekranınız varsa ve tarayıcı pencereniz tamamen genişletildiyse veya tarayıcı pencereniz en az 1600 piksel genişliğine kadar genişletildiyse iki kenar çubuğu görürsünüz. Sol kenar çubuğu gezinme panelini, sağ kenar çubuğu ise ayar panelini içerir.
Tek kenar çubuğu modu
Daha dar tarayıcılarda tema önizlemesi için alan korumak amacıyla yalnızca bir kenar çubuğu vardır. Düzenlemek için bir bölüme veya bloğa tıkladığınızda, ayar paneli kenar çubuğundaki gezinme panelinizin üstünde açılır.
Bölüm grupları
Bölümler her sayfa şablonunda aşağıdaki alanlara göre gruplanır:
- Üstbilgi: Üstbilginizi, duyuru çubuğunuzu ve varsa uygulamalarınızı veya özel Liquid'inizi içerir.
- Şablon: Sayfanızın ana gövdesini oluşturan bölümleri içerir. Örneğin, şablon bölümlerinde blog gönderileri, kolaj, koleksiyon listeleri veya özel Liquid bulunabilir.
- Altbilgi: Altbilginizi, e-posta kaydını ve versa uygulamalarınızı veya özel Liquid'inizi içerir.
Üstbilginiz ve altbilginiz, online mağazanın tüm sayfalarında paylaşılır. Örneğin üstbilgi kısmına özel bir Liquid bloku eklediğinizde bu özel Liquid tüm ürün sayfalarınızda, ana sayfanızda ve diğer sayfalarda görüntülenir. Gerektiğinde bölümleri yeniden sıralayabilirsiniz.
Bölümler ve bloklar
Bölümler ve bloklar listesinde, bir sayfadaki bölümlerin tüm blokları varsayılan olarak gösterilir.
Üstbilgi ve altbilgiyi oluşturan bölümler varsayılan olarak daraltılmıştır ancak, bölüm adının yanındaki genişlet simgesine ▸ tıklayarak bunları görüntüleyebilirsiniz.
Bölümleri ve blokları taşıma
Bir bölümü veya bloku, sayfanın bir alanından başka bir alanına taşımak için, bölüme tıklayarak müsait başka bir konuma sürükleyip bırakmak üzere ⋮⋮ simgesini kullanabilirsiniz.
Bir bölümü veya bloku izin verilmeyen bir konuma taşımaya çalışırsanız bölüm veya blok, orijinal konumuna geri döner.
Bölümleri kaldırma
Her bir öğenin ayarlar ekranında şablondan bir bölümünü veya bloğu silebilirsiniz. Bölümü kaldır düğmesi, bölüm ayarlarının alt bölümünde görünür.
Basamak
- Tema Düzenleyicisi kenar çubuğunda, kaldırmak istediğiniz bölüme veya bloka tıklayın.
- Bölümü kaldır veya Bloğu kaldır 'a tıklayın.
- Kayıtyap ' a tıklayın. Yayınlanan bir temayı düzenliyorsanız değişikliklerinizi kaydetmek ve bunları mağazanızda canlı hale getirmek için Yayınla' ya tıklayın.
Blokları gizleme
Göz simgesini kullanarak herhangi bir bölümü veya bloğu gizleyebilirsiniz.
Şablonlar
Tema düzenleyicisinin üst çubuğundaki sayfa seçiciden tema şablonlarınızın tümüne erişebilirsiniz.
Online Store 2.0 teması kullanıyorsanız Yeni şablon seçeneğine tıklayarak doğrudan sayfa seçiciden de yeni şablon oluşturabilirsiniz.
Belirli kaynakları olan şablonları önizleme
Bir şablonu görüntülediğinizde mağazanızdaki herhangi bir uyumlu kaynakla nasıl göründüğünün önizlemesine bakabilirsiniz. Örneğin, ürün şablonu görüntülüyorsanız bu şablonu mağazanızdaki herhangi bir ürünle test edebilirsiniz.
Basamak
- Tema düzenleyicisi sayfa seçiciden önizlemesini görüntülemek istediğiniz şablonu seçin.
- Gezinme panelinde, Önizleme bölümünde Değiştir'e tıklayın.
- Seç menüsünde, önizlemesini görüntülemek istediğiniz kaynağı seçin.
İşlemleri geri alma ve yineleme
Geri Al ve Yinele düğmeleri, tema düzenleyicisinin sağ üst tarafında bulunur.
Belgeleri görüntüleme, destek alma ve tema sürümünüzü kontrol etme
Tema belgelerinizin ve destek bilgilerinin bağlantıları kenar çubuğundaki Diğer ⋯ menüsünde bulabilirsiniz. Bu menüde, tema sürümüne ve oluşturucu bilgilerine de göz atabilirsiniz.
İpucu: Shopify'ın ücretsiz bir temasını kullanıyorsanız Shopify'ın ücretsiz temaları bölümünü kontrol edip temanızın adına tıklayarak söz konusu temanın bölümlerinin ve ayarlarının ayrıntılı açıklamalarını görebilirsiniz.
Ücretli temaların bölümleri ve ayarları hakkında bilgi edinmek için temanın belgelerine bakın.
Özelleştirmelerle ilgili yardım alma
Temanızda değişiklik yapma konusunda yardıma ihtiyacınız varsa destek almak için temanızın geliştiricisiyle iletişime geçebilirsiniz.
Tema özelleştirmeleri konusunda başka hangi kaynaklardan yararlanabileceğinizi görmek için Tema desteğine ilişkin en kaynaklar bölümüne bakın.