ikas tema düzenleme ve tema değiştirme nasıl yapılır?
ikas

ikas tema düzenleme ve tema değiştirme nasıl yapılır?

ikas tema editörüne nereden girildiğini, sayfaların ve bölümlerin nasıl düzenlendiğini, yeni temanın nasıl kurulup yayına alındığını ve tema değişince neyin korunduğunu adım adım anlattık.

AI Özet

ikas'ta tema, panelde Satış Kanalları > mağaza adı > Temalarım yolunda temanın İşlemler menüsündeki Özelleştir butonuyla açılan tema editöründe düzenlenir. Editörde sayfalar bölüm bölüm kurulur, bölümler sürüklenerek sıralanır; renk, yazı tipi, logo ve favicon Tema Ayarları'ndan değişir. Tema değiştirmek ayrı bir adımdır: Tema Ekle ile yeni tema ikincil tema olarak kurulur, hazırlanır ve İşlemler > Yayınla ile yayına alınır; ikas yeni temanın 15 dakika içinde yayına girdiğini söyler. Tema değişince ürün, müşteri ve sipariş verileri korunur, temaya özel düzen ve metinler yeniden kurulur.

Hadi Tanışalım!
Yapay zekaya özetlet

ikas'ta temayı, panelde Satış Kanalları > mağaza adın > Temalarım yolunda temanın İşlemler menüsündeki Özelleştir butonuyla açılan tema editöründe düzenlersin. Editörde sayfaları bölüm bölüm kurar, bölümleri sürükleyip sıralar; renk, yazı tipi, logo ve favicon'u Tema Ayarları'ndan değiştirirsin. Temayı değiştirmek ayrı bir adım: Tema Ekle ile yeni temayı kurar, hazırlar ve İşlemler > Yayınla dersin. ikas yeni temanın 15 dakika içinde yayına girdiğini söylüyor.

ikas tema editörüne nereden girilir?

  1. ikas paneline gir, sol menüden Satış Kanalları'nı aç.
  2. Online mağazanın adına tıkla.
  3. Temalarım listesinde düzenleyeceğin temanın İşlemler menüsünü aç.
  4. Özelleştir'e bas; tema editörü açılır.

Aynı ekranda birden fazla tema kurulu durabilir ama yalnız biri yayındadır; diğerleri ikincil tema olarak bekler ve her biri ayrı düzenlenir. Büyük bir değişiklik yapacaksan yayındaki temayı bozmamak için ikinci bir tema kurup onun üzerinde çalışmanı öneririz. ikas'ın tema düzenleme makalesi bu adımları ekran görüntüleriyle anlatıyor.

ikas'ta tema nasıl düzenlenir?

Tema editörünün mantığı üç katmana dayanıyor: sayfa, bölüm ve komponent. Önce hangi sayfayı düzenlediğini seçersin, o sayfaya bölümler eklersin, her bölümün içinde ayarları açılan bir komponent oturur. Editörde hangi bölümleri bulacağın seçtiğin temaya bağlı; her temanın bölümleri farklı. ikas'ın hazır temalarını ve Tema Mağazası'ndaki temaları ikas temaları yazısında karşılaştırdık.

Sayfa seçici

Editörün üstünde Anasayfa yazan bir açılır menü var. Oradan Ürün Sayfası, Kategori Sayfası, Marka Sayfası, İletişim, SSS ve 404 gibi sayfalara geçip her birini ayrı düzenlersin; ürün sayfasında hangi komponentlerin olması gerektiğini ayrı bir rehberde topladık. Ödeme sayfası da bu menüden açılıyor; orada rengi belirtilmiş alanların rengini değiştirebiliyorsun.

Blog kullanıyorsan aynı menüde Blog Anasayfa, Blog Kategori Sayfası ve Blog Yazısı seçenekleri de çıkıyor; yani blog yazılarının görünümünü de tema editöründen kuruyorsun. Giriş ve kayıt sayfaları da bu menüden düzenleniyor; örneğin Google ile giriş yap butonunu bu sayfalar üzerinden açıyorsun.

Bölümler ve komponentler

Sol panelde o sayfanın bölümleri sıralanır. Yeni Bölüm butonuyla komponent eklersin, sürükle bırak ile sırayı değiştirirsin, istemediğin bölümü kaldırırsın. Slider, kategori görsel banner, ürün slider, hero görsel banner, kargo ve iade bilgisi gösteren özellik alanı, üyelik formları ve sıkça sorulan sorular gibi hazır komponentler bu listeden gelir.

