Tema düzenleyicisini kullanarak temanızı kişiselleştirme

Tema düzenleyicisini kullanarak temanızın renkler gibi alanlarını özelleştirebilir ve bölümler ile bloklar aracılığıyla temanızdaki içeriği yönetebilirsiniz. Tema düzenleyicisi aşağıdaki bölümlerden oluşmaktadır:

Menü çubuğu, temanız hakkında daha fazla bilgi edinmenizi, temanızdaki ürün sayfası gibi farklı şablonlar arasında gezinmenizi, ekran boyutu görünümünü ayarlamanızı ve kişiselleştirme eylemlerinizi yönetmenizi sağlayan araçları görüntüler.
Kenar çubuğu menüsü, kenar çubuğunda görüntülemekte olduğunuz şablonun tüm içeriğinin ağaç görünümünü görüntüler. Kenar çubuğu menüsünden bölümleri ve blokları, uygulama yerleştirmelerini ve ayarları yönetebilirsiniz.
Ön izleme penceresi temanızı görüntüler ve değişiklik yaptığınızda otomatik olarak güncellenir. Temanızı masaüstü veya mobil cihazlarda önizlemek için menü çubuğunda farklı görüntüleme seçeneklerini seçebilirsiniz. Ayrıca önizleme penceresinde bir tema şablonunun içeriğini yönetmek için önizleme denetçisini etkinleştirebilirsiniz.

Bu sayfada

Tema düzenleyicisine erişme

Tema yöneticilerine Shopify yöneticisinden erişebilirsiniz.

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.

Menü çubuğu, temanızla ilgili ayrıntıları gösterir ve temanızı kolayca kişiselleştirebilmeniz için farklı bölümlere ve ayarlara hızlı erişim sağlar.

Menü çubuğu tema bilgilerini görüntüler ve tema kişiselleştirmelerini yönetmek için düğmeleri görüntüler.

Menü çubuğu aşağıdaki ek bilgileri ve gezinme seçeneklerini görüntüler:

Shopify yöneticinize geri dönmek için düğmesini kullanın.
Temanızın adını gözden geçirme.
Temanızın durumunu inceleme. Yayınlanmış temanızda Canlı durum etiketi görüntülenir. Yayınlanmamış temalar Taslak durum etiketini görüntüler.
Aşağıdaki ek seçeneklere erişmek için menüyü kullanın: - Kod düzenleyicisini açmak için Kodu düzenle seçeneğini kullanın. - Temanızdaki varsayılan metni düzenlemek için Varsayılan tema içeriğini düzenle seçeneğini kullanın. - Temanızın bir önizlemesini açmak için seçeneğini kullanın. - Temanızın belgelerini görüntülemek için Belgeleri görüntüle seçeneğini kullanın. - Tema düzenleyicisinin tüm kullanılabilir klavye kısayollarını görüntülemek için seçeneğini kullanın. - Destek almak için Destek al seçeneğini kullanın.

Aşağıdaki menüler ile farklı şablon ve pazar düzenine ulaşabilirsiniz:

Pazar menüsü.
Şablon menüsü.

Temanızı kişiselleştirmek için menü çubuğunda aşağıdaki kontrolleri kullanabilirsiniz:

Sidekick'i etkinleştirmek veya devre dışı bırakmak.
Ön izleme denetleyicisini etkinleştirmek veya devre dışı bırakmak.
Ekran boyutu kontrolleriyle ekran boyutunu değiştirmek.
Geri alma ve yineleme kontrolleriyle mevcut kişiselleştirme oturumunuzu yönetmek.
Değişikliklerinizi kaydetmek için Kaydet düğmesini kullanın.

Belgeleri görüntüleme, destek alma ve tema sürümünüzü kontrol etme

Temanız hakkında tema sürümü, geliştirici bilgileri ve tema belgeleri ile destek bilgilerine bağlantılar gibi mevcut bilgileri menü çubuğundaki menü üzerinden görüntüleyebilirsiniz.

