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