Kuidas lisada kleepuvaid nuppe WordPressi veebisaidile

Kas soovite oma WordPressi saidile lisada kleepuvaid nuppe? Kleepuvate toimimisnuppude abil saab kasutaja hõlpsasti veebisaidiga seotud teavet. See teave võib olla teie e-posti aadress, telefoninumber, asukoht Google’i kaardil, lingid sotsiaalvõrgustikele jne. Selles artiklis näitan teile, kuidas kleepuvaid nuppe oma WordPressi veebisaidile lisada.

Kleepuvad toimimisnupud toimivad nagu hõljuv vidin. Need nupud lukustuvad, isegi kui kasutaja kerib üles või alla. See näeb veebisaidil hea välja ja muudab selle kasutajasõbralikumaks. Kleepuvate nuppude lisamine aitab parandada konversioone ja külastajate seotust.

Algus

Kleepuvate nuppude lisamiseks WordPressis on kaks võimalust. Üks võimalus on ehitada kood nullist ja teine ​​on kasutada pistikprogrammi. Selle õpetuse jaoks kasutan pistikprogrammi. Põhjus on ilmne, kui saame hea plugina, mis suudaks meie väikese ülesande ära teha, siis milleks raisata aega selle nullist ülesehitamisele.

Kodeerida on mõttekas, kui soovite luua suurt ja keerukat funktsionaalsust. Sellistel juhtudel ei pruugi pistikprogrammid teie otstarbeks sobida ja parem pole neile loota, kuna nende värskendused võivad rikkuda funktsionaalsust. Kuid selliste väiksemate ülesannete (kleepuvad nupud) puhul võite tugineda pistikprogrammidele.

WP Sticky on üks tõhusamaid pistikprogramme kleepuvate elementide lisamiseks oma veebisaidile. See on puhas väike pistikprogramm, mis võimaldab teil lisada piiramatu hulga kleepuvaid elemente, mis ühilduvad kõigi teemade, pistikprogrammide ja leheehitajatega ning kogu protseduuri saab teha vaid mõne minutiga. Ta rõhutab protsessi lihtsust, nii et kogu menetlus koosneb:

• Pange oma elemendile nimi
• Liikuge ja klõpsake nuppu Vali üksus
• Valides soovitud elemendi, mille soovite kleepuvaks muuta
• Klõpsamine nupul „Salvesta muudatused”

Ja see on peaaegu kõik – valitud üksus on nüüd teie saidile lisatud. Komplektis on üsna palju seadeid, nii et saate kleepuva elemendi läbipaistmatusega ringi mängida, valida efekti Fade-in või Slide down, määrata kerimisulatuse ja palju muud. Lisaks saate ideaaljuhul seada erinevad eelistused vastavalt oma veebisaidi nõuetele – võite lisada piirangu konkreetse kriteeriumi alusel, mis tähendab, et element ei tundu valitud kleepuvana:

• Lehed
• Postitused
• Kategooriad
• Sildid
• Või sõnumitüübid

Muidugi võite pistikprogrammi täieliku kontrolli saamiseks seda kõikjal kohandada või takistada seda ühel mainitud seadmetest. Kas olete mures selle pärast, kuidas neid erinevates seadmetes kuvatakse? Seda saab konfigureerida ka vahekaardil Seadmed, kus saate valida täpse ekraanisuuruse, millel teie üksused kleepuvatena kuvatakse. Saate valida peaaegu mis tahes elemendi, mis teile meeldib, olgu see siis kleepuv päis, kleepuv menüü, vidin, navigeerimine, video … kõike saab mõne minutiga seadistada ja saate luua nii palju kui soovite. Efektiivne, elegantne ja võimalikult lihtne.

Lisaks on ka teisi tööriistu, mis aitavad teil oma saidil kleepuvaid elemente luua. Samal ajal installige ja aktiveerige pistikprogramm Smart Floating Action Buttons – Buttonizer. Järgmises jaotises näeme, kuidas seda pistikprogrammi kasutada.

Lisage oma WordPressi saidile kleepuvad nupud

Pärast pistikprogrammi installimist minge juhtpaneeli menüüsse "Buttonizer". Sellel pistikprogrammil pole taustaprogrammi seadete lehte. Selle asemel pakub see liidest, et saaksite muudatuste mõju kohe näha.

Pistikprogramm pakub klõpsamisel üle 25 toimingu. Oletame, et loendist soovite lisada veebisaidi kleepuvatele nuppudele e-posti aadressi, telefoni ja Google Mapi.

Klõpsake nuppu Lisa ja nimetage nupp. Annan nupule nime "Telefon". Pärast seda näete esiosas nuppu, nagu allpool näidatud.

Kuna see nupp on mõeldud "telefoninumbri" jaoks, peame selle konfigureerima. Klõpsake PHONE kõrval ikooni Settings. Avaneb nupu kohandamise suvandipaneel.

Valige rippmenüüst Nuputoiming Nuputoiming (telefoninumber). Lisage tekstiväljale oma telefoninumber.

Siis tahan sellele nupule määrata telefoni ikooni. Seda saab teha jaotistest STYLE >> ICON. Ikooni ICON all klõpsake valikut ICON, avaneb hüpikaken, kus valite Font Awesome teegist ikooni.

Sama protsessi järgides saame saidile lisada nii palju nuppe. Valige iga nupu jaoks vastav nuputoiming ja saate nupule erinevaid võimalusi.

Lõpuks tahame määrata kleepuvate nuppude asukoha. Selleks klõpsake valiku „UUS GRUPP" kõrval ikooni „Seaded”.

Jaotises Positsioon saate parameetrid nuppude asukoha määramiseks. Ma tahan, et see oleks õige ja keskne. Nii et panin "HORIZONTAL" alla "0%" ja keskmise "VERTICAL" alla.

Buttonizer-pistikprogrammid pakuvad palju rohkem funktsioone, mida peaksite mängima ja end kurssi viima. Pistikprogramm pakub nupuvärvi, nuppude animatsiooni, tausta, kohandatud klasside, seadme nähtavuse ja muu valikuid.

Kui ülaltoodud seaded on rakendatud, ilmuvad veebisaidil kleepuvad nupud, nagu on näidatud alloleval ekraanipildil.

Loodetavasti leidsite kleepuvate nuppude lisamise kohta oma WordPressi saidile. Palun jagage oma mõtteid ja ettepanekuid allolevas kommentaaride jaotises.

seotud artiklid

• FooGallery – ilus WordPressi pildigalerii pistikprogramm
• Kuidas suurendada oma e-posti abonentide arvu oma WordPressi saidil
• Kuidas lisada WordPressis koodi pärast kehamärgendit

Salvestuse allikas: artisansweb.net