Pridėkite „Twitter“ nuorodas į turinį naudodami „InlineTweet.js“

Jūs matysite šią funkciją daugelyje didelių svetainių, tokių kaip „TechCrunch“ ir „Mashable“. Jūs skaitote straipsnį ir pastebėsite, kad visas sakinys yra pažymėta kaip nuoroda.

Tačiau, kai spustelėsite jį atidarykite pokalbių langą prašydamas pasidalinti šiuo teksto fragmentu su „Twitter“ pasekėjais. Tai puikus būdas srautą į jūsų svetainę skatinti socialines akcijas.

Jei norite pakartoti šį efektą savo svetainėje, pabandykite InlineTweet.js. Tai gali sutaupyti valandų nustatymo laiko pridedant šią funkciją tiesiai į savo puslapį.

Šis nemokamas „JavaScript“ įskiepis yra labai lengva įdiegti ir netgi turi nemokamai WordPress įskiepiai jei pageidaujate šio maršruto.

Tai nereikalauja „JavaScript“ priklausomybių, todėl galite paleisti šį sans-jQuery.

Visi turinys veikia tiesiogiai per duomenų atributus, todėl jūs nustatytumėte juos vienas po kito, remiantis turiniu. Natūralu, kad „WordPress“ įskiepis tai palengvina, todėl, jei norite daugiau kontroliuoti, tai yra puiki galimybė.

Pagrindiniame scenarijaus puslapyje rasite keli kodo fragmentai parodyti, kaip tai veikia.

Jums reikia tiesiog įtraukti JS scenarijų į savo puslapį ir kopijuoti kai kurią CSS į savo stilių (tik 3 blokai). Iš ten jūs galite pridėti HTML kodus kaip šitas:

  Lorem Khaled Ipsum yra pagrindinis sėkmės raktas  

The tik reikalingas elementas čia yra pats geriausias duomenų inline-tweet atributas. Tai yra vienintelis dalykas, kurio reikia norint pasiekti efektą, visa kita yra neprivaloma.

Tačiau šie papildomi variantai daro skirtumą, nes jie pridėti funkcijų prie automatiškai sukurtų Čivināšana:

• „Data-inline-tweet-via“ - į „tweet“ prideda „@mention“
• „Data-inline-tweet“ žymos - prideda „tweet“ žymų (jei yra vietos)
• Duomenų inline-tweet-url - jūsų paspaudimu įtraukiamas paspaudžiamas URL

Sąranka gali būti sunku, todėl rekomenduoju naudoti „WordPress“ papildinį, jei galite.

Bet tai ne viskas blogai, jei jūs tiesiog nukopijuojate / įklijuojate turinį bet kokiam tekstui, kurį norite susieti. Ir nemokamai įskiepiai, šis dalykas yra labai lengvas.

Pažvelkite į demonstracinį puslapį, kad pamatytumėte šį veiksmą ir peržiūrėtumėte „GitHub“ repo, jei norite sužinoti daugiau.