EN
Søker...

Bygg inn Media & Apps-seksjonen

Bruk Media & Apps-seksjonen for å legge til eksternt innhold på nettstedet ditt som Pinterest-brett, Youtube, Tumblr, Spotify, Vimeo og mer.

Før du begynner
Innebyggingsblokker henter innhold fra tjenester som bruker Embed-standarden eller manuelt angitte innebyggingskoder.

I denne artikkelen:

  1. Hva er en medie- og appseksjon?
  2. Legger til Media & Apps-seksjonen på siden
  3. Legg til og rediger listeelementer
  4. Sekvensere listeelementer
  5. Sletter listeelementer
  6. Endring av seksjonsoppsett
  7. Stilalternativer

1. Media og apper-delen

  • Du kan enkelt inkludere en Media & Apps-seksjon på nettstedet ditt der du kan vise frem Pinterest-brett, Youtube, Tumblr, Issuu, Spotify, SlideShare, Wlista, Vimeo, Soundcloud, Dribble, Facebook, Bandcamp, Flickr, Instagram-innlegg, Giphy, Twitch, og eventuell egendefinert innebygd kode.

2. Legg til Media & Apps Section

  • For å legge til en seksjon, må du legge til en side til nettstedet ditt først.
  • På siden din, Klikk på blått + ikon å legge til en Ny seksjon til siden din.
  • Du vil nå se seksjonskategorier på venstre side.
  • Velg Sosiale medier og innebygde medier (1) kategori og klikk på innbygging fane (2) hvor du kan velge mellom forskjellige oppsett av innbygging (3) seksjon.

Velg en seksjonslayout (2) og klikk på den for å legge den til siden din.

3. Legg til og rediger listeelementer

Legg til listeelement

Når du har lagt til delen:

  • Klikk på Administrer innbyggingsseksjon (1) for å åpne listeelementpanelet.

  • Klikk på Legg til element (2) for å legge til et nytt listeelement.

Rediger listeelement

  • Det vil åpne redigeringsalternativene for listeelementer.
  • Legg til en URL (1) eller legg til en innebygd kode (2) for listeelementet.
  • I tilfelle du velger alternativet legg til lenke, kan du legge til lenken din her(3), tittel(4), undertittel (5), beskrivelse 6) og legge til type link (7) til listeelementet. Du kan legge til en knapp/bildekobling/sosialt ikon/tekstlenke. Les mer.
  • Hvis du velger alternativet legg til innebygd kode, kan du legge til den innebygde koden her(3), tittel(4), undertittel (5), beskrivelse 6), og legge til en type link (7) til listeelementet.

4. Sekvenslisteelementer

  • Du kan enkelt dra og slippe listeelementene for å endre rekkefølgen.

5. Slett et listeelement

Når du har lagt til et listeelement, kan du redigere det samme og også slette det.

  • Klikk på Delete ikonet ved siden av elementet i den innebygde listen.
  • Klikk på Delete knappen i bekreftelsespopupen.
  • Spar endringene dine.

6. Seksjonsoppsett

  • Klikk på Rediger innebygd seksjon (1) for å åpne listeredigeringspanelet.

  • Velg Layout (2) fane.
  • Velg layout for din seksjon og lagre din endringer (3).

7. Style seksjonen din

  • Klikk på Rediger innebygd seksjon (1) knappen for å åpne redigeringspanelet.

  • Velg Stil (2) fanen.
  • Endre stilen for seksjonselementene og Lagre (3) endringene dine.

Du vil ha flere stilalternativer for delen: 

  1. Elementer Alternativer
  2. Alternativer for tekststørrelse
  3. Avstandsalternativer
  4. Seksjonsoverskrift
  5. Legg inn beskjæring
  6. Formmaske
  7. Alternativer for kort 
  8. Skyggealternativer
  9. Knapper og lenker

