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 oEmbed-standarden eller manuelt innstilte innebyggingskoder.

I denne artikkelen:

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

1. Seksjonen Medier og apper 

  • 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. Seksjonen Legg til Media og apper

  • 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.
  • Rull ned og velg delen Media & Apps (1) alternativ hvor du kan velge mellom de forskjellige alternativene.

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å Edit Embed Section (1) for å åpne listeredigeringspanelet.

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


7. Style seksjonen din

  • Klikk på Administrer innebygd seksjon (1) for å åpne Redigeringspanelet for Testimonial.
  • Velg Stil (2) fanen.
  • Endre stilen for seksjonselementene og Lagre (3) endringene dine.

Stilalternativer

Du vil ha flere stilalternativer for delen: 

elementer 

  1. Spesifiser Mellomrom mellom rader av listeelementene.
  2. Rette inn innholdet horisontalt eller vertikalt i Listeelementene. Du kan angi at de skal være venstre, høyre, senter eller topp, senter, bunn, justert.
  3. Velg Bygg inn beskjæring. Du kan angi den som 16:9, 3:2 horisontal, 1:1 kvadrat eller 2:1 horisontal.

Størrelse og plass 

  1. Spesifiser Innebyggingsbredde for listeelementer.
  2. Spesifiser Innholdsbredde for listeelementene.
  3. Spesifiser Plass under seksjonsoverskrift i px.
  4. Spesifiser mellomrommet mellom innebygging og tekst (i %).
  5. Spesifiser Plass under titlene av listeelementene (i %).
  6. Spesifiser mellomrom under undertittel for listeelementene (i %).

Tekststil

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

Kort 

  1. Se hvordan å administrere kort.

Shadow 

  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.
  1. Se hvordan for å administrere stilen til knapper og lenker.
  2. Spar Forandringene.

 


Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.