Kaip pridėti „Pinterest It“ mygtuką „Pin It“ „WordPress“ („Ultimate Guide“)

Ar norite pridėti „Pinterest“ mygtuką „Pin It“ „WordPress“? Neseniai mūsų tinklaraščio statistikoje pasirodė naujas srauto šaltinis.


Tai buvo pakankamai reikšminga, kad mes į tai atkreipėme dėmesį. Šis srauto šaltinis buvo „Pinterest“.

„Pinterest“ yra populiari socialinių tinklų svetainė, leidžianti bendrinti vaizdinį turinį ir pritraukti daug srauto į savo svetainę (sekite „WPBeginner“ svetainėje „Pinterest“).

Šiame straipsnyje mes jums parodysime, kaip pridėti „Pinterest“ mygtuką „Pin It“ į savo „WordPress“ tinklaraštį. Taip pat paaiškinsime, kaip pridėti mygtuką „prisegti“ ant savo svetainės vaizdų.

Pridėti „Pinterest Pin It“ mygtuką „WordPress“

„Pinterest It“ mygtuko pridėjimas naudojant papildinį

„Pinterest“ oficialiai pakeitė mygtuko „Pin It“ pavadinimą į Sutaupyti 2016 metais.

Nors kai kurie papildiniai vietoj išsaugojimo vis dar naudoja pavadinimą „Pin It“, jie daro tą patį darbą – prisegdami jūsų atvaizdus „Pinterest“.

Paprasčiausias būdas pridėti „Pinterest“ mygtuką prie savo „WordPress“ svetainės yra naudojant socialinio bendrinimo papildinį.

Šiuo tikslu rekomenduojame naudoti „Shared Counts“ papildinį. Tai yra geriausias „WordPress“ socialinės žiniasklaidos papildinys, nes jis nemokamas ir leidžia lengvai pridėti „Pinterest“ mygtuką kartu su kitais populiariais socialiniais tinklais..

Norėdami pradėti, turite įdiegti ir suaktyvinti „Shared Counts“ papildinį. Išsamias instrukcijas galite rasti mūsų nuosekliame vadove, kaip įdiegti „WordPress“ papildinį.

Įdiegę eikite į Nustatymai »Bendri skaičiavimai puslapyje, kad sukonfigūruotumėte papildinį.

Shared Counts nustatymų puslapis

Nustatymų puslapyje turite slinkti žemyn iki Ekranas skyrių ir tada spustelėkite teksto laukelį „Bendrinti mygtukus, kuriuos reikia rodyti“.

Bus atidarytas išskleidžiamasis meniu, kuriame galėsite pasirinkti norimas pridėti socialinės žiniasklaidos paslaugas. Pagal numatytuosius nustatymus toje dėžutėje bus „Pinterest“ kartu su „Facebook“ ir „Twitter“.

Taip pat galite pasirinkti vietą ir įrašo tipą, kur norite rodyti mygtuką „Pinterest“. Kartu pateikiami keli mygtukų stiliai, kuriuos galite pasirinkti iš parinkties „Bendrinti mygtuko stilių“.

Baigę nepamirškite paspausti Išsaugoti pakeitimus mygtuką, kad išsaugotumėte nustatymus.

Dabar galite apsilankyti bet kuriame savo svetainės įraše, kad pamatytumėte veikiantį „Pinterest“ mygtuką.

„Pinterest“ mygtukas pridėtas prie „WordPress“ įrašo

Kitas tvarkingas dalykas, susijęs su „SharedCounts“, yra nemokamas „Custom Pinterest“ vaizdo priedas, kurį galima rasti „Github“. Tai leidžia nustatyti pasirinktinį „Pinterest“ bendrinimo vaizdą ir aprašą, optimizuotą „Pinterest“.

Pastaba: Savo svetainėje naudojame „SharedCount“ papildinį, nes tai yra geriausias pasirinkimas rinkoje. Tai labai gerai koduota ir nemokama.

Rankiniu būdu pridedant „Pinterest Pin It“ mygtuką „WordPress“

Kai kurie tarpiniai vartotojai gali mieliau pridėti socialinio bendrinimo mygtukus rankiniu būdu į savo „WordPress“ svetainę, o ne naudoti papildinį.

