Zengin Metin Öğesi Genel Bakış - Webflow Yardım
Zengin Metin Öğesi (RTE) kullanarak uzun biçimli içerikler oluşturun.
Zengin metin öğesi (RTE), blog yazıları, hakkımızda sayfaları, biyografiler gibi uzun biçimli içerikler oluşturmak için mükemmel bir öğedir. Bireysel başlık, paragraf, liste veya resim öğeleri eklemek yerine, bir Zengin metin öğesine çift tıklayarak metin, özel kod ve medya öğeleri oluşturabilir ve biçimlendirebilirsiniz.
Sitenize Zengin Metin Öğesi Nasıl Eklenir
Zengin metin öğesini, Ekle paneli (A)'dan Tasarımcı tuvaline sürükleyerek ekleyebilirsiniz. İçeriği eklemek veya düzenlemek için Zengin metin öğesine çift tıklayın veya öğeyi seçip klavyenizdeki Enter veya Return tuşuna basın.
Zengin metin öğeleri içinde aşağıdaki öğeleri ekleyebilirsiniz:
- Paragraflar
- Başlıklar (H1-H6)
- Resimler
- Resim altyazıları
- Resim alt etiketleri
- Özel kod
- Blok alıntılar
- Sırasız listeler (madde işaretli)
- Sıralı listeler (numaralı)
- Videolar (YouTube, Vimeo)
- Zengin medya (Google haritalar, SoundCloud, Imgur, Giphy, Codepen ve daha fazlası)
Metin öğelerine ek formatlama da ekleyebilirsiniz:
- Bağlantılar (URL, sayfa, e-posta, vb.)
- Kalın metin
- İtalik metin
- Üst simge ve alt simge metin
- Kod
Eğik Çizgi Komutları
Bir RTE içinde içerik düzenlerken, Webflow AI Asistanı kullanarak hızlıca kopya oluşturmak veya yeni içerik öğeleri eklemek için eğik çizgi komutlarını kullanabilirsiniz. Eğik çizgi komutlarını kullanmak için klavyenizde / (eğik çizgi) tuşuna basın ve AI Asistanı kullanarak bağlamsal olarak uygun metin eklemek için Daha fazla kopya oluştur'a tıklayın, Ekle menüsünden istediğiniz öğeyi seçin veya öğe listesini filtrelemek için yazmaya başlayın:
- Başlık (H1–H6)
- Numaralı liste
- Madde işaretli liste
- Paragraf
- Blok alıntı
- Resim
- Video
- Zengin içerik
- HTML gömme
- Kod bloğu
Metin içeriği nasıl eklenir ve biçimlendirilir
RTE içinde yazmaya başlayabilir ve ardından başlıklar, blok alıntılar, kalın veya italik metin, üst simge veya alt simge metni ve bağlantılar oluşturmak için metne biçimlendirme ekleyebilirsiniz.
Webflow AI Asistanı kullanarak metin içeriği oluşturma
AI Asistanı kullanarak RTE'ye hızlıca bağlamsal olarak uygun metin eklemek için:
- RTE'ye sağ tıklayın
- Bağlam menüsünden Kopyayı değiştir seçeneğini seçin
- (İsteğe bağlı) Oluşturmak istediğiniz kopyayı tanımlayan bir istem girin
- "İstem gönder" simgesine tıklayın
- Oluşturulan kopyayı kabul etmek için Bitti'ye tıklayın
Webflow AI Asistanı'nı kullanarak içerik oluşturma ve düzenleme hakkında daha fazla bilgi edinin.
Paragraflar nasıl eklenir
Herhangi bir metin düzenleyicisi gibi, klavyenizdeki Enter tuşuna basmak, yeni bir satırda yeni bir paragraf oluşturur ve yazmaya devam edebilirsiniz. Birden fazla paragraf eklemek için bir paragrafın sonunda Enter tuşuna basın. Webflow AI Asistanı'nı kullanarak sizin için metin ekleyebilir ve düzeltebilirsiniz.
Başlıklar ve blok alıntılar nasıl eklenir
Bir başlık oluşturmak için, bir paragraf içindeki herhangi bir metni seçin ve bir başlık (H1-H6) seçeneği seçin. Blok alıntılar oluşturmak için de aynı işlemi yapabilirsiniz.
Metin nasıl biçimlendirilir ve bağlantılar nasıl eklenir
Herhangi bir metin öğesinin (örneğin, başlıklar, paragraflar, altyazılar vb.) herhangi bir kısmı, metnin bir kısmını seçip istediğiniz biçimlendirme seçeneklerini uygulayarak kalın, italik, üst simge, alt simge ve bağlantılarla biçimlendirilebilir. Satır içi metin biçimlendirme hakkında daha fazla bilgi edinin.
RTE içinde bir bağlantı oluşturduğunuzda, bir URL, sayfa, sayfa bölümü, e-posta veya telefon numarası seçme seçeneğiniz vardır.
Klavye kısayolları
Bu klavye kısayolları, zengin metin içeriğini hızlıca biçimlendirmenize yardımcı olabilir:
- Boşluk bırakmadan boşluk ekle: Shift + Space
- Satır sonu ekle: Shift + Enter
- Kalın metin: Command + B (Control + B Windows'ta)
- İtalik metin: Command + I (Control + I Windows'ta)
- Bağlantı ekle: Command + K (Control + K Windows'ta)
RTE'de düzenleme yaparken, içerik öğelerini hızlıca eklemek için eğik çizgi komut kısayolunu (“/**”) kullanabilirsiniz. Ayrıca Markdown kısayollarını da kullanabilirsiniz:
- İtalik metin:
*metin*veya_metin_ - Kalın metin:
**metin**veya__metin__ - Kalın & italik:
***metin***veya___metin___ - Bağlantı ekle:
[bağlantı metni](https://www.url.com) - Başlık 1:
#+ Boşluk - Başlık 2:
##+ Boşluk - Başlık 3:
###+ Boşluk - Başlık 4:
####+ Boşluk - Başlık 5:
#####+ Boşluk - Başlık 6:
######+ Boşluk - Alıntı:
>+ Boşluk - Sırasız liste:
-+ Boşluk - Sıralı liste:
1.+ Boşluk
Medya içeriği, özel kod ve listeler nasıl eklenir
Metin imleciniz yeni bir satırdayken, bir “artı” düğmesi belirir. Bu düğmeye tıklamak, resimler, videolar, diğer zengin medya, özel kod ve madde işaretli veya numaralı listeler eklemek için seçenekler sunan bir ekleme menüsünü açar.
Resimler, videolar ve zengin medya ekleyin
RTE'deki tüm medya öğeleri duyarlıdır ve içeriğin en-boy oranına saygı gösterir. YouTube, Vimeo ve Dailymotion video desteği, özel başlangıç zamanlarına izin verecek şekilde geliştirilmiştir. İşte desteklenen bazı zengin medya türlerinin listesi:
- YouTube
- Vimeo
- Instagram gönderisi
- Facebook gönderisi
- DailyMotion
- Kickstarter
- TED
- Wistia
- Livestream
- Twitch
- Hulu
- Imgur albümleri
- Google haritalar
- JSFiddle
- Codepen
- Scribd
- SlideShare
- Spotify çalma listeleri ve grafikler
- Giphy
- SoundCloud
- Ve daha fazlası!
Medya ayarları
Her medya öğesi, resim ayarlarında bulunan ön ayarlarla boyutlandırılabilir veya araç çubuğundaki "anahtar" simgesine tıklayarak belirli bir piksel veya yüzde değeri olarak ayarlanabilir. Görüntülerin altına isteğe bağlı bir altyazı da eklenebilir.
Alt metin
Görüntülere alt metin eklemek için, görüntüyü seçin, "anahtar" simgesine tıklayın ve alt metninizi yazın. Açıklayıcı alt metin yazma hakkında daha fazla bilgi edinin.
Özel kod nasıl eklenir
Ekleme menüsünde özel kod eklemek için bir düğme bulunur. Özel kodu, HTML ile tablolar ve ayırıcılar oluşturmak, içeriğinizin bazı kısımlarını CSS ile stilize etmek, sitenizin işlevselliğini JavaScript ile genişletmek ve üçüncü taraf içeriklerini gömmek için kullanabilirsiniz.
Adımlar:
- Kodu eklemek istediğiniz yere imlecinizi yerleştirin
- Ekleme menüsünü açmak için "artı" simgesine tıklayın ve özel kod düğmesine tıklayın
- Kodunuzu ekleyin
Listeler nasıl eklenir
Ekleme menüsü, sırasız (madde işaretli) ve sıralı (numaralı) listeler eklemek için seçenekler sunar. Ayrıca listeleri iç içe yerleştirebilir veya iç içe yerleştirmeyi kaldırabilirsiniz.
- Madde işaretli liste: ekleme menüsünü kullanın veya bir tire
-ve ardından bir boşluk yazın. - Numaralı liste: ekleme menüsünü kullanın veya bir tam sayı, ardından bir nokta ve bir boşluk yazın.
- Listeyi iç içe yerleştirme: öğeyi seçin ve Tab tuşuna basın. İç içe yerleştirmeyi kaldırma: seçin ve Shift + Tab tuşlarına basın.
Diğer kaynaklardan zengin metin içeriği nasıl eklenir
Diğer sitelerden veya kelime işlemcilerden (Google Dokümanlar gibi) zengin metin yapıştırabilirsiniz. Tasarımcı veya CMS zengin metin alanına yapıştırıldığında biçimlendirme, bağlantılar ve görüntüler korunur.
Öğeleri yeniden düzenleme ve silme
Zengin metin öğesindeki öğeler, tuval veya Navigator üzerinde sürükleyip bırakarak veya klavye kısayolları ile yeniden düzenlenebilir. Öğeler, seçilip Backspace veya Command + X (Control + X Windows'ta) tuşlarına basılarak silinebilir.
RTE içeriğini biçimlendirme
Zengin metin öğesi içindeki bireysel öğeleri biçimlendirme
Zengin metin öğesi içindeki öğeleri herhangi bir Webflow öğesi gibi biçimlendirin: tuvalde seçin, Stil paneline gidin, bir sınıf uygulayın veya oluşturun ve biçimlendirin.
HTML etiketleriyle zengin metin öğesi içindeki öğeleri biçimlendirme
RTE öğeleri, HTML etiketlerinden stil alır. Aynı sınıfa sahip RTE'lerle varsayılan stilleri sınırlayarak iç içe seçicilerle stil verebilirsiniz.
Adımlar:
- Tuvalde RTE'yi seçin
- RTE'ye bir sınıf verin
- RTE'deki öğeyi seçin
- Stil paneline (S) gidin
- Seçici alanına tıklayın
- HTML etiketini seçin
- “sınıf adı” içinde seçiciyi iç içe yerleştire tıklayın
- İstediğiniz gibi biçimlendirin
Dinamik zengin metni biçimlendirme
Zengin metin öğeleri, bir Koleksiyondaki zengin metin alanlarına bağlanabilir. Biçimlendirme, bağlantıyı kesip biçimlendirip yeniden bağlayarak veya bir sınıf uygulayıp biçimlendirip bağlı tutarak en iyi şekilde yapılır. Dinamik zengin metin hakkında daha fazla bilgi edinin.