Flow Builder'da metin ve listeler ekleme ve stillendirme

Tek tıklamayla başlıklar, paragraflar veya listeler ekleyin, markanıza uygun şekilde stillendir ve her kullanıcı için içeriği kişiselleştirmek üzere dinamik değişkenler kullanın.

Metin stillerini ayarlama

Styles paneli önceden yapılandırılmış metin stilleri içerir: H1, H2, H3, Button Label, Body, Caption ve Small Label. Herhangi bir stile tıklayarak yazı tipi ailesini, kalınlığını, boyutunu, hizalamasını, süslemesini ve diğer özelliklerini düzenleyebilirsiniz.

Bir metin öğesi eklediğinizde, burada ayarladığınız stillerden birini seçebilirsiniz.

Bir stilde yapılan değişiklikler, tüm ekranlarda o stili kullanan tüm metin öğelerine uygulanır.

Yeni bir stil oluşturmak için:

  1. Styles panelini açmak üzere Palette simgesine tıklayın.
  2. Text sekmesinde Create style seçeneğine tıklayın.
New text style
  1. Bir isim girin ve tipografiyi yapılandırın — font ailesi, ağırlık, hizalama ve diğer özellikler.

    Özel fontlar yerleşik fontlardan farklı davranır. Kılavuzu okuyun — bazı kontroller uygulanmaz ve her font varyantının kendi dosyasına ihtiyacı vardır.

    Text style configuration options
  2. Create butonuna tıklayın.

Metin ekleme

Bir metin öğesi eklemek için:

  1. Sol üstteki + simgesine tıklayın. Text seçeneğini seçin. Önceden yapılandırılmış veya sizin tarafınızdan ayarlanmış metin stillerinden birini seçin.
New text
  1. Yeni öğeye tıklayın ve içeriğini sağdaki Design panelindeki Content bölümünde düzenleyin.
  2. Gerekirse Design panelinde tipografi özelliklerini ayarlayın. Ya da hızlı stil özelleştirmesi için bir ipucu açmak üzere önizlemede metni seçin.
  3. İsteğe bağlı olarak Design ve Interaction panellerinde, flow içindeki bileşenler için mevcut diğer yapılandırmaları da uygulayabilirsiniz. Daha fazla ayrıntı için bkz. Öğeleri stillendirme.

Aynı metin öğesini birden fazla ekranda kullanmanız gerekiyorsa, kopyalayıp yapıştırın: öğeyi seçin, Ctrl+C (Mac’te ⌘+C) tuşlarına basın, başka bir ekrana gidin ve yapıştırmak için Ctrl+V (Mac’te ⌘+V) tuşlarına basın.

Metin öğesi ayarları

Metnin belirli bölümlerinin stilini değiştirme

Kalın ve İtalik biçimlendirme, özel fontlar kullanan metinlerde etkisizdir. Özel bir fontu farklı varyantlarda kullanmak için her varyantı ayrı bir font dosyası olarak yükleyin ve Font family açılır menüsünden seçin.

Bir metin öğesinin yalnızca belirli bölümlerinin stilini değiştirmek için:

  1. Content bölümünde bir metin öğesinin istediğiniz bölümünü seçin.
  2. Beliren araç ipucunda metin rengini değiştirin; kalın, altı çizili, italik veya üzeri çizili biçimlendirme uygulayın ya da bir URL ekleyin.

Önizleme anında güncellenir.

Metin bölümünü düzenle

Tipografi özellikleri

Her metin öğesi ve metin stili aynı tipografi denetimlerini paylaşır:

  • Font family: Bir yazı tipi seçin — yerleşik bir font veya özel bir font.

    Farklı cihazlar farklı fontlar içerebilir ya da aynı fontu farklı şekilde görüntüleyebilir. Font cihazda mevcut değilse, sistem varsayılan fontu (SF Pro / Roboto) kullanır. Aynı fontu tüm cihazlarda tutarlı biçimde görüntülemek için özel bir font yükleyin.

  • Weight: Font ağırlığını ayarlayın.

Weight, Bold ve Italic kontrolleri, özel fontlar için geçerli değildir; bu kontroller Styles panelinde, Design panelinin tipografi bölümünde, satır içi araç çubuğunda veya metin bölümü biçimlendirme ipucunda ayarlanmış olsa dahi. Özel bir fontu farklı varyantlarıyla kullanmak için her varyantı ayrı bir font dosyası olarak yükleyin ve Font açılır menüsünden doğru olanı seçin.

  • Size: Yazı tipi boyutunu piksel olarak ayarlayın.
  • Color: Metin rengini ayarlayın.
  • Line height: Satırlar arasındaki boşluğu ayarlayın ya da Auto olarak bırakın.
  • Alignment: Yatay (sol, orta, sağ) ve dikey (üst, orta, alt) hizalamayı ayarlayın.
  • Decoration: Altı çizili veya üstü çizili biçim uygulayın.
  • Truncate: Gösterilecek satır sayısını sınırlayın. Bu sınırı aşan metin kesilir. Dinamik değişkenler veya yerelleştirme nedeniyle içerik uzunluğu değiştiğinde kullanışlıdır.

Flow’lar, metni tıklanabilir bağlantıya dönüştürmek için iki yöntem sunar. Metnin oynadığı role göre birini seçin:

  • Satır içi bağlantı — bir paragrafın içine gömülü “Daha fazla bilgi” gibi, akan metnin içindeki bir URL için. Her zaman uygulama içi tarayıcıda açılır.
  • Open URL aksiyonu — Hizmet Şartları butonu gibi bağımsız dokunma hedefleri için. Uygulama içi veya harici tarayıcıda açılabilir.

Bir metin öğesinin bir bölümünü bağlantıya dönüştürmek için:

  1. Content bölümünde metni seçin.
  2. Biçimlendirme araç ipucunda bağlantı simgesine tıklayın.
  3. Açılan pencereye hedef URL’yi yapıştırın.
Bağlantı düğmesi vurgulanmış biçimlendirme araç ipucu

URL Aç eylemi

Ana makale: Eylemler

Bir düğmenin tamamını bağlantıya dönüştürmek için:

  1. Bir Düğme ekleyin — ya da hazır bir satır olan Links ön ayarını kullanın; bu ön ayar Restore / Terms of Service / Privacy Policy düğmelerini içerir.

    The Links preset on canvas with Terms of use, Restore, and Privacy policy buttons
  2. Layers panelinde düğmeyi seçin ve sağ paneldeki Interactions sekmesini açın.

Terms of Use button selected in the Layers panel, with the nested text element visible but unselected
  1. Open URL aksiyonu için hedefi belirleyin.

    Boş bir Open URL aksiyonu önizlemeyi ve yayınlamayı engeller.

    Open URL action configuration in the Interactions panel

Koşullu metin ekleme

Koşullu metin, bir metin öğesinin ne göstereceğini bir koşula göre değiştirir. Örneğin, bir başlık kullanıcı yıllık planı seçtiğinde bir mesaj, aylık plan için farklı bir mesaj gösterebilir. Koşullu metin, koşullu görünürlük gibi çalışır; ancak öğeyi gösterip gizlemek yerine içeriği değiştirir.

Koşullu metin ayarlamak için:

  1. Tuvalde bir metin öğesi seçin.
  2. Design panelinde, Content bölümünde Conditional seçeneğini seçin.
Tasarım panelinde Koşullu olarak ayarlanmış içerik
  1. if koşulunu oluşturun. Custom, Products veya Elements sekmesinden bir özellik seçin, operatörü belirleyin ve eşleşecek değeri girin. Özellik türleri hakkında ayrıntılı bilgi için Koşullu görünürlük bölümüne bakın.
  2. then alanına, koşul doğru olduğunda görüntülenecek metni girin. Zengin metin biçimlendirmesi, normal metin ile aynı şekilde çalışır. Değişken eklemek için { } Add variable seçeneğine tıklayın.
  3. else alanına, hiçbir koşul eşleşmediğinde gösterilecek yedek metni girin.
  4. (İsteğe bağlı) Daha fazla koşul eklemek için + Add else/if seçeneğine tıklayın; her koşulun kendine ait metni olabilir.

Başka bir dil için koşullu metni düzenlemek üzere, düzenleyicinin alt kısmındaki aktif yerel ayarı değiştirin. Önce Localizations panelinde dil ekleyin — bkz. Flow Builder’da yerel ayar ekleme.

if, then ve else dallarıyla koşullu metin ayarlama

Liste ekleme

Liste öğeleri, bireysel item bileşenlerinden oluşan kaplardır. Akan metin içindeki basit madde işaretli veya numaralı listeler için bir metin öğesi kullanın ve istediğiniz biçimlendirmeyi Design paneli aracılığıyla uygulayın.

  1. Sol üstteki + simgesine tıklayın. List seçeneğini seçin ve liste şablonlarından birini belirleyin.

  2. Liste öğelerini düzenlemek veya öğe işaretçisi olarak bir resim yüklemek için sağdaki Design paneline gidin.

Liste öğesi ekle