Pažvelkime, kaip rankiniu būdu pridėti „Pinterest“ mygtuką „WordPress“.

Pirmas dalykas, kurį jums reikia padaryti, yra pasidaryti visą „WordPress“ atsarginę savo svetainės kopiją. Tai padės atkurti savo svetainę, jei kažkas atsitiktinai nutrūktų.

Tada turite prisijungti prie savo „WordPress“ prieglobos naudodami FTP klientą ir tada eikite į / wp-content / themes / aplanką..

Čia turite atidaryti dabartinį temos aplanką ir surasti failą footer.php.

Atsisiųskite poraštės php failą

Tada paprasčiausiai dešiniuoju pelės mygtuku spustelėkite tą failą ir pasirinkite parsisiųsti iš meniu. Tai atsisiųs failą footer.php į savo kompiuterį.

Dabar turite atidaryti failą footer.php naudodami paprasto teksto rengyklę, pavyzdžiui, „Notepad“, tada įklijuokite šį scenarijų tiesiai prieš žymą.

(funkcija() {
langas.PinIt = langas.PinIt || {pakrautas: klaidingas};
if (window.PinIt.loaded) grįžti;
window.PinIt.loaded = true;
funkcija async_load () {
var s = document.createElement ("scenarijus");
s.type = "tekstas / javascript";
s.async = tiesa;
s.src = "https://assets.pinterest.com/js/pinit.js";
var x = document.getElementsByTagName ("scenarijus") [0];
x.parentNode.insertBefore (s, x);
}
if (window.attachEvent)
window.attachEvent ("perkrauti", async_load);
Kitas
window.addEventListener ("apkrova", async_load, false);
}) ();

Tai atlikę, turite išsaugoti failą ir nusiųsti jį atgal į dabartinį temos aplanką.

Tada turite surasti ir atsisiųsti failą single.php iš savo temų aplanko ir atidaryti jį redaguoti. Po to turite pridėti šį kodą.

Savo įraše turėsite pasirinkti vietą, kurioje norite, kad ji būtų rodoma. Po įrašo pavadinimas yra labiausiai paplitusi socialinės žiniasklaidos mygtukų vieta.

<?php $ pinterestimage = wp_get_attachment_image_src (get_post_thumbnail_id ($ post)->ID), „pilnas“); ?>
ID)); ?>&media =<?php echo $ pinterestimage [0]; ?>&aprašymas =<?php the_title (); ?>" klasė ="prisegti mygtuką" count-layout ="vertikalus">Prisek tai

Aukščiau pateiktame kode rodomas mygtukas „Pinterest“ su jūsų pavaizduotu paveiksliuku, pavadinimu, aprašymu ir skelbimo URL bendrinimo URL parametre.

Galiausiai turite išsaugoti failą ir nusiųsti jį atgal į temų katalogą naudodami FTP.

Tai pridės vertikalų bendrinimo mygtuką prie jūsų svetainės įrašų. Jei norite, kad būtų rodomas horizontalus bendrinimo mygtukas, tiesiog pakeiskite skaičiavimo išdėstymo parametrą į horizontalų.

„Pinterest“ mygtuko trumpinio kodo sukūrimas

Neseniai vienas iš mūsų vartotojų paklausė mūsų, kaip sukurti „Pinterest“ mygtuko „Pin It“ trumpąjį kodą.

Trumpieji „WordPress“ kodai leidžia lengvai pridėti dinaminius elementus prie „WordPress“ įrašų, puslapių ir valdiklių. Sukūrę trumpąjį kodą, savo rankose galėsite rankiniu būdu pridėti „Pinterest“ mygtuką.

Pirmiausia prie temos function.php failo arba konkrečios svetainės papildinio turėsite pridėti šį kodą:

funkcija get_pin ($ atts) {
$ pinterestimage = wp_get_attachment_image_src („get_post_thumbnail_id“ ($ post->ID), „pilnas“);
grįžti ‘ID)). ‘&media = ‘. $ pinterestimage [0]. ‘&aprašymas = ‘. get_the_title (). ‘" klasė ="prisegti mygtuką" count-layout ="vertikalus">Prisek tai’; }

add_shortcode (‘pin’, ‘get_pin’);

