no.hideout-lastation.com
Paradis For Designere Og Utviklere


Legg til Tweetable Links i innholdet ditt med InlineTweet.js

Du ser denne funksjonen mye på store nettsteder som TechCrunch og Mashable. Du vil lese en artikkel og legge merke til at en hel setning er uthevet som en lenke .

Likevel, når du klikker på det, åpnes et tweet-vindu som ber deg om å dele denne tekstbiten med dine Twitter-følgere. Det er en fin måte å drive trafikk til nettstedet ditt og oppfordre til flere sosiale aksjer.

For å gjenskape denne effekten på nettstedet ditt, prøv InlineTweet.js . Det kan spare deg for timer med oppsetttid ved å legge til denne funksjonaliteten direkte på siden din.

Dette gratis JavaScript-pluginet er super enkelt å installere, og det har til og med et gratis WordPress-plugin hvis du foretrekker den ruten.

Det krever ingen JavaScript-avhengigheter, så du kan kjøre denne sans-jQuery.

Alt innhold fungerer direkte gjennom dataattributter, så du vil sette disse opp en etter en, basert på innholdet ditt. Naturligvis gjør WordPress-plugin dette mye enklere, så hvis du foretrekker å ha mer kontroll, er dette et flott alternativ.

På hovedskriptsiden finner du noen kodestykker som viser hvordan dette fungerer.

Du må bare inkludere JS-skriptet på siden din og kopiere noe CSS til stilarket ditt (bare 3 blokker). Derfra kan du legge til HTML-koder som dette:

 Lorem Khaled Ipsum er en viktig nøkkel til suksess 

Det eneste obligatoriske elementet her er det aller beste data-inline-tweet attributtet. Dette er det eneste du trenger for å få effekten til å virke, alt annet er valgfritt .

Men de ekstra alternativene gjør en forskjell fordi de legger til funksjoner til den automatisk genererte tweet :

  • Data-inline-tweet-via - legger til en @mention i tweetet
  • Data-inline-tweet-tags - legger koder til tweetet (hvis det er rom)
  • Data-inline-tweet-url - inneholder en klikkbar URL i tweetet ditt

Oppsettet kan være vanskelig, og derfor anbefaler jeg at du bruker WordPress-pluginet hvis du kan.

Men det er ikke så ille hvis du bare kopierer / limer inn innholdet til hvilken tekst du vil tweetable. Og for en gratis plugin er denne tingen veldig lett.

Ta en titt på demo siden for å se dette i gang og se på GitHub repo hvis du vil lære mer.

50 Beautiful Church WordPress Temaer for 2017

50 Beautiful Church WordPress Temaer for 2017

Lesbarhet, minimalisme og god brukeropplevelse er vanlige ting som et premium WordPress-tema burde ha. Vanligvis, i tilfelle av en kirke nettsteder, er ikke mye oppmerksomhet til design aspekter. Imidlertid kan et moderne kirkes WordPress-tema ta imot nyeste designtrender og nyttig informasjon for sine brukere

(Tekniske og design tips)

5 gratis skjermopptakverktøy for macOS

5 gratis skjermopptakverktøy for macOS

Hvis du bruker mye tid på å gjennomføre opplæringsprogrammer, kan det bli litt frustrerende når du har problemer med å få poenget ditt til publikum. Tross alt kan visse ting bare ikke forklares gjennom bilder og tekst . Noen ganger er det du trenger å registrere sekvensen av handlinger i en video, slik at alle kan se og lytte til trinnene i opplæringen din for å bedre forstå prosessen.I dag dele

(Tekniske og design tips)