English version of this page

Sosiale medier: ikoner og deling

Ikoner med lenke til sosiale medier

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 "亚博娱乐官网_亚博pt手机客户端登录", 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>
    </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:

Publisert 29. des. 2021 11:20 - Sist endret 13. sep. 2024 11:30