> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Yerleşim

> İçerik genişliğini ve ana sayfadaki widgetlerin yerleşimini belirleyin.

Sayfa Yaratıcı’da **Yerleşim** bölümünü açın. Bu alanda içerik genişliğini ve **duyurular, son siparişler gibi widgetlerin konumunu** düzenleyebilirsiniz.

[![İçerik genişliği, Ana sayfayı daralt, Hizalama](https://mintcdn.com/zonely-a8cd49e7/VcGJjK7LclDv4BqR/images/panel/page-builder-guide-20261025/08-yerlesim.png?fit=max\&auto=format\&n=VcGJjK7LclDv4BqR\&q=85\&s=8cb9a925b189c726deb14a754d0e7b53)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/08-yerlesim.png)

> [card] 1. İçerik genişliği
>
> 960–2200 piksel arasında bir değer kullanın; örnekte 1200.

> [card] 2. Ana sayfayı daralt
>
> Dar yerleşimi ve ona bağlı hizalama seçeneklerini açar.

> [card] 3. Hizalama
>
> Duyurular ve son siparişler gibi widgetlerin sola, sağa veya ortaya yerleşmesini belirleyin.

## İçerik genişliğini belirleyin

**Container Genişliği (px)** alanına piksel cinsinden genişlik yazın. Alan **960–2200** aralığında, **10 piksel** adımlarla düzenlenir. Başlangıç için **1200** gibi bir değer seçip önizlemedeki kartlara ve metinlere bakabilirsiniz.

Daha geniş bir alan, yan yana yerleşen içeriklere daha fazla yer verir. Uzun bir duyuru satırının okunurluğunu ve mağaza kartlarının dizilişini birlikte kontrol edin.

## Ana sayfayı daraltın

**Ana Sayfayı Daralt** seçeneğini açın. Bu seçenek açıkken **Sola Yasla**, **Sağa Yasla** ve **Ortala** alanları görünür.

**Sola Yasla** ve **Sağa Yasla**, ana sayfadaki widgetlerin hangi tarafta yer alacağını belirler. Örneğin **Duyurular** ve **Son Siparişler** gibi alanları istediğiniz tarafa yerleştirmek için bu seçenekleri kullanın; ortada görünmelerini istiyorsanız **Ortala** seçin.

Aynı anda tek hizalama kullanılır; başka birini seçtiğinizde önceki seçim kapanır. Daraltmayı kapatırsanız bu alanlar gizlenir ve hizalama seçimleri temizlenir.

Daraltma seçeneği ile genişlik değerini ayrı ayrı deneyin. Genişlik alanı kullanılabilecek alanı, hizalama ise widgetlerin bu alandaki yerleşimini belirler.

## Masaüstü ve telefonda inceleyin

Önizlemeye dönüp ana sayfanın ve mağazanın görünümüne bakın; ardından **Tümünü Kaydet** düğmesine basın. Telefon ekranında içerik ve menülerin taşmadığını ayrıca kontrol edin. Girdiğiniz masaüstü genişliği telefon ekranının fiziksel genişliği değildir.

> [card] [Açık, koyu ve mobil görünüm](https://docs.zonely.gen.tr/website/appearance-and-mobile-usage.md)
>
> Kullanıcı tarafındaki görünümü farklı ekranlarda kontrol edin.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.