/ / "Bootstrap" patarimas: kurkite patarimus

"Bootstrap" patarimas: sukurkite patarimą

Kaip padaryti jūsų svetainę patrauklilankytojai? Šis klausimas kelia nerimą beveik visiems interneto išteklių savininkams: prekybininkams, tinklaraštininkams, smulkiesiems ir dideliems verslo savininkams, keliautojams ir tiesiog kūrybingiems žmonėms, kurie turi ką pasakyti pasauliui.

Kodėl svetainė turi būti graži ir funkcionalus?

Apsilankymų skaičius priklauso nuo svetainės temos irjos tikslinė auditorija, žmonių susidomėjimas tam tikru produktu, investicijos, reklama, užpildas ir daugelis kitų veiksnių. Tačiau negalima paneigti, kad svetainė "atitinka drabužius". Tai yra pirmasis ir pagrindinis resurso puslapis, jo veidas, vizitinė kortelė, kurioje lankytojas turėtų suprasti, ar jis nori praleisti laiką tolesniam turinio peržiūravimui.

bootstrap patarimo priemonė

Ir nėra teisės daryti klaidą! Remiantis vieno iš Jungtinių Amerikos Valstijų techninių universitetų tyrimu, pirmas įspūdis apie svetainę yra lankytojo išvaizda mažiau nei per sekundę. Vidutiniškai žmogus "nuskaito" svetainę per 3 sekundes. Žaibo greitis, ar ne ?!

Iš to, koks atrodo pagrindinis puslapis, tai priklauso nuo toiki 70% išteklių sėkmės. Pirmasis dalykas, į kurį žmonės atkreipia dėmesį, yra logotipas, o antrasis - navigacija. Jei logotipas yra daugiau ar mažiau aiškus, verta nugramzdinti galvą virš navigacijos, meniu ir svetainės ergonomikos patogumo. Yra pagrįstas klausimas: "Kaip papuošti jūsų svetainę, kad ji būtų funkcionalesnė ir patogesnė, bet įmanoma, bet gražus?" Yra daug neįprastų idėjų, kurias galima pasiūlyti, tačiau vienas iš įdomiausių yra pop-up patarimai.

Kokie yra patarimai? Be to, jis yra puiki priemonė, siekiant pagerinti svetainės funkcionalumą, patarimus - įrankis, kuris leidžia vartotojui užveskite žymeklį ant piktogramos, žodžio ar vaizdo pamatyti paaiškinimą tam tikro įvaizdžio.

Įrankiai darbui su patarimais

"Bootstrap" gali būti naudojama patarimui sukurti. Tai lengvai suprantamas šablonų rinkinys, skirtas kurti programas ir svetaines, parašytas HTML, CSS, Sass ir JavaScript.

bootstrap tooltip neveikia

Jei nurodyti, už etiketėje naudojamas vienas iš grafinių elementų Bootstrap "šablono - patarimas.

"Bootstrap" sistema sukurta "Twitter" ir "Twitter" sistemomsbuvo pavadintas "Twitter Blint". Po tam tikrų pakeitimų 2012 m. Jis gavo 12 skilčių tinklelį, tapo adaptuojančiu ir įgijo pažįstamą pavadinimą - "Tooltip". "Tooltip" yra elementas, kuris pasirodo, kai rodomas ant konkretaus elemento monitoriaus ekrane.

Sukurkite kortelę

Galite sukurti "Bootstrap Tooltip" eilutę, kaipagalba su duomenų atributais, taip pat aktyvinant Java Java Script elementus. Yra du pagrindiniai būdai HTML Bootstrap Tooltip sukūrimui. Pirmosios esmės yra atributo data-toggle = "tooltip" naudojimas ir atributo pavadinimas, kuriame bus pagalbos tekstas. Populiariausi patarimai pasirodys viršuje (numatytasis nustatymas). Verta prisiminti, kad užuominą reikia inicijuoti, nes "Twitter bootstrap" automatinis iniciacijos nustatymas yra atšauktas dėl veiklos rezultatų padidėjimo.

bootstrap patarimo pavyzdys

Norėdami inicijuoti užklausas,naudojamas specialus "JavaScript", kuriame visų elementų, turinčių atributą data-toggle = "Tooltip", atkuriamas įrankių juostos metodas. Antrojo metodo esmė yra suaktyvinti java scenarijų įrankį su jQuery biblioteka, parašius įrankių klasę, kurioje yra užuomina. Šis metodas yra panašus į pirmąjį, išskyrus elementų atrankos metodą. Įtraukite "Java Script" patarimų taip, kaip parodyta žemiau.

Scenarijus

Bootstrap patarimo pavyzdys

Patarimų vietos yra keturios pagrindinės parinktys: kairėje ir dešinėje pusėse, taip pat elemento viršuje ir apačioje.

Script iš viršaus

