Stavite gumbe društvenih mreža u WordPress predložak bez dodataka i usluga - Profit Hunter

Olakšavamo učitavanje web-lokacije pomoću vlastitog koda umjesto dodataka! Što je manje, to će se lakše i brže učitati naš predložak, a to je izravan način za poboljšanje ponašanja posjetitelja web-lokacije. U ovom postu naučit ćemo kako napraviti vertikalni blok društvenih gumba koji se pomiču uz članak. Uz to, čitatelj će moći podijeliti link na post i spremiti ga na svoju stranicu, bez obzira na to koliko je tekst pročitao.

Događa se da nemamo vremena proučavati materijal do kraja, a da bismo se kasnije vratili na njega, spremamo ga negdje (npr. U knjižne oznake ili društvene mreže). Često se događa da je gumb gumba daleko na kraju dugog članka, a čitatelju trenutno nije vidljiv, jer osoba još nije pročitala materijal. Pomoću posebnog koda napravit ćemo ga tako da blok bude na vidiku cijelo vrijeme i pomiče se uz članak. Stavite gumbe društvenih mreža u WordPress predložak bez dodataka i usluga - Profit HunterStavite gumbe društvenih mreža u WordPress predložak bez dodataka i usluga - Profit Hunter

Kod društvenih "gumba-zaglavi"

Razvrstajmo kod društvenog gumba za Facebook. Ostatak se može obaviti analogno. 2'13. ! - SocialButtons -. 14 15. span style = "display: scroll; position: fixed, bottom: 280px; lijevo: 50px;". 14 15. noindex. , a target = "blank" rel = "nofollow" href = "http: // www. facebook. com / sharer. php? u =.? php the_permalink ();". , img src = "http: // site. hr / f. png" width = "50" height = "50" title = "Podijeli na Facebooku" alt = "Postavi na Facebook". , / a. , / noindex. , / span. 14 15. ! - SocialButtons -. 20 '' Signatura 13. ! - SocialButtons -. omogućuje vizualno određivanje gdje je u kodu stranice naš blok gumba. Do sada smo postavili samo jedan gumb u blok, ali onda će kod biti mnogo veći. 14 u oznaci. vijek. C atributi su stilovi. Registrirat ćemo ih za svaki gumb. Prikaz prikaza: pomicanje; position: fixed znači da će se gumb "zalijepiti" za zaslon i neće se sakriti s već pročitanim tekstom u procesu pomicanja stranice.

Pokazivači na dnu i lijevo određuju položaj gumba u odnosu na donji i lijevi rub zaslona. U našem slučaju to će biti s lijeve strane posta. Ako ga trebate postaviti na desnu stranu, jednostavno zamijenite "lijevo" s "desno". Kao što ste već primijetili, vrijednosti tih pokazatelja postavljene su u pikselima, a možete ih mijenjati kako želite, dok ne pronađete najoptimalniji položaj u vašem predlošku. Imajte na umu da je u gornjem primjeru uvlačenje gumba na dnu zaslona 280 piksela.

Ali ako želimo staviti još jedan ispod ovog gumba, onda iz 280 moramo oduzeti 50 ili nešto više (50 je visina gumba). Ispada da sljedeći donji gumb više neće imati 280, već maksimalno 230 (ako je više, onda će se slike međusobno naletjeti). Stoga se ova vrijednost treba mijenjati sa svakim novim gumbom. 14 S oznakom . noindex. i atribut rel = "nofollow" zatvaramo veze koje su skrivene u gumbima tako da ih indeksiraju tražilice. U oznaci . a. atribut target = ”blank” odgovoran je za otvaranje prozora s ponudom za dijeljenje u novoj kartici. To je važno jer se korisnik i dalje može vratiti na stranicu web-lokacije koju je pročitao.
href = atribut se izravno uklapa u kôd veze, koji će biti odgovoran za prikazivanje dijaloškog okvira društvene mreže kada se klikne na gumb. Za svaki od njih, ovaj kod će biti različit. Zapiši . ? php the_permalink (); ?. (ne samo da je potrebno za gumb pretplate feedburner) omogućuje vam prikaz veze na naš materijal i njegovo ime na stranici društvene mreže koja se otvara, na primjer: Stavite gumbe društvenih mreža u WordPress predložak bez dodataka i usluga - Profit Hunter

