TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan legge til Pinterest Pin It Button på Weebly Images?

1

Pinterest er en av de enkleste måtene å dele bildene dine til et bredere publikum og gjøre dem populære. Dette vil også bidra til å få mer trafikk til Weebly -nettstedet ditt fra interesserte brukere. Lurte du på når som helst hvordan folk legger til Pinterest -delingsknapp som er synlig på musen på alle bildene på en side? Egentlig er det så enkelt som å legge til noen få kodelinjer for å aktivere dette, og vi vil forklare med et eksempel i denne artikkelen.

Relatert: Hvordan konfigurere AddThis og ShareThis sosiale deling i Weebly?

Hold markøren over bildet nedenfor for å se Pinterest -delingsknappen.

Hvordan legge til Pinterest Pin It Button på Weebly Images?

Hvordan legge til Pinterest Pin it -knapp på Weebly Images?

Legg til skriptet under bunntekstdelen på Weebly -siden for å aktivere Pinterest -bildedelingsknappen:

<script async defer data-pin-hover="true" data-pin-tall="true" src="//assets.pinterest.com/js/pinit.js"></script>

Det er det!!! Ja virkelig det er det !!!

Nå vil alle bilder som er lagt til på den siden ha en Pinterest -knapp synlig når du holder musen. Dette inkluderer bildene lastet opp ved hjelp av bilde, lysbildefremvisning og gallerielement.

Pinterest tilbyr et widgetbyggerverktøy for å lage forskjellige typer delingsknapper for nettsted og apper.

Hvordan legge til Pinterest Pin It Button på Weebly Images?

Opprette og tilpasse Pin It -knappen for nettstedet ditt

  1. Gå til widgetbygger og velg typen knapp du vil legge til. Foruten Pin It -knappen har du andre alternativer som følgeknapp, pin, tavle og profil å legge til på nettstedet ditt.
  2. Klikk på "Pin It" -alternativet, og velg deretter "Image Hover" -alternativet fra rullegardinmenyen for knappetype.
  3. Du kan lage to typer knapper – den ene er avrundet med rød bakgrunn og den andre er rektangel med rød/hvit/grå bakgrunn. Rund knapp er bare tilgjengelig med rød bakgrunn, og det vil ikke være ytterligere tilpasningsalternativer for rund knapp. I dette eksemplet vil vi opprette en rektangelknapp, og deretter fjerne merket for det runde alternativet og velge stor knappestørrelse.
  4. Velg den grå fargen på knappen din.
  5. Velg språket i knappeteksten som engelsk eller japansk.
  6. Sjekk forhåndsvisningen av knappen ved å holde musen over forhåndsvisningsbildet.
  7. Kopier koden som er generert, og lim den inn i bunnteksten på Weebly -siden din.

På en enkelt side vil du kunne legge til bare en knapptype siden flere skript ikke vil fungere på en enkelt side. Men du kan lime inn skriptet for forskjellige stilknapper på forskjellige sider på nettstedet ditt, noe som betyr at på en side kan du vise runde knapper og på den andre siden kan du vise rektangulære knapper med hvit bakgrunn. Du kan også lime inn skriptet under delen "Innstillinger> SEO> bunntekst " for å være effektivt på nettstedsnivå, og alle bildene på nettstedet ditt vil ha Pinterest Pin It -knappen.

Opptakskilde: webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon