Barcha WordPress shablonlari blogning u yoki bu qismini qayta ishlash va ko'rsatish uchun mas'ul bo'lgan bir nechta fayllardan iborat - sarlavha, asosiy tarkib, yon panel va altbilgi. Bugun biz ikkinchisi haqida gaplashamiz. Altbilgi (saytning pastki qismi) uning barcha mazmuni bilan pastki qismidir. Ko'pincha u veb-master tomonidan yaratilgan sana, mualliflik huquqini himoya qilish, nom va boshqalar kabi ma'lumotlarni taqdim etish uchun ishlatiladi. Biroq, buni barcha WordPress mavzularida amalga oshirish oson emas;
Sayt altbilgisiga nimani joylashtirish kerak?
Birinchidan, qanday sayt turini, xulq-atvor omillarini yaxshilash uchun podvalga nima qo'yish mumkinligini hal qilaylik.
Bog'lanish uchun ma'lumot Veb-do'konlar uchun eng mos keladi. Sayohat kartasining manzilini, telefon raqamini, do'kon yoki tashkilotning pochta manzilini va hokazolarni podvalda joylashtirish odamga tezroq buyurtma berish yoki xarid qilish imkonini beradi.
Navigatsiya yoki navigatsiya blokini takrorlash har qanday turdagi saytga mos keladi. Bu uzoq sahifalar uchun juda muhimdir. Bunday holda, foydalanuvchi kerakli bo'limga o'tish uchun yuqoriga qaytishi shart emas. Ammo agar siz navigatsiya blokini altbilgiga qo'yishni xohlamasangiz, yuqoriga o'q yordamida tezda yuqoriga qaytishingiz mumkin.
Ijtimoiy xatcho'plar, agar sizning saytingiz mazmuni ommaviy muhokamani o'z ichiga olsa yoki siz mavzuni rivojlantirish bilan bog'liq voqealar sharhlarini joylashtirsangiz, u holda pastki qismda havolalarni joylashtirishingiz mumkin. ijtimoiy tarmoqlar bunda siz resursni targ'ib qilasiz. Teg buluti, shuningdek, qo'shimcha navigatsiya bloki barcha turdagi saytlar uchun javob beradi. Altbilgida 3D teg bulutini joylashtirish nafaqat foydalanuvchilar uchun qulay, balki dizayn nuqtai nazaridan ham chiroyli bo'ladi.
Shuni ta'kidlash kerakki, agar u go'zal va ma'lumotli bo'lmasa, pastki qism havolalarini bosish imkoniyati, bunday altbilgining tushunarsizligi tufayli nolga yaqin.
Chiroyli ishlab chiqilgan veb-sayt altbilgilariga misollar
Chiroyli va ma'lumotli altbilgi yaratish uchun biz veb-dizayn studiyalarining eng mashhur ishlarini e'tiboringizga havola qilamiz:
1. Dizayn yechimi KDIGIT frantsuz veb-studiyasi:
2. SNOWDEN industries veb-dizayn studio tomonidan kolontiter dizayni:
3. Shvetsiyaning Uforia CMS kompaniyasining pastki qismi uchun dizayn yechimi:
4. Tapbots tomonidan yaratilgan oqlangan altbilgi dizayni:
5. Veb-dizayn studiyasining kolontiteri Tayyor dizaynlar:
6. Mexanik altbilgi dizayni:
7. Chiroyli altbilgi dizayni:
Umid qilamanki, siz allaqachon tushungansiz, bu pastki ko'rsatkichlarning barchasi chiroyli fon rasmlari va ularga joylashtirilgan ma'lumotlar bloklari asosida amalga oshiriladi. Agar fon tasvirini yaratishda sizda biron bir qiyinchilik bo'lmasa, xayriyatki, buning uchun Photoshop kabi turli xil tasvir muharrirlari mavjud, keyin ma'lumotlarni bloklarda tez va qulay joylashtirish mumkin.
Altbilgiga ma'lumotlar bloklarini qo'shish
Eng oddiy tarzda altbilgiga ma'lumot bloklarini qo'shish WordPress administrator paneliga kolontiter vidjetlari blokini qo'shadi. Bunday vidjetlar blokini yaratish uchun siz administrator menyusini ochishingiz kerak—>muharrir va o‘ng tarafdagi ustundan functions.php faylini tanlang, unga kod qo‘shamiz:
agar (funksiya_mavjud("register_yon_bar")) register_sidebar(massiv("ism" => "Alt panel yon paneli", "before_widget" => "", "after_widget" => "", "for_title" => "
agar (funktsiya_mavjud ("ro'yxatga olish_yon paneli" ) ) registr_yonma paneli(massiv( "name" => "Kontentning yon paneli", "before_widget" => "", "after_widget" => "", "before_title" => " "
,
"
,
)
)
;
"after_title" => " |
Bu administrator panelida yangi vidjetlar blokini roʻyxatdan oʻtkazish uchun kod boʻlib, bu yerda “nom” vidjet nomi, “before_widget” vidjetdan oldin koʻrsatiladigan HTML kodi va “after_widget” — vidjetdan keyin koʻrsatiladigan HTML kodi. vidjet, shuningdek sarlavha sarlavhasidan oldin va keyin kod. Odatda functions.php faylining eng boshiga qo'shiladi.
Functions.php tarkibini saqlang va "Vidjetlar" bo'limiga o'ting. Agar hamma narsa xatosiz bajarilgan bo'lsa, u erda siz yangi blokni topasiz:
Shunday qilib, biz administrator menyusida yangi vidjetlar blokini ko'rsatishni amalga oshirdik, endi biz ushbu blokning vidjetlarini saytda ko'rsatishimiz kerak. Buning uchun admin menyusi -> muharririni oching va o'ng tarafdagi footer.php faylini tanlang. Darvoqe, bunday vidjet bloklari nafaqat altbilgida, balki saytning istalgan boshqa joyida ham ko'rsatilishi mumkin.
Footer.php fayliga quyidagi kodni qo'shing.
Salom, aziz blog o'quvchilari. Bugun men siz bilan zamonaviy veb-dizaynda altbilgi qanday bo'lishi kerakligi haqida gaplashmoqchiman. Shuningdek, biz siz bilan bir nechta misollarni ko'rib chiqamiz va foydalanish uchun bir nechta ajoyib maslahatlarni olamiz. :-)
Agar siz so'nggi bir necha yil ichida ko'proq va ko'proq altbilgilar kattaroq ko'rinayotganini payqagan bo'lsangiz. Bu o'z navbatida saytdan yaxshiroq navigatsiya va foydalanishni ta'minlaydi. Tabiiyki, altbilgini nafaqat chiroyli, balki qulayroq va funktsional qilish ham to'g'ri bo'ladi. Boshqacha qilib aytganda, barchasi dizaynerga bog'liq.
Keling, ba'zi amaliy va chiroyli misollarni ko'rib chiqaylik:
Juda qulay va to'liq sayt navigatsiyasi.
Ma'lumki, deyarli barcha veb-saytlarda siz "Sayt xaritasi" sahifasini topishingiz mumkin. Bu allaqachon eskirgan navigatsiya opsiyasi. Nima uchun saytning pastki qismida yanada ixchamlashtirilgan xaritani yaratmaysiz, menimcha, bu juda qulay va siz to'liq navigatsiya bilan har xil sahifalarni qidirishingiz shart emas.
To'liq xususiyatli navigatsiya saytdagi 50 dan ortiq havolalarni o'z ichiga olishi mumkin, bu o'z navbatida quyidagilarga juda yaxshi ta'sir qiladi:
SEO. Bunday navigatsiya qidiruv robotlari va foydalanuvchilar tomonidan saytdan foydalanishni sezilarli darajada osonlashtiradi.
Yaxshilangan navigatsiya. Bu ularni saytingiz sahifalarini yaxshiroq ko'rishga majbur qiladi, chunki ular ushbu sahifalarni e'tiborsiz qoldirishi yoki ularni ko'rmasligi mumkin. Bu, o'z navbatida, chiqish tezligini pasaytiradi.
Biz CMS Joomla 3-da shablonlarni tahrirlash bo'yicha beshinchi darsni boshlayapmiz, bu safar sayt uchun pastki ko'rsatkich haqida gaplashamiz. Keling, altbilgi dizaynining mumkin bo'lgan variantlarini va uni yaratishning ba'zi yondashuvlarini ko'rib chiqaylik.
Altbilgi nima
Saytning pastki yoki pastki qismi uning eng pastki qismi bo'lib, unda odatda sayt, mualliflik huquqi va boshqalar haqida ma'lumotlar mavjud. Shablondagi standart versiya Protostar, altbilgida hech qanday mazmunli ma'lumot mavjud emas:
Altbilgining standart tarkibi joriy yil, sayt nomi va sahifaning yuqori qismiga olib boradigan "Tepaga qaytish" havolasidir. Rostini aytsam, bizning saytimizga tashrif buyuruvchilar uchun bu altbilgi opsiyasi mutlaqo befoyda, bundan tashqari, "Tepaga qaytish" havolasi bizning holatlarimizda mutlaqo keraksiz, biz bu maqsadlar uchun allaqachon chiroyli tugmani yaratganmiz.
Shuning uchun, boshlash uchun men standart altbilgi tarkibidan xalos bo'lishni taklif qilaman. Faylni oching index.php standart Protostar shablonini o'rnating va altbilgini ko'rsatish uchun javobgar bo'lgan kodni qidiring. 205 va 219-satrlar orasidagi kod pastki ma'lumotni ko'rsatish uchun javobgardir, u quyidagicha ko'rinadi (Joomla versiyasiga va indeks fayliga kiritilgan o'zgarishlarga qarab, kod satrlari farq qilishi mumkin):
Endi 210 dan 217 gacha bo'lgan qo'shimcha kodni olib tashlaymiz, natijada pastki kodi quyidagicha bo'ladi:
Aslida, biz mumkin bo'lgan hamma narsani olib tashladik, buning uchun faqat pastki qismda modullarni ko'rsatish imkoniyati qoldiriladi:
Biz indeks faylini saqlaymiz, saytga o'tamiz va sahifani yangilaymiz. Altbilgi tarkibi g'oyib bo'ldi, biz xohlagan narsa. Endi siz o'zingizning xohishingiz bilan pastki qismga yangi ma'lumotlarni qo'shishingiz mumkin, lekin uni qo'shishdan oldin, savolga javob berishga arziydi - saytning pastki qismida nima bo'lishi mumkin?
Sayt altbilgisida qanday ma'lumotlarni ko'rsatish kerak
Altbilgini samarali qilish uchun u saytga tashrif buyuruvchilarni qiziqtiradigan ma'lumotlarni o'z ichiga olishi kerak. Saytning diqqat markaziga qarab, bu ma'lumotlar farq qilishi mumkin. Mana, pastki qismda bo'lishi mumkin bo'lgan bir xil ma'lumotlarning kichik misoli:
- Qo'shimcha menyu- bu menyu mavjudni takrorlashi yoki noyob bo'lishi mumkin. Altbilgidagi menyuni ko'paytirish sizning saytingizga tez-tez mobil qurilmalardan tashrif buyurganingizda foydali bo'ladi, u sahifaning eng pastki qismiga o'tib, qo'shimcha sayt navigatsiyasidan foydalanishi mumkin.
- Bog'lanish uchun ma'lumot- saytlarni sotish yoki turli xil xizmatlarni taqdim etadigan saytlar uchun aloqa ma'lumotlarining mavjudligi shunchaki zarur va pastki kolonti buning uchun joy.
- Ijtimoiy tarmoqlar tugmalari- zamonaviy dunyoda ijtimoiy tarmoqlar ko'pchilik uchun hamma narsa, shuning uchun bunday ma'lumotlar hech qachon ortiqcha bo'lmaydi.
- Har xil havolalar- masalan, sayt xaritasiga havolalar, yangiliklar lentalari va boshqalar.
- Vidjetlar- altbilgida saytdagi faollikni, trafik hisoblagichlarini, so'nggi sharhlarni va hokazolarni aks ettiruvchi ma'lumotlarni ko'rsatishingiz mumkin.
- Reklama- saytdan nafaqat uning mavjudligini, balki foyda olishni xohlaydigan vaqt keladi, bu holda altbilgi reklama uchun yomon konteyner bo'lmasligi mumkin.
Yuqoridagilarning barchasini saytingizning pastki qismiga joylashtirishga urinmang, masalan, uning yo'qligi ham yaxshi narsaga olib kelmaydi.
Boshqa tomondan, saytingizning pastki qismida qanday ma'lumotlar bo'lishi muhim emas, asosiysi, u umumiy dizaynga mos keladi va chiroyli tarzda ishlab chiqilgan.
Sayt uchun altbilgi yaratish
Keling, nazariyani bekor qilaylik va to'g'ridan-to'g'ri pastki qismni yaratishga o'tamiz. Altbilgi yaratishning bir necha yo'li bo'lishi mumkin:
- Avtomatik- muayyan ma'lumotlarni ko'rsatish uchun turli modullardan foydalanishni o'z ichiga oladi
- Qo'llanma- modullar ishlatilmaydi, barcha o'zgarishlar shablon fayllarini tahrirlash vositalari yordamida qo'lda amalga oshiriladi
- Aralash- bu holda yuqoridagi ikkala variant birgalikda ishlatiladi
Usullarning har biri o'ziga xos tarzda yaxshi, masalan, dastlabki bosqichda modullardan foydalanish vazifani sezilarli darajada soddalashtiradi va modullardan foydalanilmagan usul sahifani yuklashni tezlashtiradi. Har holda, tanlov sizniki.
Barcha mumkin bo'lgan variantlarni ko'rib chiqish uchun men uchinchi variantni tanlayman. Shunday qilib, siz nima va qanday tahrir qilinayotgani haqida umumiy tasavvurga ega bo'lasiz.
Misol tariqasida, men altbilgini uchta vertikal qismga bo'lishga qaror qildim, chap tomonda saytning ma'lum sahifalariga havolalar ko'rsatiladi, markazda qandaydir logotip, o'ng tomonda esa kichik matn ko'rsatiladi. Modullar pastki qismning chap va o'ng qismlarini ko'rsatish uchun javobgar bo'ladi va biz logotipni indeks fayliga qo'lda yozamiz.
Birinchidan, ikkita bo'lak miqdorida modullar uchun yangi pozitsiyalarni yarataylik (biz buni qanday qilish haqida shablonlarni o'rnatish va tahrirlash bo'yicha darsda gaplashdik). Ular pastki qismning chap va o'ng tomonida joylashganligi sababli, ular tegishli nomga ega - altbilgi-chap Va altbilgi - o'ng. Biz ularni faylda e'lon qilamiz templateDetails.xml.
Endi biz shablon indeks fayliga o'zgartirish kiritamiz, mening kodim shunday bo'ldi:
baseurl. "shablonlar/". $this->shablon . "/images/joom4all.png"?>" />Aniqlik uchun skrinshot:
Modullar qanday ko'rsatilishi aniq, lekin men logotip haqida batafsilroq to'xtalib o'tmoqchiman. Logotipni ko'rsatish uchun javobgar kod:
Bir qarashda, bu rasm uchun oddiy HTML tegiga o'xshaydi, lekin odatiy fayl joylashuvi yo'li o'rniga PHP kodi yoziladi. Ushbu kod bir qarashda murakkab va tushunarsiz bo'lib tuyulishi mumkin, lekin aslida, agar siz unga qarasangiz, unda hech qanday murakkab narsa yo'qligi ayon bo'ladi:
- - php kodining boshlanishi
- aks-sado- satrni chiqarish uchun javobgardir
- $this->baseurl- bu satr sayt nomini qaytaradi
- andozalar/- bu yerda tasvir shablonlar papkasida saqlanganligini bildiramiz
- $this->shablon- joriy shablon nomini qaytaradi
- /images/joom4all.png- shablonning ildiz papkasidagi rasmga yo'l va tasvirli fayl nomi
- ?> - php kodining oxiri
Ushbu PHP kodini ishlatish natijasida biz rasm fayliga nisbatan nisbiy yo'lni olamiz. Boshqacha qilib aytadigan bo'lsak, sayt qanday nomga ega bo'lishidan yoki qanday shablondan foydalanilishidan qat'i nazar, rasm tanlangan shablonning rasmlar jildidan olinadi.
Biz index.php faylini saqlaymiz, endi uni yopishimiz mumkin, endi bizga kerak bo'lmaydi.
Keling, bir nechta modullarni yarataylik, biz ularni yangi yaratilgan yangi pozitsiyalarda ko'rsatamiz. Birinchi modul altbilgida menyuni, ikkinchisi esa kichik matnni ko'rsatadi.
Keyingi bosqichda biz modullarni yaratamiz - "Menyu" turidagi menyu uchun va "HTML kod" turidagi matn uchun (modulni qanday yaratish kerak). Biz yangi yaratilgan modul pozitsiyalarini ular uchun pozitsiya sifatida tanlaymiz:
Bizning altbilgi menyumizni saytdagi qolgan menyudan ajratish uchun menyu moduli sozlamalarida biz unga “_footer” sinf qo'shimchasini qo'shamiz:
"HTML kod" turiga ega modul qanday ekanligini tushuntirmaslik uchun men skrinshotda uning ishlash printsipini ko'rsataman:
Men ushbu modulni altbilgida ko'rsatiladigan ma'lum matn bilan to'ldirdim, oddiy matnga qo'shimcha ravishda joriy yilni ko'rsatadigan kichik PHP kodini yozdim:
Biz modullarni saqlaymiz va natijani tekshirish uchun saytga o'tamiz va men olgan narsam:
Natija mavjud bo'lsa-da, bu juda ta'sirli emas. Endi biz CSS-dan foydalanib, pastki qism elementlarini yanada adekvat tarzda shakllantirishimiz kerak.
Birinchidan, yangi altbilgi bloklarini yaratamiz:
Foot-chap, .foot-center(float: chap;) /*footer blokini tekislash*/ .foot-left (kengligi: 20%;) /*chap blok kengligi*/ .foot-center (chekka-chap: -6px ;) /*markaziy blok chekinishi*/ .foot-right ( /*o‘ng blok*/ float: yo‘q; balandlik: 60px; )
Styling uchun keyingi nomzod menyu bo'lib, men unga quyidagi uslublarni qo'llaganman:
Ul.nav.menu_footer (chet: 0;) /*menyu uchun nol chekkalar*/ ul.nav.menu_footer li ( /*menyu matni dizayni*/ font-family: “Omar”, kursiv; shrift o‘lchami: 16px ; line -height: 18px; ) ul.nav.menu_footer li.item-179 a ( /*Sitemap menu item*/ margin-left: 15px; color: #fc8f30; ) ul.nav.menu_footer li.item-180 a ( /*Menyu elementi Sayt haqida*/ rang: #5aa426; chegara tepasi: 3px qattiq #5aa426; ) ul.nav.menu_footer li.item-181 a ( /*Menyu elementi Kontaktlar*/ margin-left: 45px; chegara- pastki: 3px qattiq #0f70ad rang: #0f70ad;
Va nihoyat, biz altbilgini tarkibning asosiy qismidan ajratamiz:
Footer.footer hr (chegara tepasi: 3px qattiq #fc8f30;) /*kolontiterni asosiy tarkibdan ajratib oling*/
Uslub faylini saqlang, saytga o'ting va natijaga qarang:
Shunday qilib, biz veb-saytimiz uchun standartdan ko'ra qiziqarliroq ko'rinadigan altbilgi yaratdik. Bu darsni yakunlaydi va keyingi darsda biz moslashuvchan dizayndagi mumkin bo'lgan xatolarni tekshiramiz va ba'zi kamchiliklarni tuzatamiz. Bundan tashqari, men sizga Joomla 3 shablonini va ayniqsa Bootstrap-dan foydalanib noldan kolontiterni tezda qanday yaratish haqida maqolani o'qishni maslahat beraman.
Saytning pastki qismi - bu saytning pastki qismi, podval. Bu (sarlavhalar) ning teskarisi bo'lib, altbilgining to'g'ri dizayni veb-saytni ilgari surish muvaffaqiyatida va undan foydalanish qulayligini oshirishda katta rol o'ynaydi.
Kanalimizda ko'proq videolar - SEMANTICA bilan internet marketingni o'rganing
Misol yordamida veb-sayt altbilgisi nima
Mashhur filmda kotiba: “Ayolni ayol qiladigan poyabzal”, deydi. Va u haq! Agar siz namat etik kiysangiz, qorli o'rmonda yurasiz. Agar poyabzal baland poshnali bo'lsa, unda siz unutilmas oqshomga egasiz. Agar siz krossovkalar kiysangiz, unda siz sport bilan shug'ullanasiz yoki ko'p yurasiz. Shunday emasmi?
Ko'pchilik, agar pastki qism pastki qismga joylashtirilgan bo'lsa, foydalanuvchi unga "aylanish" uchun sabr-toqatga ega emas va shuning uchun uning dizayni sarlavha dizaynidan kamroq ahamiyatga ega deb o'ylaydi. Lekin bu haqiqat emas.
Saytning pastki qismida nima bo'lishi kerak
Veb-sayt ishlashi uchun u qulay, o'qilishi va tashrif buyuruvchilar uchun jozibali bo'lishi kerak. Keling, saytning pastki qismining elementlarini ko'rib chiqaylik va ularning ahamiyatini baholaymiz. Altbilgida ushbu elementlarning barchasi bo'lishi shart emas. Saytingiz uchun maxsus ro'yxatni tanlang.
- Sayt xaritasi.
Bu uning tuzilishiga ko'ra ko'rsatilgan sayt sahifalarining to'liq ro'yxati. Ushbu element foydalanish qulayligini yaxshilaydi, foydalanuvchi navigatsiyasini osonlashtiradi va qidiruv tizimlariga saytning barcha sahifalari haqida xabar beradi. Agar saytda ko'p sahifalar bo'lsa, eng muhimlarini tanlang va ularni HTML sayt xaritasida ko'rsating.
- Kontaktlar.
Altbilgidagi sayt sarlavhasidan kontakt ma'lumotlarini takrorlang. Siz eng muhim kontaktlaringizni joylashtirishingiz mumkin. Agar tashrifchi sahifaning oxiriga yetgan bo'lsa, demak u barcha ma'lumotlarni o'qib chiqdi va u buyurtma berish imkoniyati mavjud. Uning qulayligi uchun kontaktlarni joylashtirish kerak.
- Fikr-mulohaza shakli.
Mehmonga joriy sahifani tark etmasdan siz bilan bog'lanish imkonini beradi. Bu sizning potentsial mijozlaringiz uchun qulaydir.
- Yuqoriga o'q.
Mehmonga uzoq sahifani aylanmasdan darhol sayt sarlavhasiga qaytish imkonini beradi.
- Qayta qo'ng'iroq qilish uchun buyurtma shakli.
Fikr-mulohaza shakli bilan bir xil ishlaydi. Qayta qo'ng'iroqni imkon qadar tezroq qilish kerakligini unutmang. Aks holda, siz potentsial mijozning ishonchini yo'qotasiz.
- Ijtimoiy tarmoqlarga havolalar.
Agar siz ijtimoiy tarmoqlarda tashrif buyuruvchilar bilan faol muloqot qilsangiz, quyida o'z guruhlaringiz va sahifalaringizga havolalarni joylashtiring. Ijtimoiy tarmoqlar mijozlar bilan bog'lanish va ularning sodiqligini oshirish uchun muhim vositadir.
Kerakli sahifalarni tezda topish imkonini beruvchi navigatsiya blokining biroz eskirgan versiyasi.
- Dasturchi havolasi
Altbilgi qanday rol o'ynaydi?
Chiroyli altbilgi - aks holda, resursning pastki qismi - nafaqat sayt ko'rinishini yaxshilaydi, balki foydalanuvchi tajribasi uchun ham foydalidir.
Biz veb-saytingiz uchun funktsional altbilgi yaratish bo'yicha asosiy maslahatlarni beramiz.
E'tibor bering:
- Ierarxiyaning ahamiyati. Ma'lumotni bir joyga to'plamang. Foydalanuvchi buni osongina tushunishi kerak.
- Roʻyxatlarni tozalash. Roʻyxat sarlavhalari uchun matnning oʻzidan koʻra koʻproq joy ajrating.
- Elementlar orasidagi chegaralarning mavjudligi.
- Shriftlarning birligi. Birgalikda yaxshi ishlaydigan dizayn uslublaridan foydalaning.
- Ustunlarga bo'linish. Bu ma'lumotni tuzatadi.
- Altbilgi va saytning oxirgi bloki o'rtasida chekinish mavjudligi.
- Portalning barcha sahifalarida altbilgining birligi.
- Altbilgi va butun sayt uchun uslublar birligi.
- Oddiylik. O'zingizni foydalanuvchining o'rniga qo'ying. U o'zini qiziqtirgan ma'lumotni osongina topa olishi kerak.
- Agar pastki kolontiterning asosiy qismida juda ko'p ma'lumot bo'lsa, pastki kolontiterdan foydalaning.
Har bir altbilgi saytning asosiy mazmunidan aniq ajratilishi kerak. Odatda altbilgi boshqa rangda bezatilgan, veb-resursning kontent qismi. Altbilgining rangi ham saytning fonidan biroz farq qilishi mumkin, odatda pastki qism quyuqroq bo'ladi.
Altbilgini g'ayrioddiy tarzda loyihalashtiring. Misol uchun, podval dizayni katlanmış pergament qismini o'z ichiga olishi mumkin. Agar tepada orol va to'lqinlar mavjud bo'lsa, unda pastki qismi dengiz tubi shaklida ishlab chiqilishi mumkin va ochiq xazina sandig'i qiziqarli element bo'ladi. Rassomning veb-saytida altbilgining asosiy elementi cho'tka va palitra, musiqachining veb-saytida esa qora altbilgiga aylanadigan qora pianino bo'lishi mumkin. Saytning pastki qismi ham aniq klassik uslubda ishlab chiqilishi mumkin.
Qiziqarli altbilgi ham foydalanuvchi e'tiborini jalb qilishi mumkin.
Konversiya stavkalariga ko'plab omillar, jumladan, foydalanish qulayligi va vizual dizayn ta'sir qiladi. Sahifaning pastki qismida joylashgan va birinchi ekranda deyarli har doim ko'rinmas bo'lishiga qaramay, sayt altbilgisi ham katta ahamiyatga ega.
Onlayn do'konni yaratishda siz unga boshqa elementlardan kam e'tibor berishingiz va uni iloji boricha mazmunli qilishingiz kerak.
Ro‘yxatdan o‘tish
Altbilgi butun onlayn-do'kon veb-sayti bilan bir xil uslubda ishlab chiqilishi kerak. Bundan tashqari, butun onlayn-do'kon minimalist uslubda yaratilgan bo'lsa ham, siz altbilgiga chiroyli tasvirlar yoki animatsiya qo'shishingiz mumkin, chunki bu diqqatni chalg'itmaydi. Siz tashrif buyuruvchilar orasida ijobiy his-tuyg'ularni uyg'otish uchun uni original tarzda loyihalashingiz mumkin.
Sayt navigatsiyasi
Altbilgida muqobil sayt navigatsiyasini joylashtirishingiz mumkin. Bu, ayniqsa, uzun sahifali saytlarda qulay. Tashrifchi oxirigacha aylantiradi va orqaga qaytmasdan katalogning kerakli bo'limlariga o'tish imkoniyatiga ega bo'ladi. Siz uni onlayn-do'kon sarlavhasidan ko'ra batafsilroq qilishingiz mumkin, u erda etarli joy mavjud.
Sahifalarga havolalar
Altbilgi foydali, ammo unchalik muhim bo'lmagan ma'lumotlarni joylashtirish uchun juda yaxshi. Misol uchun, agar yuqori menyuda katalog yoki onlayn-do'kon toifalariga havolalar mavjud bo'lsa, u holda siz blogga havolalar yoki pastki kolontida foydali maqolalar qo'shishingiz mumkin.
Bog'lanish uchun ma'lumot
Ko'pincha, kontakt ma'lumotlari, ijtimoiy tarmoqlardagi sahifalarga havolalar va ba'zan hatto onlayn-do'konning (yoki qabul qilish punkti) joylashuvini ko'rsatadigan xarita pastki qismga qo'shiladi. Bunday ma'lumotlar tashrif buyuruvchilarning ishonchini oshiradi.
Shuningdek, siz xaridorga yordam berishga qaratilgan ma'lumotlarni saytning pastki qismiga qo'shishingiz mumkin. Agar u sahifaning pastki qismiga o'tsa va o'zi qidirgan narsani topa olmasa, u sahifani yopadi. Bunday holda, siz pastki qismda "sayt qidirish" yoki "Qo'ng'iroqni so'rash" tugmasini qo'shishingiz mumkin.
Saytning pastki qismiga keraksiz ma'lumotlarni qo'shmaslik kerak - masalan, "Kompaniya haqida" yoki "Kontaktlar" sahifalarida kompaniya ma'lumotlarini (TIN, OGRN va boshqalar) qoldirgan ma'qul.