Üstbilgi ve Altbilgi istisna: ikisi bütün sayfalarda ortak çalışır ve sayfa bazında değiştirilemez. Menü bağlantılarını da buradan kurarsın: ilgili komponente tıkla, Links kısmında artı işaretine bas, kategori sayfası, marka sayfası ya da ürün sayfası seç. Alt kategori kurgusu da aynı yerden yapılır; örneğin Kadın Giyim altına T-shirt bağlayabilirsin.

Tema Ayarları

Editörün sol alt köşesindeki Tema Ayarları, temanın tamamını ilgilendiren ayarların yeri. Yazı tipini, birincil ve ikincil renkleri buradan değiştirirsin; Genel Ayarlar altında favicon görselini yüklersin. Renk değişikliğini komponent bazında da yapabilirsin; üstbilgi ve altbilgi kendi renk ayarlarını taşır. ikas'ın tema editörü sayfası da renk, yazı tipi ve görsel yapı gibi düzenlemelerin editör üzerinden yapıldığını anlatıyor.

Mobil görünüm

Editördeki ekran butonuyla mobil ve masaüstü görünüm arasında geçiş yaparsın. Düzeni önce mobilde kontrol etmeni öneriyoruz; masaüstünde düzgün duran bir bölüm mobilde çoğu zaman sıkışıyor. Görsellerin hangi ölçüde hazırlanacağı temaya ve bölüme göre değişiyor; bütün ölçüleri ikas tema görsel boyutları yazısında tema tema topladık.

Tema editöründe hangi sayfalar düzenlenir, hangileri düzenlenmez?

Editör her sayfaya dokunmana izin vermiyor: vitrin tarafı serbest, hesap ve sipariş tarafı sabit geliyor. Bu ayrımı baştan bilmek, müşterine veremeyeceğin bir sözü vermeni engeller.

Düzenlenebilen sayfalarDüzenlenemeyen sayfalar
AnasayfaHesap sayfası
Ürün sayfasıSiparişler sayfası
Kategori sayfasıAdres sayfası
Marka sayfasıSipariş detayı sayfası
İletişim ve SSS sayfasıFavori ürünler sayfası
404 ve şifre yenileme sayfası

Tema editöründe aramana rağmen bulamayacağın bir şey de var: mesafeli satış, iade ve gizlilik gibi sözleşmelerin metinleri. Onlar Satış Kanalları > Lokalizasyon > Mağaza Kuralları ve Sözleşmeler altında duruyor ve ödeme sayfasında müşteriye orada gösteriliyor. Aynı metinlerin sitede de görünmesini istiyorsan tema editöründen ayrıca özel sayfa açıp menüye bağlaman gerekiyor.

Az bilinen bir özellik daha var: tek bir ürünün sayfasını diğerlerinden farklı tasarlayabiliyorsun. Ürün Sayfası'nı seç, ilgili ürünü seç ve "Sadece bu ürün sayfasında değişiklik yapmak için tıklayın" butonuna bas. Değişiklikler yalnız o ürüne uygulanır; set ürünlerinde ve kampanya ürünlerinde işe yarar.

ikas tema editöründe yeni sayfa nasıl oluşturulur?

Sayfa seçme menüsünden Yeni Sayfa Oluştur > Özel Sayfa dersin, sayfa adını ve URL slug'ını girersin, sonra istediğin komponentleri eklersin; ikas'ın temada yeni sayfa oluşturma rehberi panel adımlarını gösteriyor. Sözleşme ve politika sayfaları için zengin metin alanı komponenti yeter. Sayfanın başına Üstbilgi, sonuna Altbilgi eklemeyi unutma; yoksa sayfa menüsüz açılır.

Özel sayfayı kampanya, teslimat bilgisi, marka hikâyesi ya da belirli bir ürün grubunu anlatan bir sayfa için de kullanabilirsin; ama editördeki komponentlerin yapabildikleriyle sınırlısın. Standart komponentlerle kurulamayan bir akış gerekiyorsa editörün sınırına gelmişsin demektir; bunu aşağıda ayrı bir bölümde anlattık.

