Elementorda veb-sahifalar yaratishda veb-sahifangizning anatomiyasini ishlab chiqish juda muhimdir. Bu barcha sahifalaringizda mavjud bo'lgan umumiy tuzilishdir. Ba'zan sizning aniq talablaringiz shunday bo'lishi mumkinki, sizga 2 dan 4 gacha turdagi shablon sahifalari kerak bo'ladi. Har biri uchun siz o'tirib, har birining anatomiyasini diqqat bilan ishlab chiqishingiz kerak bo'ladi. Bunga vaqt sarflang va uni to'g'ri bajaring, chunki agar siz poydevorni boshidanoq to'g'ri qo'ysangiz, uyingiz qulab tushmaydi! Bu oxirida juda ko'p yamoq bosh og'rig'idan saqlaydi.
Shunday qilib, anatomiyani to'g'ri tushunish deganda, men sahifaning tuzilishini ishlab chiqishni nazarda tutyapman. Sahifa sarlavhasi bo'ladimi (odatda ha)? Pastki matn yoki pastki kategoriya haqida nima deyish mumkin? Yuklab olishlar bo'limi bo'ladimi? Asosiy kontent sarlavhalari qanday ko'rinishga ega bo'ladi? Kontent matni haqida nima deyish mumkin?
Ushbu elementlarning HAR BIRINI ko'rib chiqayotganda, siz UCHTA narsani aniqlab olishingiz kerak.
- Matn qanday rangda bo'ladi
- Matn qanday shrift sozlamalari bo'ladi (o'lchami, qalinligi va boshqalar)
- Va siz bularning har birini – STOL, PLANSHET va MOBIL TELEFON uchun ishlab chiqishingiz kerak bo'ladi (aks holda ish stoli sozlamalari mobil telefonda g'alati ko'rinadi). Unutmang, hozir ko'pchilik odamlar internetga o'z telefonlari va planshetlari orqali kirishadi! Shunday qilib – SIZ BUNI QILISHINGIZ KERAK. Ha, bu qiyin ish, lekin buni faqat BIR MARTA qilishingiz kerak.
Va Elementor buni sizga GLOBAL SHRIFT va GLOBAL COLOURS deb nomlangan narsa orqali osonlashtiradi. Asosan, siz barcha sahifalaringiz sarlavhasi uchun GLOBAL COLOUR ni o'rnatishingiz mumkin. Keyin siz barcha sahifalaringiz sarlavhasi uchun GLOBAL SHRIFT ni o'rnatishingiz mumkin. Buning ikkita afzalligi bor...
- Sahifaning har bir (aytaylik) sarlavhasining alohida shrift va rang komponentlarini zerikarli tarzda o'rnatishingiz shart emas. Global shriftlar va ranglar buni siz uchun bajaradi.
- Agar kelajakda barcha sahifalaringiz sarlavhasining rangini o'zgartirmoqchi bo'lsangiz - saytingizning har bir veb-sahifasini ko'rib chiqish o'rniga, shunchaki Global Rang bo'limidagi sozlamani o'zgartirasiz. Hozir o'qiyotgan mana shunday saytni tasavvur qiling - 300 dan ortiq sahifa - faqat bitta bo'limdagi barcha sahifalarni o'zgartirish orqali qancha vaqt tejalganini tasavvur qiling!
Mana bu veb-sayt uchun sozlamalarim. Agar avval Global shriftlar va Global ranglar haqida ko'proq bilmoqchi bo'lsangiz, YouTube'ga "Elementor Global Fonts Colours" deb yozing. Men ushbu sahifani kelajakda o'zim uchun ma'lumotnoma sifatida yaratdim va siz veb-saytingiz uchun shunga o'xshash narsani qilishingiz mumkin.
DT = Ish stoli
TAB = Planshet
PH = Telefon
Masalan, DT ish stoli degan ma'noni anglatadi : 37, 400, LS -2.5, tagiga chizilgan = 37 shrift o'lchami , 400 qalinligi , LS qator oralig'i , tagiga chizilgan bezak. LH = satr balandligi. WS = so'z oralig'i.
Masalan, kategoriya, etika
Rang #0097FD
Shrift: Courier Prime
DT: 27, 400, LS -2.5, tagiga chizilgan
TAB: 27, 400, LS -2.5, tagiga chizilgan
PH: 17, 400, LS -2.5, tagiga chizilgan
kichik kategoriya, masalan, Sayyora salomatligi
Rang #F94A00
Shrift: Roboto
DT: 35, 600
YORLIQ: 35, 600
PH: 25, 600
Sarlavha, masalan, Induksiya
Rangi #F94A00
Shrift: Roboto
DT: 35, 600, tagiga chizilgan
YORLIQ: 35, 600, tagiga chizilgan
PH: 23, 600, tagiga chizilgan
Subtitr, masalan, bilmoqchi bo'lgan hamma narsa
Rang #0097FD
Shrift: Courier Prime
DT: 17, 400, LS -2.5
JOYLASHMA: 17, 400, LS -2.5
PH: 14, 400, LS -2.5
Yuklab olishlar
Quti rangi = #DDDDDD
Chegara: Bir tekis, kengligi 1 1 1 1, Chegara radiusi 5 5 5 5
Matn rangi #35C3FF
Matn shrifti: Lato
DT: 20, 500
YORLIQ: 16, 500
PH: 16, 500
WEB-HAVOLAR
Rang #24B72F
Matn shrifti va DT, TAB, PH sozlamalari: chapdagi YUKLAB OLISHLAR bilan bir xil
Swimlane Bar & Text
Binafsha rangli quti rangi #610071
Matn rangi: #FFFFFF
Matn shrifti: Ubuntu qisqartirilgan
DT: 27, 600
JADVAL: 27, 600
PH: 20, 600
Asosiy matn
Rang #333333
Matn shrifti: Lato, 15, 400, LH 24
Matn shunday ko'rinadi...
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.