̽»¨¾«Ñ¡

Ikoner med lenke til sosiale medier

• Facebook
• X
• Google+
• YouTube
• LinkedIn
• Instagram
• Tripadvisor
• Snapchat
• Pinterest
• Tiktok
• Bluesky

Slik legger du inn ikoner og lenker til sosiale medier

Plassering

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

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

2. 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>
       <li><a class="tiktok" href="/">Tiktok</a></li>
       <li><a class="bluesky" href="/">Bluesky</a></li>
   </ul>
   

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

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

5. Lagre nettsiden, så får du klikkbare ikoner for de sosiale mediene du har lenket til

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

Slik legger du inn Del pÃ¥-funksjon

• 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.
• Kopier koden herfra og lim inn koden nederst i nettsiden du ønsker Ã¥ dele
• Kode:

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

Lenke til nyhetsbrev

Slik legger du inn lenke til nyhetsbrev

• Kopier koden herfra og lim inn koden pÃ¥ nettsiden
• Kode:

${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

Slik legger du inn en innebygget Twitter/X-feed

• Kopier koden herfra og lim inn koden pÃ¥ nettside
• Kode:

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

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

Twitter/X Cards

Slik deler du artikler pÃ¥ Twitter/X med bilde og tekst

Twitter/X cards fungerer foreløpig kun ved deling av artikler. Det stÃ¥r pÃ¥ utviklingslisten Ã¥ fÃ¥ dette som en mulighet over hele nettstedet.

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.

Twitter/X har en egen nettside for å forhåndsvise hvordan lenker som deles ser ut: