---
title: "Onboarding metni"
description: "Adapty'nin onboarding oluşturucusunda başlık, alt başlık, paragraf ve listeler ekleyin ve stillendirin; marka dilinize uygun kullanıcı deneyimleri için metni özelleştirin."
---

Metin öğeleri, kullanıcılarınızla net ve kişiselleştirilmiş bir iletişim kurmanıza yardımcı olur. Tek tıklamayla başlık, paragraf veya liste ekleyin, markanıza uygun biçimde stillendirin ve her kullanıcı için içeriği kişiselleştirmek amacıyla [dinamik değişkenler](onboarding-variables) kullanın.

## Metin ekleme \{#add-text\}

Onboarding ekranlarınıza çeşitli metin öğeleri ekleyebilirsiniz. Metin öğesi eklemek için:
1. Sol üstteki **Add** düğmesine tıklayın.
2. **Typography** bölümüne gidin ve birini seçin:
- **Title**: Hemen dikkat çeken hero başlıkları veya ekran başlıkları.
- **Subtitle**: Başlığı destekleyen kısa bir yardımcı satır.
- **Text**: Özellik açıklamaları, yasal notlar veya ilham verici metinler için gövde kopyası.
- **Rich text**: SSS'ler, kullanım koşulları veya bağlantı ve vurgu gerektiren her türlü metin için karma biçimlendirme.
3. İçeriğini düzenlemek için yeni öğeye tıklayın.
4. (İsteğe bağlı) Hızlı özelleştirme için bir araç ipucu açmak amacıyla metnin herhangi bir bölümünü seçin; kalın, italik, bağlantı, metin rengi veya stil sıfırlama gibi seçenekler kullanılabilir.

Mevcut bir metin öğesini düzenlemek için üzerine tıklayıp WYSIWYG modunda değişikliklerinizi yapın.

:::tip
Aynı metin öğesini birden fazla ekranda kullanmanız gerekiyorsa kopyalayıp yapıştırabilirsiniz: öğeyi seçin ve Ctrl+C (Mac'te ⌘+C) tuşlarına basın, başka bir ekrana gidin, yapıştırmak istediğiniz öğenin ardından gelen öğeyi seçin ve Ctrl+V (Mac'te ⌘+V) tuşlarına basın.
:::

  <img src="/assets/shared/img/onboarding-text.gif"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

## Liste ekleme \{#add-lists\}

Numaralı ve madde işaretli listeler ekleyebilirsiniz:
1. Sol üstteki **Add** düğmesine tıklayın.
2. **Typography** bölümüne gidin ve birini seçin:
- **Numbered list**: Adım adım kılavuzlar için idealdir.
- **Bullet list**: Sıra belirtmeksizin avantajları veya temel özellikleri öne çıkarır.
3. Liste öğelerini düzenlemek veya öğe işareti olarak bir görsel yüklemek için sağdaki **Element** sekmesine gidin.

Mevcut bir liste öğesini düzenlemek için üzerine tıklayın ve **Element** sekmesinde değişikliklerinizi yapın.

  <img src="/assets/shared/img/onboarding-list.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

## Harici bağlantı ekleme \{#add-external-links\}

Harici bağlantı eklemek için:

1. Sol üstteki **Add** düğmesine tıklayın.
2. **Typography** bölümünde **Title**, **Subtitle**, **Text** veya **Rich text** seçeneklerinden birini seçin.
3. Metninizi girin.
4. Bağlantıya dönüştürmek istediğiniz metni seçin.
5. Metnin üzerindeki hızlı özelleştirme menüsündeki **Link** simgesine tıklayın.
6. Harici URL'yi yapıştırın.
7. Bağlantıyı uygulamak için **✓** simgesine tıklayın.

:::info
3.15.1 sürümünden önceki Adapty SDK sürümlerinde, onboardinglardaki harici bağlantılar cihazın varsayılan tarayıcısında açılır.

Adapty SDK v3.15.1 ile birlikte, harici bağlantılar varsayılan olarak uygulama içi tarayıcıda açılır; bu sayede kullanıcılar başka bir uygulamaya geçmeden uygulamanızda kalmaya devam edebilir. Gerekirse [bu davranışı özelleştirebilirsiniz](ios-present-onboardings#customize-how-links-open-in-onboardings).
:::

  <img src="/assets/shared/img/onboarding-url.gif"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

## Metin ve liste özelleştirme \{#text--list-customization\}

Temel [öğe düzeni](onboarding-layout#element-layout) ayarlarına ek olarak, metin ve listelerin görünümünü özelleştirebilirsiniz:

1. Sol tarafta öğeyi seçin.
2. Sağ menüde **Styles** sekmesine gidin.
3. Öğe türüne göre aşağıdaki seçenekleri ayarlayabilirsiniz:
    - **Text**: Paragraf rengi, yazı tipi, hizalama ve satır yüksekliği; bağlantı rengi, yazı tipi ve dekorasyonu.
    - **List**: Metin ve işaret metni rengi ile yazı tipi; işaret görseli genişliği, yüksekliği ve yuvarlaklığı.

:::tip
İşleri hızlandırmak için:
- Bir metin öğesini özelleştirdikten sonra, aynı stilleri tüm onboarding ekranlarına toplu olarak uygulamak için alttaki **Apply styles to all paragraphs** düğmesine tıklayabilirsiniz.
- Belirli bir ekrandaki tüm metin öğelerinin yazı tipini değiştirmek için ekranı seçin, ardından sağ menüde **Styles > Text** bölümüne gidin.
:::

  <img src="/assets/shared/img/onboarding-customization.png"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

## Yazı tipleri \{#fonts\}

Onboarding oluşturucusunda geniş bir yazı tipi yelpazesinden seçim yapabilirsiniz.

:::info
Özel yazı tipi yükleme özelliği henüz mevcut değildir.
:::

Yazı tiplerini tüm onboarding için genel olarak veya her öğe için ayrı ayrı ayarlayabilirsiniz:

- Onboardingde kullanılacak ana yazı tipini ayarlamak için:
  1. Sol tarafta herhangi bir ekranı seçin.
  2. **Styles** sekmesine geçin ve bir **Font** seçin.
  3. Tüm ekranlardaki tüm öğeler seçtiğiniz yazı tipini devralır.
- Tek bir öğe için yazı tipi ayarlamak için:
  1. Bir öğe seçin.
  2. **Styles** sekmesine geçin ve bir **Font** seçin.
  3. Ana yazı tipini değiştirseniz bile bu öğe için seçilen yazı tipi kullanılmaya devam eder.

:::note
SF Pro, platformlar arası uygulamalar için uygun olmadığından kullanılamaz; ancak görünüm olarak oldukça benzer olan Inter yazı tipini kullanmanızı öneririz.
:::