Framer'da Bilgi Bankası Düzeni Oluşturma
Bilgi bankası içeriğinizi Hinto AI'dan Framer CMS'e başarıyla aktardıktan sonra, bir sonraki adım bunu görüntüleyecek kullanıcı arayüzünü (UI) oluşturmaktır. Bu süreç, CMS tabanlı sayfalar oluşturmayı ve Framer bileşenlerini içe aktardığınız 'Makaleler' ve 'Klasörler' koleksiyonlarına bağlamayı içerir.
Sayfa Yapısını Oluşturma
Tipik bir dokümantasyon sitesi en az iki sayfa türüne ihtiyaç duyar. Birincisi, gezinme kenar çubuğu ve içerik alanı dahil olmak üzere ana düzeni içeren birincil sayfa (örneğin, /docs). İkincisi, her bir makalenin içeriğini görüntülemek için şablon görevi gören dinamik bir CMS sayfasıdır (örneğin, /articles/[slug]).
Kenar Çubuğu Gezinmesini Oluşturma
Kenar çubuğu, bilgi bankanızda gezinmeyi sağlar. Tüm klasörleri (kategorileri) ve bunların içinde yer alan makaleleri listelemelidir. Bu, bir klasör listesi oluşturarak ve her klasörün içine ilgili makalelerin iç içe geçmiş bir listesini ekleyerek başarılır.
- Klasörler Listesi: Klasörler koleksiyonunuzdaki öğeleri görüntüleyen bir bileşen ekleyin. Bu, kenar çubuğunuzdaki ana kategori başlıklarını oluşturacaktır.
- Makaleler Listesi: Her klasör öğesinin içine, Makaleler koleksiyonunuzdaki öğeleri listeleyen ikinci bir bileşen ekleyin. Bu liste, yalnızca üst klasöre ait olan makaleleri gösterecek şekilde filtrelenmelidir.
Gezinmeyi Filtreleme ve Sıralama
Doğru makalelerin doğru klasör altında görünmesini sağlamak için bir filtre kurmalısınız. Makaleler Listesi bileşeni, makaledeki Kategori alanı ile mevcut klasörün Başlık alanı eşleşecek şekilde filtrelenmelidir. Hinto AI'daki orijinal sırayı korumak için her iki liste de Sıralama Dizini alanına göre artan düzende (Düşükten Yükseğe) sıralanmalıdır.
Makale İçeriğini Görüntüleme
CMS sayfanızın ana içerik alanında, o anda görüntülenen makalenin bilgilerini göstermek için bileşenleri 'Makaleler' koleksiyonunuzdaki alanlara bağlayacaksınız.
- Makale Başlığı: Bir metin öğesi ekleyin ve içeriğini Makaleler koleksiyonundaki Başlık değişkenine ayarlayın.
- Makale Gövdesi: Başka bir metin öğesi ekleyin ve içeriğini İçerik değişkenine ayarlayın. Bu değişken, başlıklar, paragraflar, listeler ve görseller dahil olmak üzere makalenizin tüm HTML gövdesini içerir.
Düzeninizi Oluşturmak İçin İpuçları
- HTML etiketleri (H1, H2, P, A vb.) için stiller tanımlamak üzere Framer'ın genel stil seçeneklerini kullanın. Bu, içe aktarılan içeriğinizin görünümünü doğrudan düzenlemeden özelleştirmenize olanak tanır.
- Klasörlerinizin ve makalelerinizin hedeflenen sırada görüntülendiğinden emin olmak için Hinto AI entegrasyonu tarafından sağlanan Sıralama Dizini alanını mutlaka kullanın.
- Her makalenin bağlantısı, kendi CMS sayfasına ayarlanmalıdır. Bir CMS koleksiyonuna bağlandığınızda Framer bunu genellikle otomatik olarak halleder.
Framer'ın güçlü düzen araçlarını Hinto AI'nın CMS koleksiyonlarındaki yapılandırılmış içerikle birleştirerek, tam özellikli ve profesyonel bir bilgi bankasını hızlı ve verimli bir şekilde oluşturup yayına alabilirsiniz.