Elementor'da web sayfaları oluştururken, web sayfanızın anatomisini belirlemek gerçekten önemlidir. Bu, tüm sayfalarınızın sahip olacağı ortak yapıdır. Bazen, özel gereksinimleriniz 2 ila 4 farklı şablon sayfasına ihtiyaç duymanıza neden olabilir. Her biri için oturup her birinin anatomisini dikkatlice belirlemeniz gerekecektir. Buna zaman ayırın ve doğru yapın, çünkü temeli baştan doğru kurarsanız, eviniz yıkılmaz ve çökmeyecektir! Sonunda çok fazla yama işi baş ağrısından kurtarır.
Anatomiyi doğru kurmaktan kastım, sayfanın yapısını belirlemektir. Sayfa başlığı olacak mı (genellikle evet)? Alt metin veya alt kategori ne olacak? İndirme bölümü olacak mı? Ana içerik başlıkları nasıl görünecek? İçerik metni nasıl olacak?
Bu unsurların her birine bakarken, üç şeyi belirlemeniz gerekiyor.
- Yazının rengi ne olacak?
- Metnin yazı tipi ayarları ne olacak (boyut, kalınlık vb.)?
- Ve bunların her birini masaüstü, tablet ve cep telefonu için ayrı ayrı ayarlamanız gerekecek (aksi takdirde masaüstü ayarları cep telefonunda çok garip görünecektir). Unutmayın, çoğu insan artık internete telefonlarından ve tabletlerinden erişiyor! Bu yüzden bunu yapmanız gerekiyor. Evet, bu zor bir iş, ama sadece bir kez yapmanız yeterli.
Elementor, GLOBAL FONTS ve GLOBAL COLOURS adı verilen özelliklerle bunu sizin için kolaylaştırıyor. Temel olarak, örneğin tüm sayfalarınızın başlığı için GLOBAL COLOUR ayarlayabilirsiniz. Ardından, tüm sayfalarınızın başlığı için GLOBAL FONT ayarlayabilirsiniz. Bunun iki avantajı var…
- Her sayfanın (örneğin) başlığı için ayrı ayrı yazı tipi ve renk bileşenlerini tek tek ayarlamanıza gerek yok. Genel yazı tipleri ve renkler bunu sizin için yapacak.
- Gelecekte, örneğin tüm sayfalarınızın başlık rengini değiştirmek isterseniz, sitenizin her sayfasını tek tek kontrol etmek yerine, sadece Genel Renk bölümündeki ayarı değiştirmeniz yeterli olacaktır. Şu anda okuduğunuz gibi 300'den fazla sayfadan oluşan bir site düşünün; tüm sayfaların renklerini sadece tek bir bölümden değiştirmenin ne kadar zaman kazandıracağını hayal edin!
İşte bu web sitesi için ayarlarım. Öncelikle Global Fontlar ve Global Renkler hakkında daha fazla bilgi edinmek isterseniz, YouTube'a "Elementor Global Fonts Colours" yazın. Bu sayfayı gelecekte kendim için bir referans olarak oluşturdum ve siz de web siteniz için benzer bir şey yapmak isteyebilirsiniz.
DT = Masaüstü
TAB = Tablet
PH = Telefon
Örneğin DT, Masaüstü anlamına gelir : 37, 400, LS -2.5, alt çizgi = 37 yazı tipi boyutu , 400 kalınlık , LS satır aralığı , alt çizgi dekorasyondur. LH = satır yüksekliği. WS = kelime aralığı.
Kategori, örneğin Etik
Renk #0097FD
Yazı Tipi: Courier Prime
DT : 27, 400, LS -2.5, altı çizili
TAB: 27, 400, LS -2.5, altı çizili
PH: 17, 400, LS -2.5, altı çizili
alt kategori örneğin Gezegen Sağlığı
Renk #F94A00
Yazı Tipi: Roboto
DT: 35.600
TAB: 35, 600
PH: 25, 600
Başlık, örneğin Oryantasyon
Renk # F94A00
Yazı Tipi: Roboto
DT : 35, 600, altı çizili
TAB: 35, 600, altını çiz
PH: 23, 600, altını çiz
Altyazı örneği: Bilmek istediğiniz her şey
Renk #0097FD
Yazı Tipi: Courier Prime
DT : 17, 400, LS -2.5
TAB: 17, 400, LS -2.5
PH: 14, 400, LS -2.5
İNDİRİLEN DOSYALAR
Kutu Rengi = #DDDDDD
Kenar: Düz, genişlik 1 1 1 1, Kenar Yarıçapı 5 5 5 5
Metin Rengi #35C3FF
Yazı Tipi: Lato
DT: 35.600
TAB: 16, 500
PH: 16, 500
İNTERNET LİNKLERİ
Renk #24B72F
Yazı tipi ve DT, TAB, PH ayarları: soldaki İNDİRMELER bölümüyle aynı.
Yüzme Şeridi Çubuğu ve Mesajı
Mor Kutu Rengi #610071
Metin Rengi: # FFFFFF
Yazı Tipi: Ubuntu Condented
DT: 35.600
TAB: 27, 600
PH: 20, 600
Ana Gövde Metni
Renk #333333
Yazı Tipi: Lato, 15, 400, LH 24
Metin şu şekilde görünecek…
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.