Bradford VTS — Başlık Şeması 06

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.

  1. Yazının rengi ne olacak?
  2. Metnin yazı tipi ayarları ne olacak (boyut, kalınlık vb.)?
  3. 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…

  1. 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.
  2. 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.

En gidin