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.
Bu sayfada
- Temanızı özelleştirmeden önce
- Tema düzenleyicisi
- Tema düzenleyicisine erişme
- Önizleme denetleyicisi
- Kenar çubuğu modları
- Bölüm grupları
- Bölümler ve bloklar
- Şablonlar
- Özel verilerin satır içi düzenlemesi
- Belgeleri görüntüleme, destek alma ve tema sürümünüzü kontrol etme
- Özelleştirmelerle ilgili yardım alma
Temanızı özelleştirmeden önce
Temanızı özelleştirmeye hazırlanmak için önerilen aşağıdaki görevleri gerçekleştirin:
- 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, o anda kenar çubuğunda görüntülemekte olduğunuz şablonun tüm içeriğinin bir ağaç görünümünü gösterir. Bloklarını görüntülemek için bir bölüm düğümünü, genişlet simgesini ▸ kullanarak genişletin veya blokları gizlemek için daralt simgesini ▾ kullanarak daraltın. Ayarlarını görüntülemek için herhangi bir bölüme veya bloğa tıklayabilirsiniz.
Tema düzenleyicisine erişme
- Shopify yöneticinizde Online Mağaza > Temalar'a gidin.
- Düzenlemek istediğiniz temanın yanındaki Özelleştir seçeneğine tıklayın.
- Bölümler'e tıklayın.
Ö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.
- Kesik mavi çizgi: Bölümle bağlantılı bir blok. Önizleme penceresinde öğeye tıkladığınızda blok veya bölümün ayarları açılır.
Önizleme penceresinde web sitenizin herhangi bir bölümüne tıkladığınızda, kenar çubuğunuzdaki ilgili ayarlar yüklenir. Mobil bir cihazda iki kez dokunduğunuzda, sitede bir müşteri 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 | İmleci mevcut bir blokun üzerine getirdiğinizde Blok ekle düğmesi görüntülenir. Bir blok eklemek için + simgesine tıklayın. Seçili bölüme eklenebilecek tema ve uygulama bloklarını içeren bir açılır menü görüntülenir. Eklemek istediğiniz bloğa tıklayın. Sağ kenar çubuğunda, ilk bloğun ayarları yüklenir. |
Önizleme denetleyicisi ayarları
Önizleme denetleyicisini kullanarak tema düzenleyicinizde bölümleri ve blokları taşıyabilir, gizleyebilir, çoğaltabilir 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ızın üst kısmındaysa önceki konuma taşı düğmesi gri olur. Aynı şekilde, bölümünüz sayfanın alt kısmındaysa sonraki konuma taşı düğmesini kullanamazsınız. |
| Bölümü veya bloku çoğalt | Bir bölümü veya bloku ve içeriğini çoğaltmak için kopyala simgesine tıklayın. |
| Bölümü veya bloku gizle | Bir bölümü veya bloğu gizlemek ya da göstermek 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. Bir bölümü veya bloğu gizlemek ya da göstermek için söz konusu simgeye 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 ön izlemesi için alandan tasarruf etmek amacıyla yalnızca bir kenar çubuğu bulunur. 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 varsayılan olarak, bir sayfadaki bölümlerin tüm blokları görüntülenir.
Ü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 kısmında görünür.
Adımlar:
- 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.
Adımlar:
- 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 tekrarlama
Geri Al ve Yinele düğmeleri, tema düzenleyicisinin sağ üst tarafında bulunur.
Özel verilerin satır içi düzenlemesi
Meta nesne sayfaları oluşturmak için özel verilerle çalışırken, değişiklik yapmak için yöneticiye gitmenize gerek kalmadan meta alanlarınızı ve meta nesnelerinizi doğrudan satır içi düzenleyebilirsiniz. Bu özellik resim, video, renk, ürün, sayfa, koleksiyon ve metin meta alanları için işe yarar.
Adımlar:
- Temanızda meta nesnenize referans veren uyumlu bir ayar seçin.
- Ayarlar panelinden meta nesne girişinizdeki meta alan değerini seçin ve düzenleyin.
- Çalışmanızı kaydedin açılış sayfanız güncellenen bilgilerle otomatik olarak yenilenecektir.
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.