Tema bilgilerine erişmek için diğer düğmesini kullanı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 kişiselleştirmeleri konusunda başka hangi kaynaklardan yararlanabileceğinizi öğrenmek için Tema desteğine ilişkin ek kaynaklar bölümüne bakın.

Tema düzenleyicisinde klavye kısayollarını kullanma

Tema düzenleyicide gezinmek ve eylemleri gerçekleştirmek için klavye kısayollarını kullanabilirsiniz.

Hem Windows hem macOS cihazlar için tema düzenleyicisinde desteklenen klavye kısayollarının listesi.
Kategori	İşlem	Windows'taki kısayollar	macOS'taki kısayollar
Genel	Geri al	`CTRL` + `Z`	`⌘` + `Z`
	Yinele	`CTRL` + `Y`	`⌘` + `Y`
	Kaydet	`CTRL` + `S`	`⌘` + `⇧` + `S`
	Tüm kısayolları göster	`CTRL` + `/`	`⌘` + `/`
Aletler	Önizleme denetleyicisi	`CTRL` + `SHIFT` + `\|`	`⌘` + `⇧` + `\|`
	Önizleme modu	`⊞` + `CTRL` + `\|`	`⌘` + `⌃` + `\|`
	Sidekick	`CTRL` + `.`	`⌘` + `.`
Gezinme	Section	`⊞` + `CTRL` + `Z`	`⌘` + `⌃` + `1`
	Tema Ayarları	`⊞` + `CTRL` + `Z`	`⌘` + `⌃` + `2`
	Uygulama Eklemeleri	`⊞` + `CTRL` + `Z`	`⌘` + `⌃` + `3`
Bölümler ve Bloklar	Gizle ve göster	`CTRL` + `SHIFT` + `H`	`⌘` + `⇧` + `H`
	Kaldır	`SHIFT` + `⭠`	`⇧` + `⌫`
	Öncekini seç	`SHIFT` + `←`	`⇧` + `▲`
	Sonrakini seç	`SHIFT` + `→`	`⇧` + `▼`
	Seçilen öğeyi aç	`SHIFT` + `ENTER`	`⇧` + `▼`
	Tüm bölümleri genişlet	`CTRL` + `SHIFT` + `O`	`⌘` + `⇧` + `O`
	Tüm bölümleri daralt	`CTRL` + `SHIFT` + `P`	`⌘` + `⇧` + `P`

Şablonlar

Tema düzenleyicisinin üst çubuğundaki sayfa seçiciden tema şablonlarınızın tümüne erişebilirsiniz.

Uyumlu bir tema 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

Şablonunuzun, mağazanızdaki uyumlu herhangi bir kaynak ile nasıl gösterileceğinin önizlemesini görüntüleyebilirsiniz. Örneğin ürün şablonu görüntülüyorsanız bu şablonu mağazanızdaki herhangi bir ürünle test edebilirsiniz.

Yine de şablonu Shopify yöneticisindeki kaynağa atamanız gerekir.

Şablon ve kaynak aramak için sayfa seçicideki, Bölüm ekle veya Blok ekle aracındaki ya da Uygulama eklemeleri bölümündeki Arama çubuğunu da kullanabilirsiniz.

Adımlar:

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.
Şablon menüsünden, önizlemesini görüntülemek istediğiniz şablonu seçin.
Kenar çubuğu menüsünden Ön izleme bölümünde Değiştir seçeneğine tıklayın.
Seç menüsünde, önizlemesini görüntülemek istediğiniz kaynağı seçin.

Önizleme denetleyicisi

Önizleme denetleyicisi, doğrudan önizleme penceresinden bölümlere ve bloklara gitmenize ve ilgili ayarları daha hızlı ve daha kolay bir şekilde bulmanıza olanak sağlar. Önizleme denetleyicisini kullanarak doğrudan önizleme pencerenizden bölümleri ve blokları yeniden sıralayabilir, gizleyebilir veya çoğaltabilirsiniz.

