Kuinka lisätä Pinterest Pin It -painike Weebly -kuviin?
Pinterest on yksi helpoimmista tavoista jakaa kuvasi laajemmalle yleisölle ja tehdä niistä suosittuja. Tämä auttaa myös lisäämään liikennettä Weebly -sivustoosi kiinnostuneilta käyttäjiltä. Mietitkö milloin tahansa, kuinka ihmiset lisäävät Pinterestin jakamispainikkeen, joka näkyy hiirellä, joka liikkuu sivun kaikissa kuvissa? Itse asiassa se on niin yksinkertaista kuin lisätä muutama koodirivi tämän mahdollistamiseksi, ja selitämme tämän artikkelin esimerkin avulla.
Aiheeseen liittyviä: Kuinka määrittää AddThis ja ShareThis sosiaalinen jakaminen Weeblyssä?
Vie hiiri alla olevan kuvan päälle nähdäksesi Pinterest -jakamispainikkeen.
Kuinka lisätä Pinterest Pin it -painike Weebly -kuviin?
Lisää alla oleva skripti Weebly -sivusi alatunnisteen alle, jotta Pinterest -kuvien jakamispainike otetaan käyttöön:
<script async defer data-pin-hover="true" data-pin-tall="true" src="//assets.pinterest.com/js/pinit.js"></script>Se siitä!!! Kyllä se todella on se !!!
Nyt kaikille sivulle lisätyille kuville on näkyvissä Pinterest -painike. Tämä sisältää kuvat, diaesityksen ja galleriaelementin avulla ladatut kuvat.
Pinterest tarjoaa widget -rakennustyökalun erilaisten jakamispainikkeiden luomiseen verkkosivustoille ja sovelluksille.
Pin It -painikkeen luominen ja mukauttaminen sivustollesi
- Siirry widget -rakennustyökaluun ja valitse lisättävän painikkeen tyyppi. Kiinnitä -painikkeen lisäksi sinulla on muita vaihtoehtoja, kuten seurantapainike, tappi, taulu ja profiili, jotka voit lisätä sivustollesi.
- Napsauta "Kiinnitä se" -vaihtoehtoa ja valitse sitten "Image Hover" -vaihtoehto painikkeiden pudotusvalikosta.
- Voit luoda kahdenlaisia painikkeita – toinen on pyöristetty punaisella taustalla ja toinen suorakulmio, jossa on punainen/valkoinen/harmaa tausta. Pyöreä painike on käytettävissä vain punaisella taustalla, eikä pyöreälle painikkeelle ole muita mukautusvaihtoehtoja. Tässä esimerkissä luomme suorakulmion painikkeen, joten poista valinta pyöreästä vaihtoehdosta ja valitse suuri painikekoko.
- Valitse painikkeesi harmaa väri.
- Valitse painikkeen tekstin kieli englanti tai japani.
- Tarkista painikkeen esikatselu viemällä hiiri esikatselukuvan päälle.
- Kopioi luotu koodi ja liitä se Weebly -sivusi alatunnisteeseen.
Yhdelle sivulle voit lisätä vain yhden tyyppisiä painikkeita, koska useat skriptit eivät toimi yhdellä sivulla. Voit kuitenkin liittää eri tyylipainikkeiden käsikirjoituksen sivustosi eri sivuille, mikä tarkoittaa, että yhdellä sivulla voit näyttää pyöreitä painikkeita ja toisella sivulla suorakulmaisen painikkeen valkoisella taustalla. Voit myös liittää komentosarjan kohtaan "Asetukset> SEO> Alatunnisteen koodi ", jotta se olisi tehokas sivustotasolla, ja kaikissa sivustosi kuvissa on Pinterest Pin It -painike.