Lisage InlineTweet.js-ga oma sisusse Tweetable Links
Näete seda funktsiooni suurtel saitidel nagu TechCrunch ja Mashable. Te loete artiklit ja märkate, et kogu lause on nagu link.
Kuid kui klõpsate seda avage piiksumisaken paludes teil seda tekstilõiget oma Twitteri järgijatega jagada. See on suurepärane võimalus liiklust oma saidile ja julgustada rohkem sotsiaalseid aktsiaid.
Selle efekti kordamiseks saidil proovige InlineTweet.js. See võib säästa teie seadistamisaega, lisades selle funktsiooni otse teie lehele.
See tasuta JavaScript plugin on super lihtne paigaldada ja see on isegi tasuta WordPress plugin kui soovite seda marsruuti.
See ei vaja JavaScript-sõltuvusi, et saaksite seda sans-jQuery'i käivitada.
Kõik sisu töötab otse andmete atribuutide kaudu, nii et te seaksite need oma sisu järgi ükshaaval üles. Loomulikult muudab WordPressi plugin selle palju lihtsamaks, nii et kui soovite rohkem kontrolli, on see suurepärane võimalus.
Põhiskripti lehel leiate mõned koodilõigud näidates, kuidas see toimib.
Peate lihtsalt lisama JS-skripti oma lehele ja kopeerima mõne CSS-i oma stiilile (ainult 3 plokki). Sealt saate lisage HTML-koodid nagu nii:
Lorem Khaled Ipsum on edu võti The ainult nõutav element siin on kõige ülemine andmete-inline-tweet atribuut. See on ainus asi, mida vajate efekti töötamiseks, kõik muu on vabatahtlik.
Kuid need lisavõimalused teevad vahet, sest nad lisage funktsioone automaatselt genereeritud piiksumisele:
Data-inline-tweet-via- lisab piiksumisse @mentioniAndmesisestus-märgised- lisab piiksudele sildid (kui seal on ruumi)Data-inline-tweet-url- sisaldab teie klõpsatavas URL-is
Seadistamine võib olla raske, mistõttu soovitan kasutada WordPressi pluginat, kui saate.
Aga see pole kõik nii halb, kui kopeerite / kleepite sisu mis tahes tekstile, mida soovite tweetable. Ja tasuta plugina jaoks on see asi väga kerge.
Tutvuge demo lehega, et seda näha ja GitHub repot vaadata, kui soovite rohkem teada saada.
