Buradan başlayın

Şekillendirme

Şablonu şekillendirmeye başlayalım.

Renkler

Web3 X şablonu Renk Örnekleri kullanılarak oluşturulmuştur, yani bir renk örneğini site genelinde güncellenecek şekilde kolayca düzenleyebilirsiniz.

Bunu yapmak için, sağ kenar çubuğundaki Stil sekmesine gitmeniz, ardından Tipografi bölümündeki Renkler'e ilerlemeniz ve renge tıklarsanız, tüm renk örneklerini görebilecek ve site genelinde ihtiyaç duyulan herhangi bir renge güncellenecek şekilde düzenleyebileceksiniz.

Yazı Tipleri

Web3 X şablonunun her tarafında tek bir yazı tipi kullanılır ve bu yazı tipi Gövde (Tüm Sayfalar) seçicisinde ayarlanır, böylece tek bir tıklamayla tüm sitedeki yazı tipini kolayca güncelleyebilirsiniz.

Herhangi bir sayfada, Stil sekmesinin sağ üst köşesindeki turuncu seçici seçeneğine tıklayın ve ardından Gövde (Tüm Sayfalar) öğesini seçin. Bunu yaptıktan sonra, aşağıdaki Tipografi bölümüne gidebilir ve yazı tipini işletme markanız için herhangi bir yazı tipiyle değiştirebilirsiniz.

Webflow'da bulunmayan özel veya premium bir yazı tipine ihtiyacınız olması durumunda, her zaman Proje Ayarları > Yazı Tipleri'ne gidebilir ve özel yazı tiplerini yükleyebilir veya Adobe Fonts hesabınızı bağlayabilirsiniz.

Grafikler ve Simgeler

Şablondaki bazı simgeler veya grafikler normal resimler/grafiklerdir, bu nedenle tüm renkleri güncellerken bunların şablon rengine sahip olmaya devam edeceğini fark edeceksiniz.

Bunun nedeni, bu grafiklerin görüntü (PNG, JPG, SVG, vb.) olmasıdır, bu nedenle Webflow CSS'yi (stil) güncellemek onları etkilemeyecektir. Bu grafikleri yeniden kullanmak isterseniz, her zaman indirebilir ve herhangi bir tasarım yazılımı (ör. Photoshop, Illustrator, Sketch, Figma, vb.) kullanarak düzenleyebilir veya doğrudan markanıza uygun kendi resimlerinizi/grafiklerinizi yükleyebilirsiniz.

Statik sayfalar

Statik İçerik, CMS tabanlı olmayan tüm içeriktir, yani dinamik değildir (örneğin bir Blog Yazısı gibi).

Tüm bu içeriği kolayca tanımlayabilirsiniz çünkü sol kenar çubuğu Gezgini'nde gri olarak gösterilir ve tıkladığınızda veya üzerine geldiğinizde mavi bir kenarlık gösterir.

Bu tür bir içeriği düzenlemek istiyorsanız, sadece çift tıklayabilirsiniz ve doğrudan oraya yazabilirsiniz.

Dinamik İçerik (CMS)

Dinamik İçerik, dinamik olan ve sol kenar çubuğundaki CMS bölümünde (Sayfalar simgesinin hemen altında) eklenen içeriğe göre otomatik olarak oluşturulacak tüm içeriktir.

Tüm bunları kolayca tanımlayabilirsiniz çünkü sol kenar çubuğu Gezgini'nde mor olarak gösterilir ve tıkladığınızda veya üzerine geldiğinizde mor bir kenarlık gösterir.

Bu içerik doğrudan CMS bölümünde güncellenmelidir. Bu, sürekli olarak güncellenmesi gerekeceğinden (Örneğin, yeni bir blog yazısı eklemek) güncellemenizi çok kolaylaştırmak içindir.

Ayrıca, otomatik olarak oluşturulan bir CMS sayfasının tamamını (örneğin bir Blog Yazısı) düzenlemek isterseniz, bu sayfayı sol kenar çubuğundaki Sayfalar bölümündeki tüm sayfaların altında düzenlenebilir olarak bulabilirsiniz.