Ön izleme denetleyicisi, ücretsiz Shopify temalarının tümünde kullanılabilir ve varsayılan olarak etkindir. Düzenleme oturumunuz esnasında ön izleme denetleyicisini açmak veya kapatmak için düğmesine tıklayabilirsiniz.

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

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ümlerin ve blokların çevresinde aşağıdaki iki kenarlıktan birini görüntüler:

Sabit mavi çizgi, etkin bölümü belirtir. Kenar çubuğu menüsündeki ilgili ayar gri renkte vurgulanır.
Kesik mavi çizgi, bölümle bağlantılı bloku belirtir. Blok veya bölümün ayarlarını açmak için önizleme penceresindeki ürüne tıklayabilirsiniz.

Ö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

Ön izleme denetleyicisini kullandığınızda, temanıza doğrudan ön izleme penceresinden bölümler ve bloklar ekleyebilirsiniz. Shopify uygulamasından ön izleme denetleyicisini kullanmak için bir bölüme uzun basıp o bölümü yönetebilirsiniz.

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

Önizleme denetleyicisi Blok ekle seçeneği

Önizleme denetleyicisindeki Bölüm ekle ve Blok ekle düğmelerinin açıklamaları:
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 düğmesine tıklayın.
Blok ekle	İmleci mevcut bir blokun üzerine getirdiğinizde Blok ekle düğmesi görüntülenir. Blok eklemek için imlecinizi düğmesinin üzerine getirin. Seçilen bölüme eklenebilecek temayı ve uygulama bloklarını içeren 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 denetleyicisi ile tema düzenleyicisinde bölümleri ve blokları taşıyabilir, gizleyebilir, çoğaltabilir veya silebilirsiniz..

Bölümleri veya blokları taşıma, çoğaltma, gizleme ve silme dahil olmak üzere mevcut önizleme denetleyicisi araçlarının listesi:
Araç	İşlem	Açıklama
	Önceki konuma taşı	Önizleme denetleyicisindeki ok simgelerini kullanarak bir bölümü veya bloğu sonraki konuma veya önceki konuma taşımak için bu düğmeye tıklayın. Seçilen bölüm, sayfanızın üst kısmındaysa düğmesi gri olur. Benzer şekilde, bölümünüz sayfanızın alt kısmındaysa düğmesini kullanamazsınız.
	Sonraki konuma taşı
	Bölümü veya bloku çoğalt	Bir bölümü veya bloku ve içeriklerini çoğaltmak için bu düğmeye tıklayın.
	Bölümü veya bloku gizle	Bir bölümü veya bloğu gizlemek için bu düğmeye tıklayın. Bir bölüm veya blok gizlendiğinde, önizleme denetleyicisini kullanarak bu öğeleri gösteremezsiniz. Menü çubuğundaki düğmesine tıklayabilir veya bölümün ya da bloğun yanındaki kenar çubuğu menüsündeki düğmesine tıklayarak bölümün veya bloğun gizliliğini kaldırabilirsiniz.
	Bölümü veya bloku sil	Bu düğme ön izleme denetleyicisindeki seçili bölümü veya bloku siler.

Tema düzenleyicisinde farklı ekran boyutunun görüntülenmesi

Tema kategorinizde farklı ekran boyutlarını görüntüleyebilirsiniz. Tema düzenlemelerinizin farklı ekran boyutları için en uygun olmasını sağlamak ve masaüstü ve mobil için alternatif düzeni kontrol etmek amacıyla tema düzenleyicisini masaüstü, mobil veya tam ekran boyutunda görüntüleyecek şekilde değiştirebilirsiniz. Ekran boyutunu değiştirmek için menü çubuğundaki aşağıdaki düğmeye tıklayın:

Masaüstü için düğmesine tıklayın.
Mobil görünüm için düğmesine tıklayın.
Tam ekran için düğmesine tıklayın.

İşlemleri geri alma ve tekrarlama

Kaydedilmemiş kişiselleştirmeleri geri almak veya yeniden yapmak için ve düğmelerini kullanabilirsiniz. Değişikliklerinizi kaydettikten sonra artık geri alma veya yeniden yapma olanağınız yoktur.

