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 "澳门葡京手机版app下载", 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