Patarimas iš viršaus

Įrankių juosta dešinėje
Įrankių juosta dešinėje

Patarimas apačioje
Patarimas apačioje

"Tooltip" kairėje
"Tooltip" kairėje

Uždarymo scenarijus

Patarimų taikymas

Yra daug "Bootstrap" įrankių juostos naudojimo būdų. Galite įterpti pop-up patarimų, kad vartotojas galėtų suprasti tekstą išversti iš užsienio kalbos į tekstą. Be to, patarimai gali būti naudojami kaip įrankis, kuris naudotojui padės suprasti skydelių mygtukų reikšmę, kai jie nukreipiami virš jų. Bootstrap Tooltip šablonai dažnai naudojami įvairių organizacijų tinklalapiuose, kad būtų galima sukurti įmonės naujienų prenumeratą. Tai leidžia jums informuoti klientus, taip pat suteikia lankytojams galimybę gauti naujos informacijos, tokios kaip nuolaidų, pasiūlymų ir pokyčių suma bendroje įmonėje.

bootstrap patarimėlis html

Apsvarstykite pavyzdį, kurio reikia vartotojuiįveskite savo el. pašto adresą, kad užsiprenumeruotumėte naujienlaiškį. Užduotys klientų auditorijai prenumeruoti naujienas yra lengviau pasiekiamos naudojant HTML5 ir reikiamą atributą. Šiuo atveju reikia patarimo, kad vartotojas suprastų veiksmų seką. Pavyzdžiui, įvedus el. Pašto adresą, aš pažymėjau langelį: "Sutinku gauti įmonės naujienas el. Paštu". Žemiau pateikiamas formos kodo pavyzdys.

Patarimas

Norėdami įvesti tokį kodą į HTML Bootstrap Tooltip, nereikia atlikti specialių veiksmų. Tačiau nauda iš jos yra didelė. Dabar vartotojai žino visas bendrovės naujienas. Tai savotiška reklama.

bootstrap patarimų html turinys

Pagrindinės klaidos kuriant patarimus

Ką daryti, jei "Bootstrap" įrankių juostos neveikia? Pirmoji ir pagrindinė klaida, kai atributas "Tooltip" neveikia, yra patarimas nėra įtrauktas. Norėdami jį suaktyvinti, turite naudoti specialų kodą.

Inicijuojamos įrankių juostos

Šis metodas leidžia jums inicijuoti visus patarimus tinklalapyje.

Antroji dažna klaida yra trūksta jQuery antraštėje.

Patarimai

Kompetentingam nuorodos darbui yra būtina sąlyga - turėtų būti nurodyta duomenų apdorojimo funkcija, pvz., "Java Script".

Java scenarijus

Įrankių juostos savybės

Savo pagrindu "Tooltip" komponentas sukurtasPateikite patarimų, kai užveskite pelę virš puslapio sekcijos. Tačiau, be patarimo vietos dešinėje, kairėje ir viršuje su duomenų perjungimo funkcija = "Tooltip", įrankių juostoje yra šios savybės:

  • Aktyvus. Naudojant tikrojo Bootstrap patarimas savybės leidžia rodyti ekrane, savo ruožtu, iš klaidingų dėl tos pačios savybės draudimo vertė reiškia rodyti ekrane.
  • AutoPopDelay - tai laikas, kada rodomi raginimai.
  • AutoPopDelay. Tai yra laikotarpis, per kurį pelės žymeklis turi būti nukreiptas į elementą, kad pasirodytų patarimas.
  • "IsBaloon". Jei HTML Bootstrap įrankių juostos reikšmė yra teisinga, tada langas pasirodys kaip debesis.
  • ToolTipIcon. Tai simbolis, kuris pasirodo greitame lange.

bootstrap įrankių parinktis html tiesa
"Tooltipster"

Norėdami sukurti gražų iššokančių langųPavyzdžiui, užuominos apie svetainę, sukurtą "WordPress", nėra būtina gerai suprasti žiniatinklio kūrėjų kalbą. Pakanka žinoti apie tokio papildinio egzistavimą (pratęsimą), kaip "Tooltipster". Iš pavadinimo aišku, kad šis papildinys yra paremtas patarimu, o jo savybės ir paskirtis yra stebėtinai panašūs į jį. Kas yra šis papildinys? Tai leidžia sukurti norimą HTML žymę viduje užuominą.

Pavyzdžiai patarimų

Plugininio darbo pagrindas yra nuorodos įterpimaspuslapis. Sudėtyje yra visus esminius požymius HTML Bootstrap patarimas :. turinys (duomenų patarimas-turinio) pavadinimas, pareigos, gaiduką ir tt Tai leidžia jums pakeisti temą, šriftą, kad patarimų, spalva dydis, įdėkite nuotrauką, ir daug daugiau.

Skaityti daugiau: