Sosiale medier: ikoner og deling

Del pÃ¥ E-post, Facebook eller X/Twitter

Komponent for tips- og dele-funksjon på sider som ikke automatisk har disse funksjonene, for eksempel prosjektsider eller tematiske forsider. Bør ikke brukes på generelle forsider, der deling ikke er et behov.

Anbefalt måte å legge inn Del på-funksjon

<div class="vrtx-social-components">${resource:email-friend} ${resource:share-at}</div>

Lenke til sosiale medier

Plassering

  • Nederst i innholdsfeltet for artikkelmal og arrangementsmal
  • PÃ¥ fakultet- og instituttforside:
    • Mellom "Tjenester og verktøy" og "Arrangementer", eller lenger ned.

Utseende på For ansatte

For utseende på uio.no, se designmanualen for UiO.

Slik legger du det inn

  1. Rediger nettsiden

  2. Opprett en ny boks i høyre kolonne og plasser den riktig

  3. Sett tittel til "<Enhetsnavn> i sosiale medier"

  4. Velg "Kilde" og lim inn følgende HTML-kode:

    <ul class="vrtx-social-list">
    <li><a class="facebook" href="/">Facebook</a></li>
    <li><a class="x" href="/">X</a></li>
    <li><a class="google-plus" href="/">Google+</a></li>
    <li><a class="youtube" href="/">YouTube</a></li>
    <li><a class="linkedin" href="/">LinkedIn</a></li>
    <li><a class="instagram" href="/">Instagram</a></li>
    <li><a class="tripadvisor" href="/">Tripadvisor</a></li>
    <li><a class="snapchat" href="/">Snapchat</a></li>
    <li><a class="pinterest" href="/">Pinterest</a></li>
</ul>

  5. GÃ¥ ut fra kildevisning og fjern lenkene til sosiale medier som ikke er aktuelle

  6. Legg inn riktig webadresse mellom hermetegnene etter href="/" til de sosiale mediene du ønsker å lenke opp

  7. Lagre nettsiden og voilà... så får du klikkbare ikoner for de sosiale mediene du har lenket til

Lenke til nyhetsbrev

${lib:newsletter-link url=[/lenke/til/nyhetsbrev]}

Hvis du vil overstyre lenketekst kan du legge inn text=[] med din egen tekst.

Innebygget Twitter/X-feed

${lib:twitter-feed user=[brukernavn]}

Høyde pÃ¥ Twitter-ramme er default 400 piksler. Hvis du vil overstyre sÃ¥ kan du legge inn height=[] med din egen høyde.

Twitter/X Cards - dele artikler på Twitter/X med bilde og tekst

Bilde: For at bilde skal vises pÃ¥ Twitter/X nÃ¥r noen deler en artikkel fra UiO mÃ¥ bildet legges inn i feltet "Bilde" i tilknytning til innledningen i artikkelmalen.

Tekst: For at egendefinert tekst skal vises i saken som deles, mÃ¥ det legges inn spesifikt i feltet "Metadata" under "Om"-fanen i artikkelen. Hvis det ikke legges inn tekst her vil standardteksten "Les denne saken pÃ¥ UiOs nettsider" bli vist i Twitter/X-feeden.

Publisert 29. apr. 2014 16:49 - Sist endret 20. sep. 2023 11:29
Del på e-post