Yeniden yapmak, geri almak veya her ikisini birden yapmak için kaydedilmemiş bir kişiselleştirme yoksa, ilgili tuş takımı gri renkte olur.

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

Kenar çubuğu menüsü, 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. Kenar çubuğu menüsünden bölümleri, blokları ve tema ayarlarını yönetebilirsiniz.

Temanızda, diğer hangi ayarların etkin olduğuna bağlı olarak kenar çubuğu menüsünde görüntülenen koşullu ayarlar olabilir. Örneğin, temanızda video veya resim ekleme ayarı olan bir blok varsa, o zaman resim veya video bağlantısı, medya türü olarak Resim'i seçtikten sonra görüntülenen bir koşullu ayar olabilir.

Kenar çubuğu modları

Tema düzenleyicisinin, ekranınızdaki alanın tümünden yararlanmanızı sağlayacak iki modu vardır.

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

Tema düzenleyicisini geniş bir ekranda tek kenar çubuğu modunda görüntülemek için ayar paneli gezinme kenar çubuğunun üstüne geçene veya kaybolana kadar tarayıcı pencerenizi daraltın.

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ü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 veya altbilgiyi oluşturan bölümler varsayılan olarak daraltılır. Bölüm adının yanındaki düğmesine tıklayarak bölüm içeriğini görüntüleyebilirsiniz.

Temanız için bölümleri ve blokları yönetme hakkında daha fazla bilgi edinin.

Bölüm grupları

Bölümler, temanızdaki her sayfa şablonu için aşağıdaki alanlara ayrılacak şekilde gruplanır:

Üstbilgi alanı, üstbilginizi, duyuru çubuğunuzu ve tüm uygulamalarınızı veya özel Liquid'inizi içerir.
Şablon alanı, 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 alanı, altbilginizi, e-posta kaydınızı ve tüm uygulamalarınızı veya özel Liquid'inizi içerir.

Üstbilginiz ve altbilginiz, online mağazanızın tüm sayfalarında paylaşılır. Örneğin üstbilgi kısmına özel bir Liquid bloku eklerseniz bu özel Liquid tüm ürün sayfalarınızda, ana sayfanızda ve tüm diğer sayfalarda görüntülenir.

Temanızdaki bölümleri ve blokları özelleştirme hakkında daha fazla bilgi edinin.

Bölümleri ve blokları genişletme ve daraltma

Bir bölüm düğümünün bloklarını görüntülemek için düğmesini kullanarak bölüm düğümünü genişletin veya blokları gizlemek için simgesini kullanarak bölüm düğümünü daraltın. Bir bölümün veya blokun ayarlarını görüntülemek için söz konusu bölüme ya da bloka tıklayabilirsiniz.

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

Bölümleri ve blokları taşıma

Bir bölüme veya bloka tıklayıp onu mevcut başka bir konuma sürükleyip bırakmak için simgesini kullanarak söz konusu bölümü ya da bloku sayfanın bir alanından başka bir alanına taşıyabilirsiniz.

Bir bölümü veya bloku izin verilmeyen bir konuma taşımaya çalışırsanız bölüm ya da blok orijinal konumuna geri döner.

Bölümleri ve blokları kaldırma

Bir şablondan bölüm veya bloğu kaldırmak için aşağıdaki iki yöntemden birini kullanabilirsiniz:

İmlecinizi bölüm adının yanına getirin ve ardından düğmesine tıklayın:
Bölüm adına tıklayın ve ardından bölüm ayarları bilgisinde Bölümü kaldır seçeneğine tıklayın:

Adımlar:

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.
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.
Save Kaydet seçeneğine tıklayın. Yayınlanan bir temayı düzenliyorsanız değişikliklerinizi kaydedip mağazanızda etkin hâle getirmek için Yayınla'ya tıklayın.

Bölümleri ve blokları gizleme

düğmesini kullanarak herhangi bir bölümü veya bloku gizleyebilirsiniz: