# Wix Harmony Editor: Kutular Ekleme ve Özelleştirme

Source: https://support.wix.com/tr/article/wix-harmony-editor-kutu-ekleme-ve-%C3%B6zelle%C5%9Ftirme (updated 2026-08-19)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

Kutular, düzenli düzenler oluşturmak ve sitenize stil eklemek için ideal, çok yönlü yapı taşlarıdır. Kutuları görüntüler, metin veya düğmeler gibi ilişkili içerikleri gruplamak için kullanarak sayfalarınızı düzenli ve görsel olarak çekici tutabilirsiniz.

İster hazır bir tasarım seçin ister bir kutuyu sıfırdan özelleştirin, ögeyi vizyonunuza uyacak şekilde eşleştirme esnekliğine sahip olursunuz.

---

## Bir kutu ekleme

İçeriğinize ve stil hedeflerinize uygun bir kutu seçin. Sade bir görünüm için boş bir kutuyla başlayabilir ya da önceden tasarlanmış pek çok seçenekten birini kullanabilirsiniz.

### Bir kutu eklemek için:

1. [Editörünüze gidin](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Editörün sol üst kısmındaki **+ Öğe Ekle** seçeneğine tıklayın.
3. **Ögeler** seçin.
4. Soldaki **Kutu** simgesine ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/11/751925fa-254e-4ca0-a28f-212c18c52b2e/e24ae451-8457-4642-a9a4-197f21432e17.png) tıklayın.
5. Sayfanıza bir kutu sürükleyin.

![Ekleme panelindeki kutu seçeneklerinin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/11/89740dd0-7adf-429c-98de-1cbd98bfeb26/78f50df3-f877-4b9c-b788-3393daed8964.png)

---

## Bir kutuyu özelleştirme

Bir kutu ekledikten sonra, tasarımını sitenize tam uyacak şekilde dönüştürebilirsiniz. İçeriğinizin öne çıkmasına yardımcı olmak için arka planları, kenarlıkları, köşeleri ve gölgeleri ayarlayın; ayrıca aralık ve düzeni ince ayar yapın.

### Bir kutuyu özelleştirmek için:

1. [Editörünüze gidin](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Editörde ilgili kutuya tıklayın.
3. Neyi özelleştirmek istediğinizi seçin:

**Kutu arka planını değiştirin**

1. Eylem çubuğunda **Arka planı değiştir** seçeneğine tıklayın.
2. Arka planınız için bir renk, [gradyan](https://support.wix.com/tr/article/wix-harmony-editor-working-with-gradients), görüntü veya video seçin.
3. (İsteğe bağlı) **Opaklık** simgesine ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2026/06/03/20f5fdf3-a5c9-4f36-9533-5e7d9fb77cda/9ed4f835-3ede-4bc5-b8dc-c6f8844bae06.png) tıklayın ve arka planı daha fazla ayarlamak için seçenekleri kullanın:  
   * **Opaklık:** Arka planın görünürlüğünü artırmak veya azaltmak için kaydırıcıyı sürükleyin.  
   * **Cam efekti uygula:** Bir [cam efekti uygulamak](https://support.wix.com/tr/article/wix-harmony-editor-applying-a-glass-effect) için açma kapama düğmesini etkinleştirin ve yoğunluğu ayarlamak için kaydırıcıyı kullanın.

**Kutu tasarımını özelleştirme**

1. Eylem çubuğundaki **Tüm tasarım seçenekleri** simgesine ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/28/caf96c3c-c6f0-4388-989a-3e85447487e1/6436b8bb-8c14-471b-b2a9-58eba4d83b0b.png) tıklayın.
2. Kutuyu [Tasarlayın](https://support.wix.com/tr/article/wix-harmony-editor-designing-elements):  
   * **Kenarlıklar** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/03/22/b7711196-8bc0-49ba-ae1f-acc74f67ae89/e2ae7234-e55f-4e49-a237-008c9b519b98.png)**:** Kutunuzun öne çıkması için renk, kalınlık ve stil seçerek kenarlıkları tanımlayın. Kenarlığın her bir tarafını ayrı ayrı tasarlamak için **Tek tek kenarlıkları düzenle** simgesine ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/30/558b8119-9741-42ae-989e-36833c0305d7/4753252b-7749-4901-be57-42c34178bbbb.png) tıklayın.  
   * **Köşeler** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/18a27fb2-7300-40a9-b8fa-01abfa7fcec3/668fa510-f756-468e-b0e5-27721128665e.png)**: Yarıçap** altındaki kaydırıcıyı sürükleyerek kutunuzun köşelerini daha köşeli veya daha yuvarlak hale getirin. Her bir köşeyi ayrı ayrı tasarlamak için **Tek tek köşeleri düzenle** simgesine ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2026/06/30/558b8119-9741-42ae-989e-36833c0305d7/4753252b-7749-4901-be57-42c34178bbbb.png) tıklayın.  
   * **Gölge** ![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/09/03/c58ddc92-ed60-4a11-b564-a010a97a891b/d4c7c831-59df-400c-a8f6-e2880427a247.png)**:** Konum, bulanıklık, renk ve daha fazlasını ayarlayarak kutuya ilginç bir 3D efekt vermek için iç ve dış gölge uygulayın.

![Bir kutunun tasarım seçeneklerinin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/28/038be763-303e-46c3-b5cf-0a141bfa3c2b/b7b4fdbd-565d-4784-bd38-655228b6d62e.jpg)

---

## Ögeleri bir kutuya bağlama

Kutular, ögeleri birlikte gruplayabilmenizi sağlayarak sitenizin düzenli ve organize görünmesine yardımcı olur. Ögeleri (ör. metin, görüntüler, düğmeler) bir kutunun içine sürüklediğinizde, her şey birlikte hareket eder. Bu sayfalarınızı düzenli tutar ve sayfanızı taşırken ya da yeniden düzenlerken her şeyin istediğiniz yerde kalmasını sağlar.

> **Not:** Bağlanabilmesi için bir öge, kutudan küçük olmalıdır.

### Bir ögeyi bir kutuya bağlamak için:

1. [Editörünüze gidin](https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26).
2. Editörde ilgili ögeye tıklayın.
3. İstediğiniz konuma sürükleyin ve **Kapsayıcıya ekle** ifadesini gördüğünüzde bırakın.

![Kapsayıcıya Bağla seçeneğinin ekran görüntüsü.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/5c3e602a-8647-41f7-bb22-686374bf97ce/2026/01/28/8dffd953-41aa-4acb-8b26-7991f9532e92/8c8dea0c-9a01-4a02-bcaa-7400b2295e56.jpg)

---

## SSS

Kutular hakkında daha fazla bilgi almak için aşağıdaki bir soruya tıklayın.

**Bir ögeyi kutuya bağladım ama ögeyi göremiyorum. Ne oldu?**

Ögeleri bir kutuya eklediğinizde, editördeki katmanlar bunların kutunun arkasında gizlenmesine neden olabilir. Kutunuzun kutunun arkasına gelmesi ve ögelerinizin kutunun üzerinde görünmesi için kutunuzu geriye, ögelerinizi de ileriye taşımanız gerekebilir. 

  
[Üst üste gelen ögeleri görüntülemeyi ve seçmeyi](https://support.wix.com/tr/article/wix-harmony-editor-working-with-the-layers-panel) öğrenin.

**Şu anda kutuya bağlı olan bir ögeyi ayırabilir miyim?**

Evet, kutunun dışına sürükleyip bırakmanız yeterli.