Ürünler (e-Ticaret)

Ürünler veya e-ticaret içeriği, CMS dinamik içeriğine benzer şekilde çalışır, ancak bu yalnızca e-ticaret ürünlerine odaklanır.

E-ticaret içeriğini CMS içeriğine benzer bir şekilde tanımlayabilirsiniz, çünkü sol kenar çubuğu Gezgini'nde de mor olarak gösterilir ve tıkladığınızda veya üzerine geldiğinizde mor bir kenarlıkla gösterilir.

Bu içerik doğrudan sol kenar çubuğundaki e-Ticaret sekmesinde güncellenmelidir. Bunun amacı, sürekli olarak güncellenmesi gerekeceğinden (Örneğin, bir ürün fiyatını değiştirmek veya daha fazla stok eklemek) bu içeriği güncellemenizi çok kolaylaştırmaktır.

Ayrıca, otomatik oluşturulan ürün e-ticaret sayfasını düzenlemek isterseniz, bu sayfayı neredeyse tüm sayfaların altında, CMS koleksiyon sayfalarının hemen üzerinde düzenlemeye hazır bulacaksınız.

Faydalı Notlar

Yukarıda paylaştığımız ana temel açıklamanın yanı sıra, burada bize en sık gelen sorulardan birkaç ipucu ve nasıl yapılır paylaşıyoruz.

Etkileşimler

Herhangi bir şablon Etkileşimini düzenlemek isterseniz (örneğin, görünen bir efekti kaldırmak), sol kenar çubuğu Gezgini'nde küçük bir Etkileşimler simgesi (küçük bir gök gürültüsü) bulunduğundan, etkileşimleri olan öğeleri kolayca tanımlayabilirsiniz.

Bu küçük Etkileşimler simgesine tıklarsanız, bu öğe için etkileşimi düzenleyebileceğiniz sağ kenar çubuğu Etkileşimler sekmesini açarsınız.

Mobil veya Tablet Görünümü

Her değişiklik yaptığınızda (örneğin, yeni bir bölüm tasarımı oluşturduğunuzda), Viewport üst navigasyonunuza gidip Tablet ve Mobil cihazlarda nasıl göründüğünü görmek iyi bir uygulamadır.

Bir Şablon bölümünü yalnızca güncellenmiş metin veya resimlerle düzenliyorsanız ve herhangi bir Şablon sınıfını silmiyorsanız, buna gerek yoktur, ancak şablonu daha derinlemesine özelleştirirseniz, sınıfları düzenlerseniz veya yeni bölümler oluşturursanız, her şeyin mükemmel göründüğünden emin olmak için mobil ve tablet görünümlerinizi sürekli olarak düzenlemek her zaman iyidir.

Meta Başlık, Açıklama ve Öne Çıkan Görsel Düzenleme

Web sitenizi herhangi bir yerde (örneğin Facebook, Twitter, vb.) paylaştığınızda gösterilen Başlık, Açıklama ve Resmi özelleştirmek isterseniz, sol Kenar Çubuğundaki Sayfalar bölümüne kolayca gidebilir, özelleştirmek istediğiniz sayfanın küçük Ayarlar simgesine tıklayabilirsiniz ve tüm bu ayarlar görünecektir.

Lütfen bunu sayfa bazında değiştirmenin önemli olduğunu unutmayın.

Yedeklemeler

Bir şeyler ters giderse, örneğin web sitesinin gittiği yeri beğenmiyorsanız, Şablonun güzel görünmesi için gerekli olan bazı kritik sınıfları sildiyseniz veya herhangi bir nedenle önceki bir sürüme gitmek istiyorsanız, her zaman Yedekler bölümüne gidebilirsiniz.

Bunu sol kenar çubuğundaki Ayarlar bölümünde bulabilir ve ardından tüm otomatik veya manuel yedeklemeleri görebilirsiniz. Eski yedeğe geri yüklemek sadece bir tık uzağınızda.