Po to galite naudoti trumpąjį kodą [pin] savo „WordPress“ įrašuose, kur norite parodyti „Pinterest“ mygtuką.

„Pinterest Pin Button“ mygtuko pridėjimas virš jūsų vaizdų

Jei naudojate mados, fotografijos ar aplanko svetainę, tuomet tikrai norite, kad jūsų vaizdai būtų dalijami „Pinterest“, kad padidėtų jūsų svetainės lankomumas.

Pažvelkime, kaip pridėti „Pinterest Pin it“ mygtuką ant savo vaizdų „WordPress“. Šis mygtukas pasirodys tik tada, kai vartotojas užves pelę ant jūsų atvaizdų, leisdamas jiems lengvai pasidalyti atvaizdu „Pinterest“ profilyje.

Pirmiausia turite įdiegti ir suaktyvinti „Pinterest Pin it Button for Images“ papildinį.

Įjungę eikite į Nustatymai »„ Pinterest Pin It “ puslapyje, kad sukonfigūruotumėte papildinį.

„Pinterest Pin“ mygtukas, skirtas vaizdų nustatymų puslapiui

Nustatymų puslapyje galite pasirinkti, kur norite rodyti mygtuką „Prisegti“ savo „WordPress“ svetainėje. Galite jį rodyti tik pavieniuose įrašuose, puslapiuose, kategorijų puslapiuose ar bet kurioje savo svetainės vietoje.

Kitas pasirinkimas yra pasirinkti numatytąjį aprašą iš išskleidžiamojo meniu. Tai bus naudojama kaip prisegto paveikslėlio aprašymas.

Baigę turite spustelėti Sutaupyti mygtuką, kad išsaugotumėte nustatymus. Dabar galite apsilankyti savo svetainėje ir užveskite pelės žymeklį ant bet kurio paveikslėlio, kad pamatytumėte „Pinterest“ mygtuką „Pin It“.

„Pinterest Pin It“ mygtukas virš vaizdų

Jei norite, kad kai kuriuose vaizduose nebūtų rodomas mygtukas Prisegti, tada galite pridėti nopin CSS klasė vaizdams, kuriuos norite išskirti.

Norėdami tai padaryti, turite pasirinkti vaizdų bloką įrašų redagavimo priemonėje ir tada spustelėkite 3 vertikalių taškų piktogramą iš bloko įrankių juostos. Bus atidarytas meniu, kuriame turite spustelėti Redaguoti kaip HTML variantas.

Redaguoti vaizdą kaip HTML parinktį, kad pridėtumėte CSS klasę

Dabar pamatysite savo atvaizdo HTML kodą. Eik į priekį, kad pridėtum nopin į klasė img žymos atributas:

įvaizdžio vardas

Panašiai galite naudoti papildinį, kad išjungtumėte automatinį mygtuko „Pin It“ rodymą, ir naudokite CSS klasės „pinthis“, kad pasirinktinai atvaizduotumėte mygtuką tam tikruose vaizduose..

Norėdami tai padaryti, turite apsilankyti papildinio nustatymų puslapyje ir surasti Pažengęs skyrius dešinėje puslapio pusėje.

„Pinterest Pin It“ papildinio išplėstiniai nustatymai

Dabar turite patikrinti parinktį „Rodyti mygtuką„ Prisegti “tik vaizdams, kurių klasė yra„ pinthis ““, tada spustelėkite mygtuką „ Sutaupyti mygtuką.

Kai kitą kartą pridėsite paveikslėlį prie įrašo ar puslapio, turite pasirinkti vaizdo bloką ir naudoti Redaguoti kaip HTML galimybė pridėti pinthis CSS klasė prie vaizdo kodo. Štai pavyzdys:

įvaizdžio vardas

Tai parodys „Pinterest“ mygtukas tame konkrečiame paveikslėlyje, net jei išjungėte parinktį automatiškai rodyti mygtuką „Pin It“ jūsų svetainėje.

Tai viskas!

Tikimės, kad šis straipsnis padėjo jums suprasti, kaip pridėti „Pinterest“ mygtuką „Pin It“ į savo „WordPress“ tinklaraštį. Taip pat galbūt norėsite pamatyti mūsų vadovą, kaip sukurti el. Pašto informacinį biuletenį ir sulaukti daugiau prenumeratorių.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me