Flow Builder'da metin ve listeler ekleme ve biçimlendirme
Tek tıklamayla başlık, paragraf veya liste ekleyin, bunları markanıza uygun biçimlendirin 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 ailesi, ağırlığı, boyutu, hizalaması, dekorasyonu ve diğer özellikleri düzenleyebilirsiniz.
Bir metin öğesi eklediğinizde, burada ayarladığınız stillerden birini seçebilirsiniz.
Bir stilde yapılan değişiklikler, tüm ekranlardaki o stili kullanan metin öğelerinin hepsine uygulanır.
Yeni bir stil oluşturmak için:
- Styles panelini açmak üzere
simgesine tıklayın. - Text sekmesinde Create style seçeneğine tıklayın.
- Bir isim girin ve tipografiyi yapılandırın:
- Font family: Bir yazı tipi seçin. Özel fontlarla çalışma hakkında ayrıntılar için kılavuza bakın.
- Weight ve size: Yazı tipi ağırlığını ve boyutunu ayarlayın.
- Color: Metin rengini ayarlayın.
- Line height: Satırlar arasındaki boşluğu ayarlayın veya Auto olarak bırakın.
- Alignment: Yatay (sol, orta, sağ) ve dikey (üst, orta, alt) hizalamayı ayarlayın.
- Decoration: Alt çizgi veya üstü çizili biçim uygulayın.
- Truncate: Gösterilen satır sayısını sınırlar. Bu sınırı aşan metin kırpılır. İçerik uzunluğunun dinamik değişkenler veya yerelleştirme nedeniyle değiştiği durumlarda kullanışlıdır.
- Create’e tıklayın.
SF Pro, platformlar arası kullanım için mevcut değildir. Yakın bir alternatif olarak Inter’i öneririz.
Metin ekleme
Metin öğesi eklemek için:
- 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.
- Yeni öğeye tıklayın ve içeriğini sağdaki Design panelindeki Content bölümünden düzenleyin.
- Gerekirse Design panelinden tipografiyi ayarlayın. Ya da hızlı stil özelleştirmesi için önizlemedeki metni seçerek bir araç ipucu açın.
- İsteğe bağlı olarak Design ve Interaction panellerinden, flow içindeki bileşenler için mevcut diğer yapılandırmaları da uygulayabilirsiniz. Ayrıntılar 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 geçin ve Ctrl+V (Mac’te ⌘+V) tuşlarına basarak yapıştırın.
Metnin belirli bölümlerinin stilini değiştirme
Bir metin öğesinin yalnızca bazı bölümlerinin stilini değiştirmek için:
- Content bölümünde bir metin öğesinin bir kısmını seçin.
- Görünen araç ipucunda metin rengini değiştirin, kalın, altı çizili, italik veya üstü çizili biçimlendirme uygulayın ya da bir URL ekleyin.
Önizleme anında güncellenir.
Bağlantı ekleme
Flow’lar, metni tıklanabilir bağlantıya dönüştürmek için iki yöntem sunar. Metnin rolüne göre birini seçin:
- Satır içi bağlantı — bir paragraf içine gömülü “Daha fazla bilgi” gibi, akan metin içindeki URL’ler için. Her zaman uygulama içi tarayıcıda açılır.
- Open URL eylemi — Hizmet Koşulları butonu gibi bağımsız dokunma hedefleri için. Uygulama içi veya harici tarayıcıda açılabilir.
Satır içi bağlantı
Bir metin öğesinin bir bölümünü bağlantıya dönüştürmek için:
- Content bölümünde metni seçin.
- Biçimlendirme araç ipucunda bağlantı simgesine tıklayın.
- Açılan pencereye hedef URL’yi yapıştırın.
URL aç aksiyonu
Ana makale: Aksiyonlar
Bir butonu tamamen bağlantıya dönüştürmek için:
-
Bir Buton ekleyin — ya da hazır bir satır olan Links önayarını kullanın; bu önayar Restore / Terms of Service / Privacy Policy butonlarını içerir.
-
Layers panelinde butonu seçin ve sağ panelde Interactions sekmesini açın.
-
Open URL eyleminin hedefini ayarlayın.
Boş bir Open URL eylemi önizleme ve yayımlamayı engeller.
Koşullu metin ekle
Koşullu metin, bir metin öğesinin koşula bağlı olarak farklı içerikler göstermesini sağlar. Örneğin bir başlık, kullanıcı yıllık planı seçtiğinde bir mesaj, aylık planı seçtiğinde ise 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:
- Tuval üzerinde bir metin öğesi seçin.
- Design panelinde, Content bölümünde Conditional seçeneğini belirleyin.
- if koşulunu oluşturun. Custom, Products veya Elements sekmesinden bir özellik seçin, operatörü ayarlayın ve eşleştirilecek 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.
- then alanına, koşul doğru olduğunda gösterilecek metni girin. Zengin metin biçimlendirmesi, normal metin için kullanılan yöntemin aynısıdır. Değişken eklemek için { } Add variable seçeneğine tıklayın.
- else alanına, hiçbir koşul eşleşmediğinde gösterilecek yedek metni girin.
- (İ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 olur.
Başka bir dil için koşullu metni düzenlemek üzere, editörün altındaki aktif yerel ayarı değiştirin. Önce Localizations panelinde dil ekleyin — bkz. Flow Builder’da yerel ayar ekleme.
Liste ekle
Liste elemanları, bireysel öğe bileşenlerinden oluşan kaplardır. Akan metin içindeki basit madde işaretli veya numaralı listeler için bir metin elemanı kullanın ve istediğiniz biçimlendirmeyi Design paneli aracılığıyla uygulayın.
-
Sol üstteki + simgesine tıklayın. List seçeneğini seçin ve liste şablonlarından birini belirleyin.
-
Liste öğelerini düzenlemek veya öğe işaretçisi olarak bir resim yüklemek için sağ taraftaki Design paneline gidin.