---
title: Theme Editörü
description: Satıcıların temayı özelleştirdiği, geliştiricilerin ise component ve ayarları tanımladığı theme editörünü tanıyın.
---

<Callout type="warn" title="Eski altyapı">
Bu sayfa, ikas Studio öncesindeki headless tema altyapısını anlatır. Yeni temalar için [ikas Studio](https://builders.ikas.com/docs/ikas-studio) dokümantasyonunu kullanın.
</Callout>

Theme editörü, ikas satıcılarının müşterilerine özgün bir deneyim sunmak için temalarını özelleştirdiği yerdir. Theme geliştiricisi olarak sizin için de component'lerinizi, custom data tiplerinizi ve tema ayarlarınızı tanımladığınız, temanızı yüklediğiniz yerdir.

Editörün amacı çok basittir: satıcıların, sizin oluşturduğunuz component'lerin ihtiyaç duyduğu prop değerlerini girmesini sağlar. Satıcılar yeni sayfalar oluşturabilir, her sayfaya farklı component'ler ekleyebilir ve temalarını sizin izin verdiğiniz ölçüde özelleştirebilir. Bu ilişkinin nasıl işlediğini [İlk component'inizi oluşturma](https://builders.ikas.com/docs/headless-theme/getting-started/creating-your-first-component) sayfasında daha iyi anlayacaksınız.

## Theme editörünü açma [#opening-the-theme-editor]

[İlk temanızı oluşturma](https://builders.ikas.com/docs/headless-theme/getting-started/introduction#creating-your-first-theme) bölümündeki adımları tamamlayıp temanızı çalıştırdıktan sonra editörü aşağıdaki adresle açabilirsiniz. Bu adres, [localhost](http://localhost:3333) üzerinde çalışan tema projenizi editörde açar. Adresteki `dev-your-store` kısmını kendi [geliştirme mağazanızın](https://builders.ikas.com/docs/ikas-partner/partner-stores#creating-a-development-store) adıyla değiştirin.

```bash
https://dev-your-store.myikas.com/admin/storefront/partner/theme/edit
```

Editörün ana bölümlerine göz atalım:

<iframe src="https://demo.arcade.software/TvXzzJjnXCGdMCgmszlW?embed" title="Theme editörünün ana bölümleri" loading="lazy" allowFullScreen style={{ width: '100%', aspectRatio: '16 / 9', border: 0, borderRadius: 12 }} />

## Tema ayarları

Tema ayarları, temanız için global ayarları belirlediğiniz yerdir. Burada yapabilecekleriniz ve ayrıntılı anlatımları:

- [Varsayılan favicon belirleme](https://builders.ikas.com/docs/headless-theme/theme-settings/generic-settings)
- [Varsayılan font belirleme](https://builders.ikas.com/docs/headless-theme/theme-settings/fonts)
- [Global renkler oluşturma](https://builders.ikas.com/docs/headless-theme/theme-settings/colors)
- [Component çevirileri oluşturma](https://builders.ikas.com/docs/headless-theme/theme-settings/translations)

## Component'ler

Component'ler bölümü, component'lerinizi tanımlayıp düzenlediğiniz yerdir. Bu süreç bir sonraki sayfa olan [İlk component'inizi oluşturma](https://builders.ikas.com/docs/headless-theme/getting-started/creating-your-first-component) bölümünde ayrıntılı olarak anlatılır.

## Custom data tipleri

Bazen temel veri tipleri, satıcılardan almanız gereken bilgiler için yeterli olmaz. Bu durumda custom data tipleri devreye girer. Kendi custom data tiplerinizi oluşturup satıcılardan bu verileri component'leriniz için girmelerini isteyebilirsiniz. Bu süreç [Custom data oluşturma](https://builders.ikas.com/docs/headless-theme/prop-types/custom-data) sayfasında ayrıntılı olarak anlatılır.