Elementer Alternativer

  1. Velg til Vis elementer in rader og kolonner or karusellen 
    • Hvis du har valgt rader og kolonner alternativet, vil listeelementene bli ordnet i rader og kolonner. I dette tilfellet må du spesifisere antall rader og kolonner.
    • Hvis du har valgt karusellen alternativet, vil listeelementene bli presentert som en lysbildefremvisning.
  2. Sett Antall kolonner for innebyggingslisten. Du kan velge mellom 1 til 10 kolonner.
  3. Spesifiser Mellomrom mellom kolonner av listeelementene.
  4. Spesifiser Mellomrom mellom rader av listeelementene.
  5. Velg Innholdsrekkefølge dvs. om den innebygde delen av listeelementene som skal vises først eller den tilknyttede teksten.
  6. Rette inn innholdet horisontalt i bildelisten. Du kan stille dem til å være venstre-, høyre- eller senterjustert.

Alternativer for tekststørrelse

  1. Klikk på Endre tekststil knappen for å besøke Design seksjon og administrere skriftstørrelser og stiler.
  2. Sett Tittel skriftstil for listeelementene.
  3. Sett Undertittel skriftstil for listeelementene.
  4. Angi standard Tekniske beskrivelser skriftstil for listeelementene.

Avstandsalternativer

  1. Spesifiser Innebyggingsbredde for listeelementer (i %).
  2. Spesifiser Innholdsbredde for listeelementene (i %).
  3. Spesifiser Plass under seksjonsoverskrift (i px).
  4. Spesifiser Mellomrom under den innebygde delen (i %).
  5. Spesifiser Plass under titlene av listeelementene (i %).
  6. Spesifiser Mellomrom under undertekst av listeelementene (i %).

Seksjonsoverskrift

  1. Juster horisontalt seksjonens overskriftstekst. Du kan sette den til Venstre, Senter og Høyre.
  2. Aktiver/deaktiver divider mellom seksjonsoverskriften og seksjonsinnholdet.
  3. Sett tykkelse på skilleveggen (i px).
  4. Spesifiser Skillefarge fra fargevelgeren.
  5. Velg en foretrukket Divider stil.

Legg inn beskjæring

  • Velg Legg inn beskjæring. Du kan angi den som 1:1 kvadratisk, 2:1 horisontal, 3:2 horisontal, 4:3, 3:4, 16:9, 2.4:1 og Orignal Embed beskjæring.

Formmaske

  1. Formmaske: Aktiver denne bryteren for å bruke en formmaske på bildet i Embed-delen. Når den er aktivert, vil den valgte formen klippe bildet visuelt inn i det skjemaet.
  2. Velg form: Velg mellom forskjellige forhåndsdefinerte former for å bruke på bildet ditt. Dette lar deg stilisere innholdet ditt kreativt ved å vise bildet i en unik form som avrundet, diamant, dråpe, etc.

Merknader

  • Alternativet Shape Mask er layoutavhengig – Det kan hende det ikke vises under oppsett der tekst som tittel eller undertekst vises over bildet.
  • Stretch-innstillingen avhenger av flere faktorer – inkludert innstillinger for bildestørrelse, justering og beskjæring definert under kategorien Stil.
  • Hvis Bildebeskjæring er satt til Original, vil bildets faktiske dimensjoner avgjøre om det blir strukket vertikalt eller horisontalt.

Alternativer for kort

Skyggealternativer

  1. Vise – Velg å vise skyggen bak listeelementene alltid eller bare ved å holde musepekeren.
  2. Stil – Velg fra eksisterende forhåndsinnstillinger eller lag en egendefinert skygge.
    Hvis du har valgt Egendefinert-alternativet, kan du besøke dette Box Shadow Generator for å lage en egendefinert skygge. Til slutt kopierer og limer du inn boksskygge CSS.
  3. I tilfelle du har valgt forhåndsinnstillinger, så Velg Shadow Styles fra rullegardinmenyen.

Knapper og lenker

  1. Se hvordan for å administrere stilen til knapper og lenker.
  2. Spar Forandringene.

Tagged:

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.

Kontakt oss
Pixpa Studio har nettopp blitt oppdatert. Vi oppdaterer for tiden alle skjermbilder fra hjelpeartikler.