Postavite gumbe socialnih omrežij v WordPress predlogo brez vtičnikov in storitev - Dobiček Hunter

Pospešujemo nalaganje strani z lastno kodo namesto vtičnikov! Manj kot jih je, lažja in hitrejša bo naša predloga, kar je neposreden način za izboljšanje vedenja obiskovalcev spletnega mesta. V tej objavi se bomo naučili, kako narediti navpični blok družabnih gumbov, ki se premikajo skupaj s člankom. S tem bo bralec lahko delil povezavo do objave in jo shranil na svojo stran, ne glede na to, koliko besedila bere.

Zgodi se, da nimamo časa za preučevanje materiala do konca in da se ga vrnemo kasneje, ga shranimo nekje (na primer v zaznamke ali socialne mreže). Torej se pogosto zgodi, da je blok gumb daleč na koncu dolgega članka in ga bralec trenutno ne vidi, ker oseba še ni prebrala gradiva. S pomočjo posebne kode bomo naredili tako, da bo blok ves čas viden in se bo pomikal skupaj s člankom.

Postavite gumbe socialnih omrežij v WordPress predlogo brez vtičnikov in storitev - Dobiček HunterPostavite gumbe socialnih omrežij v WordPress predlogo brez vtičnikov in storitev - Dobiček Hunter

Koda socialnih "gumbov"

Razvrstimo kodo socialnega gumba za Facebook. Ostalo lahko naredimo po analogiji. 2'13. - SocialButtons -. 14,15. span style = "display: scroll; position: fixed, bottom: 280px; levo: 50px;". 14,15. noindex. . a target = "blank" rel = "nofollow" href = "http: // www. facebook. com / sharer. php? u =.? php the_permalink ();?.". . img src = "http: // site. en / f. png" width = "50" height = "50" title = "Pošlji na Facebook" alt = "Objavi na Facebooku". . / a. . / noindex. . / span. 14,15. - SocialButtons -. 20 ''2 Podpis 13. - SocialButtons -. omogoča vizualno določanje, kje v kodi strani je naš blok gumbov. Doslej smo v blok vstavili samo en gumb, potem pa bo koda veliko večja.
V oznaki. span. atributi c so slogi. Registrirali jih bomo za vsak gumb. Zaslon : pomaknite se; position: fixed pomeni, da se bo gumb "držal" na zaslonu in se ne bo skril z že prebranim besedilom v procesu drsenja strani.

Indikatorji spodaj in levo določajo položaj gumba glede na spodnji in levi rob zaslona. V našem primeru bo levo od pošte. Če jo želite postaviti na desno, preprosto zamenjajte »levo« z »desno«. Kot ste že opazili, so vrednosti teh kazalnikov nastavljene v slikovnih pikah in jih lahko spreminjate, kot želite, dokler ne najdete najbolj optimalnega položaja v vaši predlogi. Upoštevajte, da je v zgornjem primeru zamik gumba na dnu zaslona 280 slikovnih pik.

Če pa želimo pod tem gumbom postaviti še enega, potem moramo od 280 odšteti 50 ali malo več (50 je višina gumba). Izkazalo se je, da naslednji gumb spodaj ne bo imel več 280, ampak največ 230 (če je več, potem se bodo slike naletele druga na drugo). Ta vrednost se mora spremeniti z vsakim novim gumbom. 14 z oznako . noindex. in atribut rel = ”nofollow” zapiramo povezave, ki so skrite v gumbih, da jih indeksirajo iskalniki.

V oznaki . a. atribut target = ”blank” je odgovoren za odpiranje okna s ponudbo za skupno rabo v novem zavihku. To je pomembno, ker se uporabnik morda še vedno želi vrniti na stran spletnega mesta, ki ga je prebral.
Atribut href = se prilega neposredno v kodo povezave, ki bo odgovarjala za prikazovanje pogovornega okna socialne mreže, ko kliknete gumb. Za vsako od njih bo ta koda drugačna. Zapiši . ? php the_permalink (); ? (ne potreben samo za gumb naročnine feedburner) vam omogoča, da prikažete povezavo do našega gradiva in njegovega imena na strani socialne mreže, ki se odpre, na primer: Postavite gumbe socialnih omrežij v WordPress predlogo brez vtičnikov in storitev - Dobiček Hunter