ikas tema değiştirme nasıl yapılır?

Tema değiştirmek, tema düzenlemekten ayrı bir iş. Yeni temayı önce ikincil tema olarak kurar, hazırlar, sonra yayına alırsın:

  1. Satış Kanalları'nda mağaza adına tıkla ve Tema Ekle'ye bas.
  2. Listeden temayı seç, temaya bir ad ver ve Kaydet'e bas. Tema, Temalarım listesine ikincil tema olarak eklenir.
  3. Temanın İşlemler menüsünden Özelleştir'i açıp logo, renk, menü ve ana sayfa bölümlerini kur.
  4. Ana sayfa, kategori ve ürün sayfasını mobil ve masaüstü önizlemede kontrol et.
  5. Hazır olduğunda İşlemler menüsünden Yayınla'ya bas. ikas, yeni temanın mevcut ayarlarıyla birlikte 15 dakika içinde yayına girdiğini belirtiyor.

Bir temada kullandığın bölüm başka temaya eklenemiyor: ikas, bölümlerin temadan temaya farklı olduğunu ve istek üzerine başka temaya taşınmadığını açıkça yazıyor. Yeni temayı seçmeden önce ihtiyacın olan bölümlerin o temada olduğuna bak. Tema Mağazası'ndan bir tema seçiyorsan ücretsiz temalarda Temayı Kur, ücretli temalarda Satın Al butonuyla başlarsın.

Yayınla demeden önce hızlı bir tur atmanı öneriyoruz: anasayfada bütün görseller yüklendi mi, üstbilgideki menü bağlantıları doğru kategoriye gidiyor mu, ürün sayfasında fiyat ve varyant seçimi düzgün duruyor mu, altbilgide sözleşme bağlantıları çalışıyor mu? Bu dört maddeyi mobilde de tekrar et. Tema yayına girdikten sonra fark edilen eksik, kampanya trafiğinin ortasında düzeltilmek zorunda kalır.

Start paketinde bir dönem yalnız Kombos teması yayınlanabiliyordu; ikas'ın Start yazısına göre artık bütün tema kütüphanesi Start'ta da açık.

Tema değişince ne korunur, ne kaybolur?

Tema değiştirmek ürünlerine, kategorilerine, müşterilerine ve siparişlerine dokunmaz; kaybolan, temanın içinde kurduğun düzen ve metinlerdir.

Her tema kendi özelleştirmesini taşır. A temasında kurduğun bölüm sıralaması, banner metinleri, menü bağlantıları ve tema editöründen açtığın özel sayfalar B temasına kendiliğinden geçmez; yeni temayı yayına aldığında bu emeği yeniden kurman gerekebilir. Bu yüzden geçişten önce eski temanın ekran görüntülerini almanı ve metinleri bir yere kopyalamanı öneriyoruz.

SEO tarafında üç noktaya bakıyoruz:

  • Tema editöründeki SEO alanı sayfa başlığını ve açıklamasını tutuyor. ikas, SEO alanları rehberinde başlığın yaklaşık 580 piksel, açıklamanın 920 piksel genişliği aşmamasını öneriyor. Yeni temada bu alanlar boş gelirse arama sonuçlarındaki başlıkların değişir; tema sayfalarının SEO alanı ve diğer SEO ayarları için ayrı bir rehber hazırladık.
  • Özel sayfaların slug'ları temadan temaya taşınmayabilir. Eski slug'ları not al, yeni temada aynısını kur; kuramıyorsan eski adresi yenisine yönlendir.
  • Görsel alt metinleri editörde görselin üzerindeki kalem butonuyla giriliyor. Görselleri yeniden yüklediğinde alt metinleri de yeniden girmen gerekir.

Çok dilli bir mağazan varsa çeviriler de temaya bağlı. Tema metinlerini Satış Kanalları > Temalarım > İşlemler > Çevirileri Düzenle ekranından yönetiyorsun; yeni dil eklerken Tema Varsayılanı İle Kur ya da Başka Dilden Kopyala seçeneklerinden birini seçiyorsun (ikas diller ve çeviriler rehberi). Tema değiştirmeden önce çevirileri dışarı aktarıp saklamak iyi bir alışkanlık.

Yayına almadan önceki kontrol listesi kısa olsun: anasayfa, ürün sayfası, kategori sayfası. ikas da bu üç sayfayı bir e-ticaret sitesinin en önemli sayfaları olarak işaretliyor.

