Paano Magdagdag ng Pinterest na “Pin It” Button sa WordPress (Ultimate Guide)

Nais mo bang idagdag ang pindutan ng Pinterest na “Pin It” sa WordPress? Kamakailan lamang, isang bagong mapagkukunan ng trapiko ang lumitaw sa aming mga stats sa blog.


Ito ay sapat na makabuluhan para sa amin na mapansin. Ang mapagkukunan ng trapiko na ito ay Pinterest.

Ang Pinterest ay isang tanyag na site sa social networking na nagbibigay-daan sa iyo upang magbahagi ng visual na nilalaman at magdala ng maraming trapiko sa iyong website (sundin ang WPBeginner sa Pinterest).

Sa artikulong ito, ipapakita namin sa iyo kung paano idagdag ang pindutan ng Pinterest na “Pin It” sa iyong WordPress blog. Ipapaliwanag din namin kung paano idagdag ang pindutan ng Pin It sa ibabaw ng mga imahe ng iyong website.

Magdagdag ng pindutan ng Pinterest Pin It sa WordPress

Pagdaragdag ng isang Pinterest na “Pin It” Button Gamit ang isang Plugin

Opisyal na binago ng Pinterest ang pindutan ng pindutan ng “Pin It” na I-save sa 2016.

Bagaman ginagamit pa rin ng ilang mga plugin ang pangalang “Pin It” sa halip na I-save, ginagawa nila ang parehong trabaho ng pag-pin ng iyong mga imahe sa Pinterest.

Ang pinakamadaling paraan upang magdagdag ng isang pindutan ng Pinterest sa iyong site ng WordPress ay sa pamamagitan ng paggamit ng isang plugin sa pagbabahagi ng sosyal.

Inirerekumenda namin ang paggamit ng Shared Counts plugin para sa hangaring ito. Ito ang pinakamahusay na plugin ng social media para sa WordPress dahil libre ito at pinapayagan kang madaling idagdag ang pindutan ng Pinterest kasama ang iba pang mga tanyag na social network.

Upang magsimula, kailangan mong i-install at i-activate ang plugin na Ibinahagi na Mga Bilang. Maaari mong sundin ang aming hakbang-hakbang na gabay sa kung paano mag-install ng isang plugin ng WordPress para sa detalyadong mga tagubilin.

Sa pag-install, magtungo sa Mga Setting »Mga Ibinahaging Mga Bilang pahina upang i-configure ang plugin.

Ibinahaging pahina ng mga setting ng Mga Ibinahaging Mga Bilang

Sa pahina ng mga setting, kailangan mong mag-scroll pababa sa Ipakita seksyon at pagkatapos ay i-click ang “Share Buttons to Display” na textbox.

Magbubukas ito ng isang menu ng pagbagsak kung saan maaari mong piliin ang mga serbisyo sa social media na nais mong idagdag. Bilang default, makikita ang Pinterest sa kahon na iyon, kasama ang Facebook at Twitter.

Maaari mo ring piliin ang lokasyon at uri ng post kung saan nais mong ipakita ang pindutan ng Pinterest. Ito ay may maraming mga estilo ng pindutan na maaari kang pumili mula sa pagpipiliang ‘estilo ng pindutan ng pindutan’.

Kapag tapos ka na, huwag kalimutang mag-click sa I-save ang mga pagbabago pindutan upang maimbak ang mga setting.

Maaari mo na ngayong bisitahin ang anumang post sa iyong website upang makita ang pindutan ng Pinterest.

Ang pindutan ng Pinterest ay idinagdag sa post ng WordPress

Ang isa pang malinis na bagay tungkol sa SharedCounts ay ang libreng Custom Pinterest Image addon na magagamit sa Github. Hinahayaan ka nitong magtakda ng isang pasadyang imahe ng pagbabahagi ng Pinterest at paglalarawan na na-optimize para sa Pinterest.

Tandaan: Gumagamit kami ng SharedCount plugin sa aming website dahil ito ang pinakamahusay na pagpipilian sa merkado. Napakahusay na naka-code at libre ito.

Manu-manong pagdaragdag ng isang Pinterest Pin It Button sa WordPress

Mas gusto ng ilang mga gumagamit ng pansamantalang magdagdag ng mano-mano ang mga pindutan ng pagbabahagi ng social sa kanilang WordPress site sa halip na gumamit ng isang plugin.

Tingnan natin kung paano manu-manong magdagdag ng pindutan ng Pinterest sa WordPress.

Ang unang bagay na kailangan mong gawin ay gumawa ng isang kumpletong backup ng WordPress ng iyong site. Makakatulong ito sa iyo na maibalik ang iyong site kung sakaling may masira sa aksidente.

Susunod, kailangan mong kumonekta sa iyong WordPress hosting gamit ang isang FTP client at pagkatapos ay pumunta sa / wp-content / tema / folder.

Mula dito, kailangan mong buksan ang iyong kasalukuyang folder ng tema at pagkatapos ay hanapin ang footer.php file.

Mag-download ng footer php file

Susunod, mag-click sa kanan sa file na iyon at pagkatapos ay piliin ang Pag-download mula sa menu. Mag-download ito ng file ng footer.php sa iyong computer.

Ngayon ay kailangan mong buksan ang file ng footer.php gamit ang isang plain text editor tulad ng Notepad at pagkatapos ay i-paste ang sumusunod na script mismo bago ang tag.

(function () {
window.PinIt = window.PinIt || {load: false};
kung (window.PinIt.loaded) bumalik;
window.PinIt.loaded = totoo;
gumana async_load () {
var s = dokumento.createElement ("script");
s.type = "teksto / javascript";
s.async = totoo;
s.src = "https://assets.pinterest.com/js/pinit.js";
var x = dokumento.getElementsByTagName ("script") [0];
x.parentNode.insertBefore (s, x);
}
kung (window.attachEvent)
window.attachEvent ("pasanin", async_load);
iba pa
window.addEventListener ("load", async_load, maling);
}) ();

Kapag nagawa mo na iyon, kailangan mong i-save ang file at pagkatapos i-upload ito pabalik sa kasalukuyang folder ng tema.

Susunod, kailangan mong hanapin at i-download ang solong.php file mula sa iyong folder ng tema at buksan ito para sa pag-edit. Pagkatapos nito kailangan mong magdagdag ng sumusunod na code.

Kailangan mong piliin ang lokasyon kung saan mo nais na lumitaw sa iyong post. Pagkatapos ng pamagat ng post ay ang pinaka-karaniwang paglalagay para sa mga pindutan ng social media.

<?php $ pinterestimage = wp_get_attachment_image_src (get_post_thumbnail_id ($ post->ID), ‘buong’); ?>
ID)); ?>&media =<?php echo $ pinterestimage [0]; ?>&paglalarawan =<?php ang_title (); ?>" klase ="pin-it-button" count-layout ="patayo">I-pin ito

Ipinapakita ng nasa itaas na code ang pindutan ng Pinterest kasama ang iyong itinampok na imahe, pamagat, paglalarawan, at pag-post ng URL sa parameter ng share URL.

Sa wakas, kailangan mong i-save ang file at i-upload ito pabalik sa iyong direktoryo ng tema gamit ang FTP.

Ito ay magdagdag ng isang vertical na pindutan ng pagbabahagi sa mga post ng iyong website. Kung nais mong ipakita ang pahalang na pindutan ng pagbabahagi, pagkatapos ay baguhin lamang ang parameter ng count-layout upang pahalang.

Lumilikha ng isang Shortcode para sa Pinterest Button

Kamakailan, tinanong sa amin ng isa sa aming mga gumagamit kung paano lumikha ng isang shortcode para sa pindutan ng Pinterest na “Pin It”.

Pinapayagan ka ng mga shortcode sa WordPress na madaling magdagdag ng mga dynamic na item sa iyong mga post sa WordPress, pahina, at mga widget. Sa pamamagitan ng paglikha ng isang shortcode, magagawa mong manu-manong magdagdag ng pindutan ng Pinterest sa iyong mga artikulo.

Una, kakailanganin mong idagdag ang sumusunod na code sa file ng function.php ng ​​iyong tema o isang plugin na tukoy sa site:

pag-andar ng get_pin ($ atts) {
$ pinterestimage = wp_get_attachment_image_src (get_post_thumbnail_id ($ post->ID), ‘buong’);
ibalik ang ‘ID)). ‘&media = ‘. $ pinterestimage [0]. ‘&paglalarawan = ‘. get_the_title (). ‘" klase ="pin-it-button" count-layout ="patayo">I-pin ito’; }

add_shortcode (‘pin’, ‘get_pin’);

Pagkatapos nito, maaari mong gamitin ang [pin] shortcode sa iyong mga post sa WordPress kung saan nais mong ipakita ang pindutan ng Pinterest.

Pagdaragdag ng Pinterest Pin It Button Sa Iyong Mga Larawan

Kung nagpapatakbo ka ng isang fashion, litrato, o portfolio site, siguradong nais mong maibahagi ang iyong mga imahe sa Pinterest upang madagdagan ang iyong website ng trapiko.

Tingnan natin kung paano idagdag ang pindutan ng Pinterest Pin na ito sa iyong mga imahe sa WordPress. Ang pindutan na ito ay lilitaw lamang kapag nagdala ng gumagamit ang kanilang mouse sa iyong mga imahe, na pinapayagan silang madaling ibahagi ang imahe sa kanilang profile sa Pinterest.

Una, kailangan mong i-install at i-aktibo ang Pinterest Pin na Button para sa Mga Larawan plugin.

Sa pag-activate, pumunta sa Mga setting »Pinterest Pin It pahina upang i-configure ang plugin.

Pinterest Pin It button para sa pahina ng mga setting ng mga imahe

Sa pahina ng mga setting, maaari mong piliin kung saan nais mong ipakita ang pindutan ng “Pin It” sa iyong WordPress site. Maaari mo lamang itong ipakita sa iisang post, pahina, pahina ng kategorya, o saanman sa iyong site.

Ang susunod na pagpipilian ay ang pumili ng default na paglalarawan mula sa menu ng pagbagsak. Ito ay gagamitin bilang paglalarawan ng imahe para sa naka-pin na imahe.

Kapag tapos na, kailangan mong mag-click sa I-save pindutan upang maimbak ang mga setting. Ngayon ay maaari mong bisitahin ang iyong website at pagkatapos ay i-hover ang iyong cursor ng mouse sa anumang imahe upang makita ang Pinterest “Pin It” na pindutan.

Pinterest Pin It pindutan sa mga imahe

Kung nais mong ibukod ang ilang mga imahe mula sa pagpapakita ng pindutan ng Pin It, pagkatapos ay maaari mong idagdag ang nopin Klase ng CSS sa mga imahe na nais mong ibukod.

Upang gawin iyon, kailangan mong piliin ang block ng imahe sa editor ng post at pagkatapos ay mag-click sa 3 vertical na mga tuldok mula sa toolbar ng block. Magbubukas ito ng isang menu kung saan kailangan mong mag-click sa I-edit bilang HTML pagpipilian.

I-edit ang Imahe bilang pagpipilian sa HTML upang magdagdag ng klase ng CSS

Makikita mo na ngayon ang HTML code ng iyong imahe. Sige na magdagdag nopin sa klase katangian ng img tag:

pangalan ng imahe

Katulad nito, maaari mo ring gamitin ang plugin upang hindi paganahin ang awtomatikong pagpapakita ng pindutan ng “Pin It”, at gamitin ang klase ng CSS na “pinthis” upang piliin ang pindutan sa mga tiyak na imahe.

Upang gawin iyon, kailangan mong bisitahin ang pahina ng mga setting ng plugin at pagkatapos ay hanapin ang Advanced seksyon sa kanang bahagi ng pahina.

Ang Pinterest Pin Ito ay advanced na mga setting ng plugin

Ngayon kailangan mong suriin ang pagpipilian na nagsasabing ang “Ipakita ang” Pin ito “na pindutan lamang sa mga imahe na may klase =” pinthis “‘, at pagkatapos ay mag-click sa I-save pindutan.

Sa susunod na magdagdag ka ng isang imahe sa isang post o pahina, kailangan mong piliin ang block ng imahe at pagkatapos ay gamitin ang I-edit bilang HTML pagpipilian upang idagdag ang pinthis Ang klase ng CSS sa code ng imahe. Narito ang isang halimbawa:

pangalan ng imahe

Ipapakita nito ang pindutan ng Pinterest sa partikular na imaheng iyon, kahit na pinagana mo ang pagpipilian upang awtomatikong ipakita ang pindutang Pin It sa iyong site.

Iyon lang!

Inaasahan namin na ang artikulong ito ay nakatulong sa iyo na maunawaan kung paano magdagdag ng isang pindutan ng Pinterest na “Pin It” sa iyong WordPress blog. Maaari mo ring makita ang aming gabay sa kung paano lumikha ng isang newsletter ng email at makakuha ng higit pang mga tagasuskribi.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map