Saytingizni tashrif buyuruvchilar uchun qanday jozibador qilish kerak? Bu savol deyarli barcha Internet-resurs egalarini tashvishga solmoqda: savdogarlar, bloggerlar, kichik va yirik biznes egalari, sayohatchilar va dunyoga aytadigan narsasi bor oddiy ijodkor odamlar.
Nega veb-sayt chiroyli va funktsional bo'lishi kerak?
Tashriflar soni sayt mavzusiga va uning maqsadli auditoriyasiga, odamlarning muayyan mahsulotga qiziqishiga, sarmoya, reklama, kontent va boshqa koʻplab omillarga bogʻliq. Lekin saytni “kiyim-kechak bilan kutib olishini” inkor etib bo'lmaydi. Bu resursning birinchi va asosiy sahifasi boʻlib, uning yuzi, tashrif qogʻozi boʻlib, u orqali tashrif buyuruvchi oʻz vaqtini kontentni keyingi koʻrishga sarflashni xohlaydimi yoki yoʻqligini tushunishi kerak.
Va xatoga oʻrin yoʻq! AQShdagi texnik universitetlardan birining tadqiqotiga ko'ra, tashrif buyuruvchi sayt haqida birinchi taassurotni bir soniyadan kamroq vaqt ichida oladi. O'rtacha bir kishi saytni 3 soniyada "skanerlaydi". Chaqmoq tezligi, shundaymi?
Resurs muvaffaqiyatining 70% gacha asosiy sahifa qanday koʻrinishiga bogʻliq. Odamlar e'tibor beradigan birinchi narsalogotip, lekin ikkinchisi navigatsiya. Va agar logotip bilan hamma narsa ko'proq yoki kamroq aniq bo'lsa, unda navigatsiya, menyu va sayt ergonomikasining qulayligi haqida boshingizni sindirishga arziydi. O'rtacha savol tug'iladi: "Saytingizni qanday bezash kerak, uni iloji boricha funktsional va qulay, lekin ayni paytda chiroyli qilish kerakmi?" Ko'p g'ayrioddiy g'oyalarni taklif qilish mumkin, lekin eng qiziqarlilaridan biri bu maslahatlar.
Maslahatlar nima? Maslahatlar sayt funksionalligini yaxshilashning ajoyib mexanizmi boʻlishdan tashqari, foydalanuvchiga piktogramma, soʻz yoki rasm ustiga kursorni olib oʻtganda maʼlum bir tasvir uchun tushuntirishni koʻrish imkonini beruvchi vositadir.
Maslahatlar bilan ishlash vositalari
Bootstrap maslahatlar yaratish uchun eng yaxshi vositadir. Bu HTML, CSS, Sass va JavaScript-da yozilgan ilova va veb-saytlar yaratish uchun oson oʻrganiladigan andozalar toʻplami.
Aniqroq qilib aytadigan boʻlsak, maslahatlar Bootstrap shablonining grafik elementlaridan birini ishlatadi - Maslahat.
Bootstrap ramkasi "Twitter" uchun yaratilgan va dastlab "Twitter Blueprint" deb nomlangan. 2012 yildagi ba'zi o'zgarishlardan so'ng, u 12 ustunli panjara oldi, moslashuvchan bo'ldi va tanish nomga ega bo'ldi - Tooltip. Maslahat - bu monitor ekranidagi ma'lum bir element ustiga kelganingizda ochiladigan element.
Maslahat yaratilmoqda
Siz atributlardan foydalanib, Bootstrap Tooltip yaratishingiz mumkinma'lumotlar, shuningdek, "Java Script" elementlarini faollashtirish orqali. HTML Bootstrap Tooltip yaratishning ikkita asosiy usuli mavjud. Birinchisining mohiyati maslahat matnini o'z ichiga olgan atribut va atribut sarlavhasini (sarlavhasini) qo'llashdir. Maslahat yuqori qismida ochiladi (standart sozlamalar). Shuni esda tutish kerakki, maslahatchi ishga tushirilishi kerak, chunki unumdorligi sababli avtomatik ishga tushirish “Twitter bootstrap”da bekor qilingan.
Maslahatlarni ishga tushirish uchun maxsus JavaScript-dan foydalaniladi, bunda atributga ega boʻlgan barcha elementlar uchun maslahat usuli tiklanadi. Ikkinchi usulning mohiyati - “JavaScript” kodidan foydalanib, jQuery kutubxonasi ishtirokida asboblar panelini o‘z ichiga olgan asboblar sinfini yozish orqali faollashtirish. Usul birinchisiga o'xshaydi, elementlarni tanlash usuli bundan mustasno. “Java skripti”da maslahatlarni quyida ko‘rsatilgan tarzda yoqishingiz mumkin.
Bootstrap uchun maslahat namunasi
Maslahatlarni joylashtirishning toʻrtta asosiy varianti mavjud: chap va oʻng qirralarda, elementning tepasida va ostida.
Yuqoridagi maslahat
Maslahat toʻgʻri
Payida maslahat
Chapga maslahat
Maslahatlardan foydalanish
Bootstrap uchun maslahatlar koʻp. Foydalanuvchi matndagi chet tilidan matn tarjimasini tushunishi uchun siz maslahatlarni kiritishingiz mumkin. Maslahatlardan foydalanuvchi paneldagi tugmachalarning ma’nosini ularning ustiga olib kelganda tushunishga yordam beruvchi vosita sifatida ham foydalanish mumkin. Bootstrap Tooltip shablonlari ko'pincha turli tashkilotlarning veb-saytlarida kompaniya yangiliklariga obuna bo'lish uchun ishlatiladi. Bu mijozlarni yangilab turadi va tashrif buyuruvchilarga chegirma stavkalari, takliflar, kompaniya ichidagi oʻzgarishlar kabi yangi maʼlumotlarni olish imkonini beradi.
Axborot byulleteniga obuna boʻlish uchun foydalanuvchi oʻz elektron pochta manzilini kiritishi kerak boʻlgan misolni koʻrib chiqing. Mijoz auditoriyasining yangiliklarga obuna bo'lishini ta'minlash vazifasi HTML5 va kerakli atribut yordamida eng oson bajariladi. Bu holda asboblar uchun maslahat foydalanuvchi harakatlar ketma-ketligini tushunishi uchun kerak. Misol uchun, elektron pochta manzilini kiritgandan so'ng, men katakchani belgiladim: "Men kompaniya yangiliklarini elektron pochta manzilimga olishga roziman." Quyida shakl kodiga misol keltirilgan.
Bu kodni HTML Bootstrap Tooltipga oʻrnatish oson. Ammo foydalari sezilarli. Endi iste'molchilar kompaniyaning barcha yangiliklaridan xabardor. Bu bepul reklama turi.
Qalqib chiquvchi oynalar yaratishdagi asosiy xatolarmaslahatlar
Bootstrap Tooltip ishlamasa nima qilish kerak? Asboblar maslahati atributi ishlamaydigan birinchi va asosiy xato - bu maslahat yoqilmagan bo'lsa. Uni faollashtirish uchun maxsus koddan foydalanishingiz kerak.
Bu usul sizga veb-sahifadagi barcha maslahatlarni ishga tushirish imkonini beradi.
Ikkinchi keng tarqalgan xato - sarlavhada jQuery yo'qligi.
Havola toʻgʻri ishlashi uchun zarur shart mavjud - “Java Script” kabi maʼlumotlarni qayta ishlash funksiyasi koʻrsatilishi kerak.
Maslahat xususiyatlari
Asosiy maslahat komponenti sichqoncha koʻrsatgichini sahifaning u yoki bu qismiga olib borganingizda maslahatlarni koʻrsatish uchun moʻljallangan. Biroq, maslahatning yordami bilan o'ng, chap va yuqoridagi joylashuviga qo'shimcha ravishda, maslahat quyidagi xususiyatlarga ega:
- Faol. Bootstrap Tooltip'dagi true xususiyatidan foydalanish maslahatlarni ko'rsatishga imkon beradi, shu bilan birga bir xil xususiyatni yolg'onga o'rnatish esa hech qanday maslahatlar ko'rsatilmasligini bildiradi.
- AutoPopDelay - maslahatlar ko'rsatiladigan vaqt.
- AutoPopDelay. Maslahat paydo boʻlishi uchun sichqoncha kursori element ustida turishi kerak boʻlgan vaqtni koʻrsatadi.
- IsBaloon. Agar HTML Bootstrap Tooltip maslahatining qiymati rost boʻlsa, maslahat bulutga oʻzgaradi.
- ToolTipIcon. Oynada ko'rsatilgan belgini ifodalaydimaslahatlar.
Maslahatnoma
Chiroyli maslahatlar yaratish uchun, masalan, Wordpress-da yaratilgan saytda, veb-ishlab chiquvchilar tilini yaxshilab bilish shart emas. Tooltipster kabi plagin (kengaytma) mavjudligi haqida bilish kifoya. Nomidan ko'rinib turibdiki, ushbu plagin Tooltip-ga asoslangan va uning xususiyatlari va maqsadiga ko'ra hayratlanarli darajada o'xshash. Ushbu plagin nima uchun? U sizga kerakli HTML belgilarini asboblar panelida yaratish imkonini beradi.
Plaginning ishi sahifaga yorliqlarni kiritishga asoslangan. Barcha asosiy HTML Bootstrap Tooltip atributlarini oʻz ichiga oladi: kontent (maʼlumotlar-maslahat-maslahat-kontent), sarlavha, joylashuv, trigger va boshqalar. Bu sizga mavzuni, shriftni, maslahatchi oʻlchamini, rangini oʻzgartirish, rasm qoʻshish va h.k. imkonini beradi.
