---
title: AI Editor
description: >-
  Canlı önizlemede öğeleri seçin, yapılacak değişikliği anlatın ve AI'ın yaptığı
  düzenlemeleri commit edin.
---
Site kenar çubuğunda **AI Editor**'ı açın. Site, script'leri kaldırılmış bir önizlemede gösterilir. Araç çubuğunda **Select**, **Edit content**, **Code**, **Components**, **Layers** ve **Feedback** bulunur.

## Seçin ve anlatın [#select-and-describe]

1. **Seçin**

    **Select**'e tıklayın ve önizlemede bir veya daha fazla öğe seçin.

2. **Anlatın**

    Neyin değişmesi gerektiğini yazın. AI'ın kullanmasını istediğiniz görseller varsa bunları **Add media** ile ekleyin.

3. **Düzenlemeleri inceleyin**

    AI ilgili kaynak dosyaları (`.astro`, `.tsx`, içerik) okur ve bul-değiştir düzenlemeleri döndürür. Bu düzenlemeler önizlemede canlı olarak gösterilir. AI çalışırken sohbette planını, okuduğu dosyaları ve akıl yürütmesini görebilirsiniz.

4. **Apply & commit**

    Tüm düzenlemeleri tek bir commit'te yazar. Düzenlemelerde kullanılan ekli görseller de aynı commit'le medya klasörüne eklenir. Bu sırada bir dosya değiştiyse commit reddedilir.

**Seçili bir hero bölümü için örnek istek**

> Bu başlığı kısalt ve butonu paragrafın altına taşı. Ekteki fotoğrafı arka plan olarak kullan.

Sohbetler her site için ayrı olarak tarayıcınızda saklanır (**History**).

## İçerik düzenleme [#edit-content]

**Edit content** ile metinleri doğrudan önizlemenin üzerinde, yerinde değiştirebilir veya silebilirsiniz. **Publish** her metni kendi kaynak dosyasında bulur ve commit eder. Birden fazla dosyada geçen metinler atlanır.

## Geri alma [#undo]

Uygulanan AI değişikliklerinde ve yayımlanan metin düzenlemelerinde **Undo** bulunur. Undo, dosyaların önceki sürümlerini geri commit eder. Dosya o zamandan beri yeniden değiştiyse geri alma reddedilir.

## Kod [#code]

**Code**, sözdizimi vurgulamalı ve salt okunur bir dosya ağacı gösterir. Böylece AI'ın hangi dosyalara dokunduğunu kontrol edebilirsiniz.

## Hangi önizleme gösterilir [#which-preview-is-shown]

**1. Kaydedilmiş önizleme URL'si**

Yöneticiler bunu dişli butonuyla ayarlayabilir.

**2. Deponun web sitesi**

GitHub deposunda ayarlanmış web sitesi.

**3. astro.config içindeki site**

Astro yapılandırmasındaki `site` değeri.

**4. Önizleme çalıştırıcısı**

Bunların hiçbiri yoksa (örneğin bir şablondan yeni oluşturulmuş bir sitede), Gitupcms branch'i klonlar, bağımlılıkları kurar ve site için `astro dev` çalıştırır. Her commit'ten sonra da değişiklikleri çeker. Bu işlem deponun kodunu CMS sunucusunda çalıştırdığı için self-hosted kurulumlarda `PREVIEW_RUNNER=1` ile açılır.

:::note
Canlı site ancak hosting sağlayıcınız yeniden deploy ettikten sonra değişir. Başka kaynaklardan gelen fontlar önizlemede yüklenmeyebilir.
:::

## Roller [#roles]

Editor ve üstü roller Select, Edit content ve Undo'yu kullanabilir. Viewer'lar önizlemeye göz atabilir ve [Feedback](/tr/editing/feedback) bırakabilir.