Tema güncellemesi yapmadan önce neyi kontrol etmeli?

Temanın yeni sürümü çıktığında editörün içindeki tema güncellemesi butonuna basıp onaylar ve kaydedersin; ikas'ın tema düzenleme rehberi güncellemelerin yeni özellikleri ve güvenlik geliştirmelerini temaya taşıdığını söylüyor. Güncellemeyi yayındaki tema yerine kopyası üzerinde denemek çok daha az risklidir.

Güncellemeden sonra anasayfa, kategori ve ürün sayfasını masaüstünde ve mobilde yeniden kontrol et: bölüm sıraları, menüler, logo ve renk ayarları, ürün kartları ve satın almayla ilgili alanlar beklediğin gibi duruyorsa güncellenen temayı yayına alabilirsin. Hazır tema üzerinde yapılan düzenlemelerin farklı mağazalarda nasıl durduğunu proje örneklerinde görebilirsin.

Tema Mağazası temaları nasıl düzenlenir?

Tema Mağazası'ndaki temalar ikas Studio ile yapılıyor; ilki Serel, Kasım 2025'te Start kullanıcılarına açıldı (ikas güncelleme notu). Bu temalarda mağaza sahibi temayı ikas Studio'nun İçerik modunda yönetiyor: sayfa yapısını, bölüm ve bileşenlerin sırasını ve içerikleri buradan değiştiriyorsun. ikas Studio dokümanına göre Tasarım, Blueprint ve Kod modları yalnız tema geliştiricisine açık. Yani hazır temalarda olduğu gibi burada da hangi ayarı değiştirebileceğini temayı yapan geliştirici belirliyor; Studio temasında "bu alanı neden değiştiremiyorum?" sorusunun cevabı çoğu zaman budur.

Tema editörü nerede yetmez?

Editör esnek; ikas'ın kendi rehberi bile "tema editörü oldukça özgür bir alandır" diyor. Bu özgürlüğün bir bedeli de var: yanlış yerden silinen ya da yanlış sayfaya eklenen bir modül sayfayı bozabiliyor. Aynı rehberdeki iki örnek bunu anlatıyor: ana sayfaya Hesabım modülü eklenirse anasayfa giriş sayfasına yönlenir ve modülü silmek gerekir; bütün kategoriler aynı sayfayı açıyorsa tek başlıkta toplanan sayfa ayarını düzeltmek gerekir.

Asıl sınır şurada: editörde serbest CSS ya da JavaScript yazabileceğin bir alan yok. HTML'e en çok yaklaştığın iki yer, editördeki zengin metin alanı komponenti ve Ürünler > Tanımlamalar > Özel Alanlar altında oluşturduğun HTML tipindeki özel alan. Teknik özellik tablosu, beden rehberi ya da kargo bilgisi gibi ihtiyaçları bunlarla çözebilirsin; ötesi uygulama ya da özel tema işi. Karar için üç soru sor:

  1. İstediğin düzen mevcut komponentlerle kurulabiliyor mu? Kurulamıyorsa editör yetmiyor demektir.
  2. Aynı düzenlemeyi her kampanyada elle yeniden mi kuruyorsun? Tekrar eden emek, koda taşınması gereken emektir.
  3. Markanın görsel dili hazır temanın izin verdiği aralığın dışında mı? Renk ve yazı tipi dışında bir şey istiyorsan cevap evet.

Cevaplardan biri "evet"se önce yalnız tasarım düzenlemesinin yetip yetmeyeceğine bak (ikas tema tasarımı); yetmiyorsa özel tema gerekir. Özel temanın nasıl geliştirildiğini ikas özel tema nasıl yapılır yazısında adım adım anlattık.

Kaynaklar

Sıkça Sorulan Sorular

Yazar

Özkan Batmaz

Özkan Batmaz, ikas Resmi Partneri ve ikas App Store geliştiricisi olarak ikas ve Shopify mağazaları için tema, uygulama ve mağaza taşıma projeleri yürütüyor.

Hakkımda

Projeniz için hangi kapsam gerekir?

ikas, Shopify ve özel yazılım projelerini net brief, ölçülebilir hedef ve teknik yol haritasıyla planlıyoruz.

Hadi Tanışalım!