v oznaki . img. Določena je pot do gumba slike, ki ga želite dati, in njeni parametri (dolžina, širina, naslov, atribut alt).

Tako dobimo splošno shemo za pripravo kode gumba socialne mreže:


. span style = "display: scroll; position: fixed, bottom: {value}; levo: {value};". 14,15. noindex. . a target = "blank" rel = "nofollow" href = "{povezava na družabno omrežje} =.? php the_permalink ();?.". . img src = "{povezava na sliko gumba}" width = "{value}" height = "{value}" title = "{Share, tell on ...}" alt = "{Deli, povej na ...}". . / a. . / noindex. . / span.

Kar zadeva pomen povezav za različna družbena omrežja, bi morale biti takšne:

  • Za Facebook: onclick = " okno. open ('https: // plusone. google. com / _ / + 1 / confirm? hl = ru. url = http: // www. facebook. com / sharer. php? u =.? php the_permalink () ;?
  • Za Twitter: http: // twitter. Com / intent / tweet? Text = RT @ Vaša prijava na Twitterju .? Php the_permalink (); <.>
  • Če se želite naročiti na spletni dnevnik: http: // viri. Feedburner.com/ Ime vašega vira
  • Za pošto. / connect? mail. en / share? share_url =.? php the_permalink ();?.
  • Za Vkontakte: https: // vk.com / delež. php? url =. ? php the_permalink (); ?
  • Za Yandex zaznamke: http: // zakladki. yandex. com / newlink. xml? url =. ? php the_permalink ()? . name =. ? php the_title (); ? . descr =. ? php the_excerpt (); ?
  • Za Odnoklassniki: http: // www. odnoklassniki. ru / dk? st. cmd = addShare. st. s = 1. st. _surl =. ? php the_permalink (); ? . title =. ? php the_title (); ?

Kje lahko postavite gumbe socialnih omrežij v predlogi WordPress

Praviloma se blok postavi na strani z ločenimi objavami, novicami. Lahko ga postavite na statične strani. Na odseke ali glavno ne bi smeli dodajati dodatnih zunanjih povezav, čeprav lahko poskusite pogledati učinek. Samo testi in poskusi lahko pokažejo dejansko stanje.

Ena sama datoteka je odgovorna za ločeno objavo. php, ki se nahaja v mapi z vašo temo. V njej boste morali postaviti kodo, ki ste jo ustvarili. Kje ga postaviti - vaše podjetje, vseeno, gumbi bodo stali na mestu, ki ste ga določili v spodnjem in levem atributu. Zaželeno je, seveda, da to kodo postavite na konec, nekje po izhodu noge. Potrebno je, da so gumbi socialnih omrežij prikazani pozneje kot glavna vsebina, če ima uporabnik počasen internet. Prvi material mora biti vedno naložen z uporabniku prijaznim materialom, šele nato - gumbom za skupno rabo in tako naprej.

Zakaj je bolje vdelati kodo gumba na spletnem mestu?

Kot smo že povedali, so vtičniki najlažji način za blokiranje gumbov. Vendar pa cenimo hitrost nalaganja spletnega mesta in skušamo zmanjšati število vtičnikov. Torej, če vzamete dve strani, potem pa so vse ostale enake, njihova kakovost, ena bo izstopala nad drugo. In zakaj? Ker je en prenos hitrejši od drugega.

Drug način so storitve tretjih oseb. Dajanje jih zelo enostavno in hitro, vendar te storitve včasih "visijo", in stran prikaže nekaj nerazumljivo namesto gumbov.

Poleg tega lahko v storitvah in vtičnikih obstajajo dodatne povezave do razvijalcev, ki jih ne potrebujemo.
Tako je vaša koda najboljši izhod. Glavna stvar - da bi bilo čisto, gladka, brez nepotrebnih razbitin in napak.

Ali imate radi članke? Naročite se na glasilo!

Iskanje

povezani članki