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.

12 viktige plugin for WordPress utviklere

12 viktige plugin for WordPress utviklere

Som dagens mest brukte CMS har WordPress mange plugins som forbedrer sine evner. For å nevne noen, er det et veldig populært plugin kalt WooCommerce som gjør WordPress til en fullverdig e-handelsplattform, og bbPress som gjør at man kan kjøre et forum på nettstedet.Bortsett fra plugins for generelle brukere, har WordPress ganske mange som er rettet mot utviklere også. Hvis

(Tekniske og design tips)

21 Gratis Hi-Res Visittkort Mockups

21 Gratis Hi-Res Visittkort Mockups

Visittkortet er en av de beste måtene å legge inn et inntrykk med en ny klient eller arbeidsgiver. Men i den digitale verden er det fysiske visittkortet ikke noe du bare kan overlevere. Dette er hvor visittkortmaler som de som vises i dette innlegget kommer inn.Disse maler og mockups er gratis å bruke og har elementer (for eksempel tekstur og farge) som enkelt kan redigeres. F

(Tekniske og design tips)