TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Kuinka lisätä Pinterest Pin It -painike Weebly -kuviin?

5

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?

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.

Kuinka lisätä Pinterest Pin It -painike Weebly -kuviin?

Pin It -painikkeen luominen ja mukauttaminen sivustollesi

  1. 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.
  2. Napsauta "Kiinnitä se" -vaihtoehtoa ja valitse sitten "Image Hover" -vaihtoehto painikkeiden pudotusvalikosta.
  3. 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.
  4. Valitse painikkeesi harmaa väri.
  5. Valitse painikkeen tekstin kieli englanti tai japani.
  6. Tarkista painikkeen esikatselu viemällä hiiri esikatselukuvan päälle.
  7. 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.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja