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.

Blokları görüntülemek için bölümleri genişletme ve daraltma

Ö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.

Ekranın en üstündeki bölümde yer alan açma kapatma düğmesini kullanarak önizleme denetleyicisini açıp kapatma

Önizleme denetleyicisi etkinleştirildiğinde dış çizgili herhangi bir öğeye tıklayarak ilgili ayarını açabilirsiniz.

Metin İçeren Görsel bölümü seçili ve ilgili ayarlar kenar çubuğunda yüklenmiş bir şekilde önizleme denetleyicisi

Ö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 parçasına tıklayarak ilgili ayarları kenar çubuğunda yükleyebilirsiniz.

Önizleme denetleyicisinde bölüm veya blok ekleme

Önizleme denetleyicisini kullanırken temanıza, doğrudan önizleme penceresinden bölüm ve blok ekleyebilirsiniz.

Önizleme denetleyicisi Bölüm ekle seçeneği

Önizleme denetleyicisi Blok ekle seçeneği

Bölüm veya blok ekleme
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.

Önizleme denetleyicisi araç seti

Önizleme denetleyicisi ayarları
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.

Ayar paneli, çift kenar çubuğu modunda ekranın sağ el tarafında görünür

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.

Ayar paneli, tek kenar çubuğu modunda gezinme panelinin bir katmanı olarak görünür

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 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.

Bölümü kaldır düğmesini kullanarak bir bölümü kaldırma

Basamak

  1. Tema Düzenleyicisi kenar çubuğunda, kaldırmak istediğiniz bölüme veya bloka tıklayın.
  2. Bölümü kaldır veya Bloğu kaldır 'a tıklayın.
  3. 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.

Bölümü kaldır düğmesini kullanarak bir bölümü kaldırma

Ş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

  1. Tema düzenleyicisi sayfa seçiciden önizlemesini görüntülemek istediğiniz şablonu seçin.
  2. Gezinme panelinde, Önizleme bölümünde Değiştir'e tıklayın.
  3. 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.

Tema düzenleyicisinin üst çubuğundaki Geri al ve Yinele düğmeleri.

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.

Tema bilgilerine erişmek için diğer düğmesini kullanın.

İ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.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene