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

# İçerik Düzenleyici

> Metni yazın ve biçimlendirin; resim, bağlantı ve medya ekleyip düzenleyin, içeriğinizi kaydedin.

**İçerik Düzenleyici**, duyuruları, ürün açıklamalarını ve yardım yazılarını metin, görsel ve medya öğeleriyle hazırladığınız alandır. Yazınızı doğrudan içerik alanına yazın; alttaki araç çubuğundan metin biçimlerini, bağlantıları, resimleri ve diğer öğeleri ekleyin.

[![İçerik alanı, Araç çubuğu, Metin denetimi](https://mintcdn.com/zonely-a8cd49e7/LSNyLYeE5Pm2qs-Z/images/panel/content-editor-guide-20261025/e01-editor-genel.png?fit=max\&auto=format\&n=LSNyLYeE5Pm2qs-Z\&q=85\&s=37eca444dea411f7afec8f0309216924)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e01-editor-genel.png)

> [card] 1. İçerik alanı
>
> Başlık, liste ve vurgularla duyuru metnini hazırlayın.

> [card] 2. Araç çubuğu
>
> Metin, medya, GIF, kaynak ve taslak araçlarını açın.

> [card] 3. Metin denetimi
>
> Hızlı denetle veya Tam denetle ile yazıyı inceleyin.

## Yazmaya başlayın ve metni seçin

İçerik alanına tıklayıp yazın. **Enter** yeni bir paragraf, **Shift+Enter** aynı paragraf içinde alt satır oluşturur. Başka bir yerden kopyaladığınız metni biçim taşımadan eklemek için **Ctrl+Shift+V** kullanabilirsiniz.

Bir sözcüğün rengini veya kalınlığını değiştirecekseniz önce o sözcüğü seçin. Bir paragrafı başlık yapmak ya da hizalamak için imleci ilgili paragrafın içine getirin. Seçim yapmadan açtığınız metin biçimi, yazmaya devam ettiğiniz bölüme de uygulanabilir.

Araçların anlamını görmek için fareyi simgelerinin üzerinde bekletin. Uzun yazılarda **Tam ekran** düğmesi çalışma alanını büyütür. Aynı düğmeyle veya açık bir pencere yokken **Esc** ile normal görünüme dönün.

## Başlık ve metin biçimlerini değiştirin

**Başlık** menüsünde normal paragraf, başlık düzeyleri ve kod bloğu seçenekleri bulunur. Ana bölüm için bir başlık, alt açıklamalar için daha küçük başlıklar kullanın. Normal yazıya dönmek için **Paragraf** seçin.

[![Başlık seçimi, Örnek metin](https://mintcdn.com/zonely-a8cd49e7/i2MITI9RHyMnnpR_/images/panel/content-editor-guide-20261025/e02-metin-bicimlendirme.png?fit=max\&auto=format\&n=i2MITI9RHyMnnpR_\&q=85\&s=d6c1729dfb2feaacce0ef36f8856e707)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e02-metin-bicimlendirme.png)

> [card] 1. Başlık seçimi
>
> Normal metin ve başlık düzeylerini seçin.

> [card] 2. Örnek metin
>
> Tarih kalın, tema italik, adımlar numaralı listedir.

**Kalın**, **italik**, **altı çizili** ve **üstü çizili** araçları seçili metne uygulanır. Örnekte tarih kalın, yarışmanın “Orman Evi” teması italiktir. Aynı biçimi kaldırmak için metni seçip ilgili düğmeye yeniden basın.

Kalın için **Ctrl+B**, italik için **Ctrl+I**, altı çizili için **Ctrl+U** kullanabilirsiniz. Bir sonraki paragrafın da kalın devam etmesini istemiyorsanız biçimi kapatıp yazmaya devam edin.

### Yazı tipi, büyüklük ve renk

**Yazı tipi** menüsünden Arial, Verdana, Tahoma, Georgia, Times New Roman veya Courier New gibi bir seçenek belirleyin. **Yazı boyutu** menüsü metni 12, 14, 16, 18, 22, 28 veya 36 piksel gibi farklı büyüklüklerde gösterir.

Yazı boyutu metni değiştirir. Bir resmi büyütmek için resmin köşe tutamaçlarını kullanın; bunun adımları aşağıdadır.

**Renk** aracında önce **Metin** veya **Arka plan** sekmesini seçin. Ardından paletten bir renk belirleyin. Özel bir renk için **Özel** seçeneğinden renk seçiciyi açın. Metin rengi harfleri, arka plan rengi seçili bölümün arkasını değiştirir.

[![Metin veya arka plan, Renk seçimi](https://mintcdn.com/zonely-a8cd49e7/IfK82tNdTi-ZBwer/images/panel/content-editor-usage-20261025/e20-metin-renkleri.png?fit=max\&auto=format\&n=IfK82tNdTi-ZBwer\&q=85\&s=325ebdcab954083e5fbfdd62a2f024df)](https://docs.zonely.gen.tr/images/panel/content-editor-usage-20261025/e20-metin-renkleri.png)

> [card] 1. Metin veya arka plan
>
> Yazının rengini ya da seçili metnin arka planını belirleyin.

> [card] 2. Renk seçimi
>
> Paletten bir renk seçin veya renk kodunu kullanın.

### Paragraf hizası ve ayırıcı çizgi

İmleci düzenlemek istediğiniz paragrafta tutup **Hizalama** menüsünden **Sola Yasla**, **Ortala**, **Sağa Yasla** veya **İki Yana Yasla** seçin. Birden fazla paragrafı birlikte hizalamak için ilgili metinleri seçin.

**Yatay çizgi**, bulunduğunuz yere bir ayırıcı ekler. Örneğin etkinlik açıklamasıyla katılım koşullarını bu çizgiyle ayırabilirsiniz.

## Madde ve numaralı listeler hazırlayın

Ödüller gibi bağımsız bilgileri **madde listesi**, sırayla yapılacak işlemleri **numaralı liste** ile yazın. Birden fazla paragrafı seçip liste aracını kullanarak bunları listeye dönüştürebilirsiniz.

**Enter** yeni bir madde açar. Listeyi bitirip normal paragrafa dönmek için boş maddede yeniden **Enter** tuşuna basın. Liste menüsündeki seçeneklerle işaretleri veya numaralandırma biçimini değiştirebilirsiniz; örneğin harfli ya da Roma rakamlı sıralama seçebilirsiniz.

## Bağlantı ekleyin ve değiştirin

Bağlantının bulunacağı yere tıklayın veya bağlantı vermek istediğiniz metni seçin. **Bağlantı** aracını açıp **URL** alanına hedefi, **Başlık** alanına okuyucunun göreceği metni yazın. **Yeni sekmede aç** seçeneğini belirleyip **Ekle** düğmesine basın.

[![Bağlantı bilgileri](https://mintcdn.com/zonely-a8cd49e7/i2MITI9RHyMnnpR_/images/panel/content-editor-guide-20261025/e03-baglanti.png?fit=max\&auto=format\&n=i2MITI9RHyMnnpR_\&q=85\&s=3f4bb3a97574077f5f455b31aa544fe5)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e03-baglanti.png)

> [card] 1. Bağlantı bilgileri
>
> Hedef adresi ve görünen metni girin; yeni sekme seçeneğini belirleyin.

Örnekte “Yarışma kurallarını okuyun” yazısı kurallar sayfasına gider. Adresin başındaki `https://` bölümünü de yazın.

Bağlantının görünen yazısını metin alanında düzenleyebilirsiniz. Hedef adresi kaynak görünümünden değiştirmek için ilgili bağlantının `href` değerini bulun:

```html theme={"theme":"css-variables"}
<a href="https://example.com/kurallar" target="_blank">
  Yarışma kurallarını okuyun
</a>
```

Bağlantıyı tamamen kaldıracaksanız bağlantılı metni silin. Aynı yazıyı bağlantısız bırakmak için HTML görünümünde yalnız `<a ...>` ve `</a>` etiketlerini kaldırıp aradaki metni koruyabilirsiniz.

## Resim ekleyin

İmleci resmin bulunacağı yere getirin. Görselin ayrı bir satırda durmasını istiyorsanız önce boş bir paragraf açın. **Resim** aracını kullanıp aşağıdaki yöntemlerden birini seçin:

* **Dosya Yükle:** Bilgisayarınızdan bir resim seçin veya dosyayı yükleme alanına sürükleyin. Birden fazla resim de seçebilirsiniz. Yükleme göstergesinin tamamlanmasını bekleyin.
* **URL ile Ekle:** Görsel dosyasının doğrudan bağlantısını yazıp **Ekle** düğmesine basın. Bir sitenin ana sayfası yerine resmin kendi adresini kullanın.

[![Yükleme veya URL, Resim adresi](https://mintcdn.com/zonely-a8cd49e7/i2MITI9RHyMnnpR_/images/panel/content-editor-guide-20261025/e04-resim-ekleme.png?fit=max\&auto=format\&n=i2MITI9RHyMnnpR_\&q=85\&s=11c3fdb32ce62fd2b44dccab1cebe9d0)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e04-resim-ekleme.png)

> [card] 1. Yükleme veya URL
>
> Bilgisayardan dosya seçin ya da doğrudan resim adresi kullanın.

> [card] 2. Resim adresi
>
> Görselin doğrudan bağlantısını girip Ekle ile metne alın.

### Eklenen resmi nasıl büyütürsünüz?

1. Yazının içindeki resme **bir kez tıklayın**. Seçili resmin köşelerinde mavi kareler görünür.
2. Fareyi resmin **sağ alt köşesindeki kareye** getirin.
3. Sol tuşu basılı tutup köşeyi **dışarı doğru sürükleyin**. Resim büyür.
4. İstediğiniz boyuta gelince fareyi bırakın. Seçimi kapatmak için metindeki başka bir yere tıklayın.

[![Seçili resim, Boyut tutamacı](https://mintcdn.com/zonely-a8cd49e7/c_mHpGHSxoPxtYgT/images/panel/content-editor-usage-20261025/e16-resim-secimi.png?fit=max\&auto=format\&n=c_mHpGHSxoPxtYgT\&q=85\&s=914e0994c2e40e22640c8173b8087614)](https://docs.zonely.gen.tr/images/panel/content-editor-usage-20261025/e16-resim-secimi.png)

> [card] 1. Seçili resim
>
> Resme bir kez tıklayın; köşelerde mavi tutamaçlar görünür.

> [card] 2. Boyut tutamacı
>
> Sağ alt köşeyi dışarı sürükleyerek büyütün, içeri sürükleyerek küçültün.

Örnekte görselin genişliği **360 pikselden 540 piksele** çıkarılmıştır. Köşeden boyutlandırırken yükseklik de resmin oranına göre değişir.

[![Büyütülmüş resim, Sürüklemeyi bırakın](https://mintcdn.com/zonely-a8cd49e7/c_mHpGHSxoPxtYgT/images/panel/content-editor-usage-20261025/e17-resim-buyutme.png?fit=max\&auto=format\&n=c_mHpGHSxoPxtYgT\&q=85\&s=48127631595cdc122b20b5da1c41c39f)](https://docs.zonely.gen.tr/images/panel/content-editor-usage-20261025/e17-resim-buyutme.png)

> [card] 1. Büyütülmüş resim
>
> Örnekte genişlik 360 pikselden 540 piksele çıkarıldı; oran korunur.

> [card] 2. Sürüklemeyi bırakın
>
> İstediğiniz genişliğe ulaşınca fareyi bırakın ve yazıyı kaydedin.

### Resmi nasıl küçültürsünüz?

Aynı köşe tutamacını bu kez **resmin merkezine doğru sürükleyin**. Böylece resim küçülür. Metnin boyutunu değiştiren yazı boyutu menüsünü kullanmanız gerekmez.

Birden fazla resim varsa önce değiştireceğiniz resmi seçin; mavi tutamaçların doğru görselde olduğundan emin olun. Küçük bir görseli çok büyüttüğünüzde görüntü bulanıklaşabilir; daha büyük görünüm için yeterli çözünürlükte bir dosya kullanın.

### Genişliği sayıyla belirleyin ve resmi ortalayın

Tam bir genişlik gerekiyorsa araç çubuğundaki **HTML / Kod görünümü** düğmesini açın. İlgili resmin `<img>` etiketini bulun. Etiketi aşağıdaki yapıyla değiştirirken `src` alanına kendi resminizin mevcut adresini yazın:

```html theme={"theme":"css-variables"}
<img
  src="https://example.com/etkinlik-alani.jpg"
  alt="Minecraft etkinlik alanı"
  style="width:600px;max-width:100%;height:auto;display:block;margin:0 auto;"
>
```

**`width:600px`** genişliği 600 piksel yapar. **`height:auto`** en-boy oranını korur. **`max-width:100%`** dar bir alanda resmin alanın dışına taşmasını önler. **`display:block;margin:0 auto`** resmi ayrı bir satırda ortalar. Yalnız genişliği değiştirecekseniz mevcut etiketteki `width` değerini güncellemeniz yeterlidir. Ortalamayı da uygulamak için örnekteki etiket yapısını kullanıp kendi görsel adresinizi koruyun.

[![Kesin ölçü ve ortalama](https://mintcdn.com/zonely-a8cd49e7/IfK82tNdTi-ZBwer/images/panel/content-editor-usage-20261025/e18-resim-kaynak-olcusu.png?fit=max\&auto=format\&n=IfK82tNdTi-ZBwer\&q=85\&s=d4d4708af93ec2942704b79cda1899c7)](https://docs.zonely.gen.tr/images/panel/content-editor-usage-20261025/e18-resim-kaynak-olcusu.png)

> [card] 1. Kesin ölçü ve ortalama
>
> width:600px genişliği belirler; height:auto oranı korur; margin:0 auto resmi ortalar.

Aynı düğmeye yeniden basıp görsel düzenlemeye dönün. Sonucu kontrol edin; aşağıdaki örnekte resim **600 piksel genişliğinde ve ortalıdır**.

[![600 piksel ve ortalı](https://mintcdn.com/zonely-a8cd49e7/IfK82tNdTi-ZBwer/images/panel/content-editor-usage-20261025/e19-resim-ortalama.png?fit=max\&auto=format\&n=IfK82tNdTi-ZBwer\&q=85\&s=33dcb6af4671f71c4ed99461c484dd6d)](https://docs.zonely.gen.tr/images/panel/content-editor-usage-20261025/e19-resim-ortalama.png)

> [card] 1. 600 piksel ve ortalı
>
> Resim metin alanının ortasındadır; dar ekranlarda alanın dışına taşmaz.

`alt` alanına görseli anlatan kısa bir açıklama yazabilirsiniz. Resmin altında herkesin göreceği bir açıklama istiyorsanız normal görünüme dönüp resmin altındaki paragrafa bu metni yazın.

### Resmi kaldırın veya başka resimle değiştirin

Resme tıklayıp mavi tutamaçların görünmesini sağlayın; **Backspace** tuşuna basarak seçili resmi içerikten kaldırın. Yanlış resmi kaldırdıysanız **Geri al** düğmesini kullanın.

Resmi değiştirmek için eskisini kaldırın, aynı yerde **Resim** aracını açıp yeni dosyayı veya adresi ekleyin. Bu işlem yazıdaki görseli değiştirir; yazının son hâlini ayrıca kaydedin.

## GIF arayın, favorilere alın ve boyutlandırın

**GIF** aracını açın. **Keşfet** sekmesindeki arama alanına örneğin **minecraft** yazıp **Ara** düğmesine basın. Beğendiğiniz GIF kartına tıklayarak yazıya ekleyin.

[![GIF araması, Örnek GIF sonuçları](https://mintcdn.com/zonely-a8cd49e7/i2MITI9RHyMnnpR_/images/panel/content-editor-guide-20261025/e05-gif-arama.png?fit=max\&auto=format\&n=i2MITI9RHyMnnpR_\&q=85\&s=3aa785a623a96cd3bef02547129940ab)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e05-gif-arama.png)

> [card] 1. GIF araması
>
> minecraft gibi bir sözcük yazıp Ara düğmesine basın.

> [card] 2. Örnek GIF sonuçları
>
> GIF kartına basarak içeriğe ekleyin; yıldızla favorilerinize alın.

Bir GIF’i daha sonra kullanmak için kartın köşesindeki **yıldıza** basın. **Favoriler** sekmesinden bu GIF’lere ulaşabilirsiniz. Karta basmak GIF’i yazıya ekler; yıldıza yeniden basmak favorilerden çıkarır.

[![Favoriler, Favori GIF’ler](https://mintcdn.com/zonely-a8cd49e7/i2MITI9RHyMnnpR_/images/panel/content-editor-guide-20261025/e06-gif-favoriler.png?fit=max\&auto=format\&n=i2MITI9RHyMnnpR_\&q=85\&s=97317209a1b8e88435032d4c087865e5)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e06-gif-favoriler.png)

> [card] 1. Favoriler
>
> Yıldızladığınız GIF’lere aynı tarayıcıdan yeniden ulaşın.

> [card] 2. Favori GIF’ler
>
> İçeriğe eklemek için karta, favoriden çıkarmak için yıldıza basın.

Favoriler kullandığınız tarayıcıda saklanır. Başka bir tarayıcıda aynı listenin bulunması gerekmez; site verilerini temizlemek yerel favorileri de kaldırabilir.

Eklenen GIF de bir görsel gibi düzenlenir: **üzerine tıklayın, köşe tutamacını sürükleyerek büyütün veya küçültün**. Kaldırmak için seçip **Backspace** kullanın. Kendi GIF dosyanızın doğrudan bağlantısını **Resim → URL ile Ekle** yoluyla da ekleyebilirsiniz.

[![İçeriğe eklenen GIF, Düzenlemeye devam edin](https://mintcdn.com/zonely-a8cd49e7/MnvIJOmSqzENsTx8/images/panel/content-editor-guide-20261025/e07-eklenen-gif.png?fit=max\&auto=format\&n=MnvIJOmSqzENsTx8\&q=85\&s=27549cd1540d5605085cd6199e1ecf3f)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e07-eklenen-gif.png)

> [card] 1. İçeriğe eklenen GIF
>
> Seçilen hareketli görsel imlecin bulunduğu yere eklenir.

> [card] 2. Düzenlemeye devam edin
>
> Metni tamamladıktan sonra açık sayfanın kayıt düğmesini kullanın.

## Video ekleyin

**Video** aracında üç yöntem bulunur:

* **URL:** YouTube veya Vimeo gibi desteklenen bir video bağlantısını yazıp **Ekle** düğmesine basın.
* **Gömülü Kod:** Videonun paylaşım seçeneklerinden aldığınız gömme kodunu yapıştırıp ekleyin.
* **Yükle:** Bilgisayarınızdaki video dosyasını seçin; yükleme tamamlanınca içeriğe yerleşmesini bekleyin.

[![Video yöntemi, Video bağlantısı](https://mintcdn.com/zonely-a8cd49e7/c_mHpGHSxoPxtYgT/images/panel/content-editor-guide-20261025/e15-video.png?fit=max\&auto=format\&n=c_mHpGHSxoPxtYgT\&q=85\&s=94ce7e02b32db22d1347dc0da3824505)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e15-video.png)

> [card] 1. Video yöntemi
>
> Bağlantı, gömme kodu veya yükleme sekmesini seçin.

> [card] 2. Video bağlantısı
>
> Videonun adresini girip Ekle düğmesiyle metne alın.

Video içeriğin hangi bölümünde görünmeli ise eklemeden önce imleci o yere getirin. Videoyu değiştirecekseniz HTML görünümünde ilgili video öğesini veya gömülü çerçeveyi bulun; adresini güncelleyin ya da tüm öğeyi kaldırıp yeni videoyu ekleyin. Görsel görünüme dönüp oynatıcıyı kontrol edin.

## Ses oynatıcısı ekleyin

**Müzik** aracını açın. **Ses dosyasının adresini** ve isteğe bağlı **başlığı** yazıp **Ekle** düğmesine basın. Örnekte başlık “Etkinlik tanıtımı”dır.

[![Ses dosyası ve başlık](https://mintcdn.com/zonely-a8cd49e7/IfK82tNdTi-ZBwer/images/panel/content-editor-usage-20261025/e21-ses-ekleme.png?fit=max\&auto=format\&n=IfK82tNdTi-ZBwer\&q=85\&s=001734b245f36cf6104f4dee7a305694)](https://docs.zonely.gen.tr/images/panel/content-editor-usage-20261025/e21-ses-ekleme.png)

> [card] 1. Ses dosyası ve başlık
>
> Doğrudan MP3 adresini ve oynatıcının başlığını girip Ekle düğmesine basın.

Bir müzik sitesinin sayfa bağlantısı yerine doğrudan oynatılabilir ses dosyasının adresini kullanın. Eklendikten sonra içerikte oynatma kontrolleri bulunur. Kaynak görünümündeki `<audio>` öğesinin `src` değeri dosya adresidir; dosyayı değiştirmek için bu adresi güncelleyebilirsiniz.

## Tablo oluşturun ve hücreleri doldurun

**Tablo** aracını açın. Izgarada fareyi gezdirerek satır ve sütun sayısını belirleyip istediğiniz boyuta tıklayın. Eklenen tablonun hücrelerine tıklayarak metin yazın; **Tab** tuşuyla sonraki hücreye geçebilirsiniz.

[![Satır ve sütun, Dolu tablo örneği](https://mintcdn.com/zonely-a8cd49e7/c_mHpGHSxoPxtYgT/images/panel/content-editor-guide-20261025/e14-tablo.png?fit=max\&auto=format\&n=c_mHpGHSxoPxtYgT\&q=85\&s=c9f01c76d44f84de1fe18e5b52ae9180)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e14-tablo.png)

> [card] 1. Satır ve sütun
>
> Izgarada tablo boyutunu belirleyin; tıklayarak ekleyin.

> [card] 2. Dolu tablo örneği
>
> Yarışmanın aşama ve saatlerini hücrelere yazın.

Örnekte iki sütunlu, dört satırlı bir program vardır: ilk satır “Aşama / Saat”, diğer satırlar başlangıç, bitiş ve sonuç saatleridir. Hücrenin içindeki metni seçerek kalınlık, renk veya yazı boyutu uygulayabilirsiniz.

Kaynak görünümünde `<tr>` bir satırı, `<td>` bir veri hücresini, `<th>` bir başlık hücresini temsil eder. Satır eklemek veya kaldırmak için ilgili `<tr>...</tr>` bölümünü düzenleyin. Yeni satırda diğer satırlarla aynı sayıda hücre bulunsun. Tabloyu tamamen kaldırmak için `<table>...</table>` bölümünü kaldırıp görsel görünüme dönün.

## Emoji ve simge ekleyin

**Emoji** aracında üstteki kategorilerden birini seçin; ardından istediğiniz ifadeye tıklayın. Emoji, yazının içine eklenir. Normal bir karakter gibi seçip silebilir veya çevresine metin yazabilirsiniz.

[![Emoji kategorileri, Emoji seçimi](https://mintcdn.com/zonely-a8cd49e7/IfK82tNdTi-ZBwer/images/panel/content-editor-usage-20261025/e22-emoji.png?fit=max\&auto=format\&n=IfK82tNdTi-ZBwer\&q=85\&s=0a3f69799eb3fcc8e389299fd04e7604)](https://docs.zonely.gen.tr/images/panel/content-editor-usage-20261025/e22-emoji.png)

> [card] 1. Emoji kategorileri
>
> Yüzler, hayvanlar veya nesneler gibi gruplar arasında geçin.

> [card] 2. Emoji seçimi
>
> İstediğiniz ifadeye basarak metne ekleyin.

**Simge** aracında arama yapın. Örneğin ödül için **award**, takvim için **calendar**, bilgi için **info** yazın. Sonuçtaki simgeye tıklayarak içeriğe ekleyin.

[![Simge araması, Simgeyi ekleyin](https://mintcdn.com/zonely-a8cd49e7/FWA9QWm2m5cwKvGB/images/panel/content-editor-usage-20261025/e23-simge.png?fit=max\&auto=format\&n=FWA9QWm2m5cwKvGB\&q=85\&s=86e953fc746085200808fa6ba39784df)](https://docs.zonely.gen.tr/images/panel/content-editor-usage-20261025/e23-simge.png)

> [card] 1. Simge araması
>
> Örnekte ödül simgesi için award aratılır.

> [card] 2. Simgeyi ekleyin
>
> Sonuçtaki simgeye tıklayın; metnin bulunduğu yere eklenir.

## Discord biçimlerini dönüştürün

Discord için hazırlanmış metni editöre yapıştırın. **Discord biçimlendirme → Discord metnini HTML’e dönüştür** seçeneğini açın. Metin seçiliyse o bölüm, seçim yoksa yazının tamamı dönüştürülür.

[![Discord biçimleri](https://mintcdn.com/zonely-a8cd49e7/MnvIJOmSqzENsTx8/images/panel/content-editor-guide-20261025/e08-discord-bicimi.png?fit=max\&auto=format\&n=MnvIJOmSqzENsTx8\&q=85\&s=d231ff587e5de089e30777e4b8337269)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e08-discord-bicimi.png)

> [card] 1. Discord biçimleri
>
> Markdown metnini dönüştürün veya seçili metne biçim uygulayın.

```text theme={"theme":"css-variables"}
**Hafta sonu etkinliği**
*Orman Evi* temalı yarışmaya katılın.
[Kuralları okuyun](https://example.com/kurallar)
```

Dönüştürdüğünüzde ilk satır kalın, tema italik ve son satır bağlantı olur. Aynı menüden seçili metne **kalın**, **italik**, **altı çizili**, **üstü çizili**, **satır içi spoiler**, **satır içi kod**, **kod bloğu**, **alıntı**, **başlık**, **alt metin** ve **liste** biçimleri uygulayabilirsiniz.

Örneğin bir komutu satır içi kodla, birkaç satırlık ayarı kod bloğuyla gösterin. Kısa bir metni gizlemek için satır içi spoiler seçin; okuyucu gizli bölümün üzerine tıklayarak metni görebilir.

## Açılır bir ayrıntı bölümü ekleyin

**Spoiler** aracını açın. **Spoiler buton başlığı** alanına okuyucunun tıklayacağı başlığı, **Spoiler içeriği** alanına ayrıntıyı yazın. **Ekle** düğmesine basın.

[![Açılır bölüm başlığı, Ayrıntı metni](https://mintcdn.com/zonely-a8cd49e7/MnvIJOmSqzENsTx8/images/panel/content-editor-guide-20261025/e09-spoiler-formu.png?fit=max\&auto=format\&n=MnvIJOmSqzENsTx8\&q=85\&s=d04338da737d9ed59e666e0d10665e8d)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e09-spoiler-formu.png)

> [card] 1. Açılır bölüm başlığı
>
> Okuyucunun tıklayacağı başlığı yazın.

> [card] 2. Ayrıntı metni
>
> Bölümün içine açıklama ve desteklenen BBCode biçimlerini ekleyin.

İçerikte `[B]Ödül:[/B]` gibi BBCode biçimleri kullanabilirsiniz. Örnekte “Ödüller ve değerlendirme” başlığı altında ödül açıklaması ve değerlendirme ölçütleri bulunur.

[![Açılır ayrıntı](https://mintcdn.com/zonely-a8cd49e7/MnvIJOmSqzENsTx8/images/panel/content-editor-guide-20261025/e10-spoiler-sonucu.png?fit=max\&auto=format\&n=MnvIJOmSqzENsTx8\&q=85\&s=a9b37af65c18eb6d8876d59bb43d2a0e)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e10-spoiler-sonucu.png)

> [card] 1. Açılır ayrıntı
>
> Ödül ve değerlendirme metni aynı başlık altında açılıp kapanır.

Başlığa tıklamak bölümü açar veya kapatır. Görsel düzenlemede başlık ve içerik metnini düzenleyebilirsiniz. Kaynak görünümünde `<details>` açılır bölümü, `<summary>` tıklanan başlığı içerir. Bölümü tamamen kaldırmak için ilgili `<details>...</details>` öğesini kaldırın.

## BBCode görünümünde düzenleyin

**BBCode görünümü** düğmesine basın. Yazı, düzenlenebilir etiketlerle açılır. Aynı düğmeye yeniden bastığınızda görsel düzenlemeye dönersiniz.

[![BBCode görünümü, Görsel görünüme dönün](https://mintcdn.com/zonely-a8cd49e7/MnvIJOmSqzENsTx8/images/panel/content-editor-guide-20261025/e11-bbcode.png?fit=max\&auto=format\&n=MnvIJOmSqzENsTx8\&q=85\&s=33bc4fe78d5cc10abf0a2703b2369141)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e11-bbcode.png)

> [card] 1. BBCode görünümü
>
> Etiketleri açılış ve kapanışlarıyla düzenleyin.

> [card] 2. Görsel görünüme dönün
>
> Aynı düğmeyle içeriğin biçimlendirilmiş hâline dönün.

Örneğin aşağıdaki metni BBCode alanına yazabilirsiniz:

```text theme={"theme":"css-variables"}
[B]Hafta sonu yapı yarışması[/B]
Tema: [I]Orman Evi[/I]

[LIST=1]
[*][ICODE]/warp etkinlik[/ICODE] komutuyla alana gidin.
[*]Yapınızı süre bitmeden tamamlayın.
[/LIST]

[URL=https://example.com/kurallar]Kuralları okuyun[/URL]

[SPOILER="Ödüller"]
Kazanan yapı sunucu meydanında sergilenir.
[/SPOILER]
```

`[B]`, `[I]`, `[U]`, `[S]` sırasıyla kalın, italik, altı çizili ve üstü çizili metindir. `[LIST]` madde listesi, `[LIST=1]` numaralı listedir; her madde `[*]` ile başlar. `[QUOTE]...[/QUOTE]` alıntı, `[ICODE]...[/ICODE]` kısa kod, `[CODE]...[/CODE]` çok satırlı kod için kullanılır. Bir görseli `[IMG]https://example.com/resim.gif[/IMG]` biçiminde de ekleyebilirsiniz.

Açılış etiketinin kapanışını da yazın. Karmaşık tablo veya gömülü medya içeren bir yazıyı dönüştürürken son görünümü yeniden kontrol edin.

## HTML kaynak görünümünde düzenleyin

**HTML / Kod görünümü** düğmesi yazının kaynak kodunu açar. Burada resmin genişliğini, bağlantı adresini, medya kaynağını veya tablonun satırlarını düzenleyebilirsiniz. İşiniz bitince aynı düğmeye basıp görsel görünüme dönün.

BBCode alanına `[B]Kalın[/B]`, HTML alanına `<strong>Kalın</strong>` yazılır. İki görünümün etiketlerini birbirine karıştırmayın. Düzenleme öncesinde taslak kaydedebilir, yanlış bir değişiklikte mevcut metni geri yükleyebilirsiniz.

## Taslak kaydedin ve geri yükleyin

**Taslaklar** menüsünü açın. **Taslağı şimdi kaydet** mevcut editör içeriğinin yerel kopyasını saklar. **Kaydedilen taslağı getir** bu kopyayı editöre yükler. **Taslağı sil** tarayıcıdaki kopyayı kaldırır.

[![Yerel taslak](https://mintcdn.com/zonely-a8cd49e7/c_mHpGHSxoPxtYgT/images/panel/content-editor-guide-20261025/e12-taslaklar.png?fit=max\&auto=format\&n=c_mHpGHSxoPxtYgT\&q=85\&s=18f19240fc30c8d67271054bcb0495b5)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e12-taslaklar.png)

> [card] 1. Yerel taslak
>
> Taslağı kaydedin, geri yükleyin veya temizleyin.

Taslak ilgili sayfa ve editör için, kullandığınız tarayıcıda tutulur. Geri yükleme mevcut içeriği taslaktaki metinle değiştireceğinden korunması gereken metni önce kopyalayın. Taslağı kaydetmek yazıyı yayımlamaz; sayfanın kayıt düğmesini ayrıca kullanın.

**Geri al** son düzenlemeyi geri çevirir; **Yinele** geri aldığınız işlemi tekrarlar. Metin düzenlerken **Ctrl+Z** ve **Ctrl+Shift+Z** kısayollarını da kullanabilirsiniz.

## Son görünümü kontrol edin ve kaydedin

Metindeki boşlukları, bağlantı hedeflerini, resim genişliklerini, GIF’leri, oynatıcıları ve açılır bölümleri inceleyin. Tam ekrandaysanız normal görünüme dönün. Açık sayfanın **Yayınla**, **Yayımla**, **Kaydet** veya **Güncelle** düğmesine basarak kaydı tamamlayın.

Bir resmin yüklenmesi veya taslağın saklanması, yazının son hâlini siteye kaydetmez. Duyurunun kategorisi ve yayın durumu ya da ürünün diğer alanları varsa bunları da tamamlayın.

## Yapay zekâ ile içerik oluşturun

Araç çubuğundaki **İçerik oluştur** düğmesi, yapay zekâya bir yazı hazırlatmanızı sağlar. Duyuru, ürün açıklaması veya yardım metni için ne yazılacağını tarif edin; oluşan metni düzenleyicide kullanın.

1. Yazının ekleneceği yere tıklayın ve **İçerik oluştur** aracını açın.
2. Konuyu, gerekli bilgileri, istediğiniz uzunluğu ve anlatım biçimini yazın.
3. **Gönder** düğmesine basıp yanıtı bekleyin. Gelen metin içerik alanına eklenir.
4. Metni okuyup tarihleri, sunucu adlarını, komutları ve koşulları kontrol edin. Gerekli yerleri diğer düzenleme araçlarıyla değiştirin.

[![İçerik isteği](https://mintcdn.com/zonely-a8cd49e7/c_mHpGHSxoPxtYgT/images/panel/content-editor-guide-20261025/e13-icerik-olusturma.png?fit=max\&auto=format\&n=c_mHpGHSxoPxtYgT\&q=85\&s=21a33d72c1e2a602b1123acba3429bc1)](https://docs.zonely.gen.tr/images/panel/content-editor-guide-20261025/e13-icerik-olusturma.png)

> [card] 1. İçerik isteği
>
> Konu, tarih ve oyuncunun yapacağı işlemi belirtin; gelen metni yayımlamadan önce inceleyin.

Örneğin bir etkinlik duyurusu hazırlatmak için şöyle bir istek yazabilirsiniz:

```text theme={"theme":"css-variables"}
Survival sunucumuz için kısa ve anlaşılır bir yapı yarışması duyurusu yaz.
Tema: Orman Evi.
Tarih: 27 Ekim, saat 20.00.
Katılım komutu: /warp etkinlik.
Başlık, kısa açıklama ve numaralı katılım adımları kullan.
```

Var olan bir metni kısaltmak veya daha anlaşılır yazdırmak için o metni isteğinize ekleyin ve nasıl değiştirilmesini istediğinizi belirtin. Örneğin “Aşağıdaki ürün açıklamasını özelliklerini koruyarak kısalt” deyip açıklamayı altına yapıştırabilirsiniz.

Yapay zekâdan gelen metin, sayfanın kayıt düğmesine basana kadar düzenlemekte olduğunuz içerikte kalır. Bilgileri kontrol ettikten sonra yazıyı kaydedin.

## Yazım ve dil bilgisi denetimi (Spell Checker)

**Spell Checker**, yazdığınız metindeki yazım hatalarını ve dil bilgisi sorunlarını kontrol etmenize yardımcı olur. Düzenleyicinin altındaki **Hızlı denetle** ve **Tam denetle** düğmelerini kullanın.

[![Hızlı denetle, Tam denetle](https://mintcdn.com/zonely-a8cd49e7/LSNyLYeE5Pm2qs-Z/images/panel/content-editor-ai-spellcheck-20261025/e24-yazim-denetimi.png?fit=max\&auto=format\&n=LSNyLYeE5Pm2qs-Z\&q=85\&s=c91730e45fff92f7d4b51c03b4921670)](https://docs.zonely.gen.tr/images/panel/content-editor-ai-spellcheck-20261025/e24-yazim-denetimi.png)

> [card] 1. Hızlı denetle
>
> Yazım kontrolü için kullanın.

> [card] 2. Tam denetle
>
> Dil bilgisi denetimini de içeren kontrol için kullanın.

* **Hızlı denetle:** Metnin yazım kontrolünü yapar.
* **Tam denetle:** Yazım kontrolüne dil bilgisi denetimini de ekler.

Önce metninizi yazın. Yalnız bir cümleyi veya paragrafı kontrol etmek istiyorsanız o bölümü seçin; seçim yapmadığınızda yazının tamamı denetlenir. Ardından istediğiniz denetim düğmesine basıp işlemin bitmesini bekleyin.

Örneğin “etkinligimize”, “yarismasi” ve “basliyor” sözcüklerinin doğru yazılışları “etkinliğimize”, “yarışması” ve “başlıyor” şeklindedir. Denetim sonrasında uygulanan düzeltmeleri ve varsa durum mesajını inceleyin. Oyuncu adlarını, ürün adlarını ve oyun komutlarını da ayrıca gözden geçirin.

İstemediğiniz bir düzenleme olduğunda **Geri al** aracını kullanabilirsiniz. Son hâlini beğendiğiniz metni sayfanın **Kaydet**, **Güncelle** veya yayın düğmesiyle kaydedin.

Yapay zekâ ile içerik oluşturma ve metin denetimi için ilgili servis bağlantılarının çalışıyor olması gerekir. Bir bağlantı hatası alırsanız içerik oluşturma veya denetim tamamlanmış sayılmaz; servis erişimini kontrol edip yeniden deneyin.

> [card] [Duyuru yayımlama](https://docs.zonely.gen.tr/guides/announcements.md)
>
> Duyurunun kategorisini, görselini ve yayın ayarlarını hazırlayın.

> [card] [Ürün açıklaması](https://docs.zonely.gen.tr/guides/products/product-name-visual-and-description.md)
>
> Ürün bilgileriyle birlikte Detaylar alanını düzenleyin.

> [card] [Yardım yazıları](https://docs.zonely.gen.tr/guides/support-center.md)
>
> Soru, yanıt ve yardım kategorilerini hazırlayın.


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