u oznaci . img. navodi se put do gumba slike koji želite staviti, kao i njegove parametre (duljina, širina, naslov, atribut alt).

Tako dobivamo opću shemu kompajliranja tipke gumba društvene mreže:
. span style = "display: scroll; position: fixed, bottom: {value}; lijevo: {vrijednost};". 14 15. noindex. , a target = "blank" rel = "nofollow" href = "{link na društvenu mrežu} =.? php the_permalink ();?.". , img src = "{link to button image}" width = "{value}" height = "{value}" title = "{Podijeli, reci na ...}" alt = "{Podijeli, reci na ...}". , / a. , / noindex. , / span.

Što se tiče značenja veza za različite društvene mreže, one bi trebale biti ovako:

  • Za Facebook: onclick = " prozor. open ('https: // plusone. google. com / _ / + 1 / potvrda? 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 Twitteru .? Php the_permalink (); <.80.>
  • Da biste se pretplatili na feed na blogu: http: // feeds. Feedburner.com/ Naziv vašeg feeda
  • Za poštu. Ru: http: / connect? mail. en / share? share_url =.? php the_permalink ();?.
  • Za Vkontakte: https: // vk.com / share. php? url =. ? php the_permalink (); ?.
  • Za Yandex oznake: http: // zakladki. Yandex. com / newlink. xml? url =. ? php the_permalink ()? , ime =. ? php the_title (); ?. , descr =. ? php the_excerpt (); ?.
  • Za Odnoklassnike: http: // www. odnoklassniki. ru / dk? st. cmd = addShare. st. s = 1. st. _surl =. ? php the_permalink (); ?. , title =. ? php the_title (); ?.

Gdje staviti gumbe društvenih mreža u WordPress predložak

U pravilu, blok se nalazi na stranicama s odvojenim postovima, vijestima. Možete ga staviti na statične stranice. Ne smijete stavljati dodatne vanjske veze na odjeljke ili glavne, iako možete pokušati i pogledati efekt. Samo testovi i eksperimenti mogu pokazati stvarnu situaciju.

Jedna datoteka je odgovorna za zasebnu publikaciju. php, koji se nalazi u mapi s vašom temom. U njemu ćete morati postaviti kod koji ste stvorili. Gdje ga staviti - vaše poslovanje, svejedno, gumbi će stajati na mjestu koje ste naveli u donjem i lijevom atributu. Poželjno je, naravno, staviti ovaj kod na kraj, negdje iza izlaza podnožja. Potrebno je da gumbi društvenih mreža budu prikazani kasnije od glavnog sadržaja, ako korisnik ima spor Internet. Prvi materijal uvijek treba učitati materijalom prilagođenim korisniku, a tek tada - gumb za dijeljenje i tako dalje.

Zašto je bolje ugraditi kôd gumba na web-lokaciju?

Kao što smo već rekli, dodaci su najlakši način za blokiranje gumba. Međutim, cijenimo brzinu učitavanja web-lokacije i pokušavamo minimizirati broj dodataka. Dakle, ako uzmete dva mjesta, a onda kad sve ostale stvari budu jednake, njihova kvaliteta će se izdvojiti iznad druge. I zašto? Zato što je jedan prijenos brži od drugog.

Drugi način su usluge trećih strana. Stavljajući ih vrlo lako i brzo, međutim, ove usluge ponekad "vise", a stranica prikazuje nešto nerazumljivo umjesto gumba.

Osim toga, u uslugama i dodatcima mogu postojati dodatni linkovi za programere koji nam nisu potrebni.
Dakle, vaš je kôd najbolji izlaz. Glavna stvar - da bi ga čist, uredan, bez nepotrebnih krhotina i pogrešaka.

Volite li članke? Pretplatite se na newsletter!

traži

povezani članci