Integrer Media & Apps Sektion

Brug sektionen Medier og apps til at tilføje eksternt indhold til dit websted som Pinterest board, Youtube, Tumblr, Spotify, Vimeo og mere.

Før du begynder
Embed-blokke trækker indhold fra tjenester, der bruger oEmbed-standarden eller manuelt indstillede indlejringskoder.

I denne artikel:

  1. Hvad er en medie- og apps-sektion?
  2. Tilføjelse af en medie- og appsektionssektion til siden
  3. Tilføj og rediger listeelementer
  4. Rækkefølge listeelementer
  5. Sletning af listeelementer
  6. Ændring af sektionslayout
  7. Stilmuligheder

1. Sektionen Medier og apps 

  • Du kan nemt inkludere en Media & Apps Sektion på din hjemmeside, hvor du kan fremvise Pinterest board, Youtube, Tumblr, Issuu, Spotify, SlideShare, Wlista, Vimeo, Soundcloud, Dribble, Facebook, Bandcamp, Flickr, Instagram-indlæg, Giphy, Twitch, og enhver tilpasset indlejret kode.

2. Tilføj Media & Apps Sektion

  • For at tilføje et afsnit skal du tilføje en side til din hjemmeside først.
  • På din side, klik på blåt + ikon at tilføje en Ny afdeling til din side.
  • Du vil nu se sektionskategorier på venstre side.
  • Rul ned og vælg afsnittet Medier og apps (1) mulighed, hvor du kan vælge mellem de forskellige muligheder.

Vælg et hvilket som helst sektionslayout (2), og klik på det for at tilføje det til din side.


3. Tilføj og rediger listeelementer

Tilføj listeelement

Når du har tilføjet afsnittet:

  • Klik på Administrer indlejringssektion (1) knappen for at åbne panelet med listeelementer.

  • Klik på Tilføj vare (2) knappen for at tilføje et nyt listeelement.

Rediger listeelement

  • Det åbner redigeringsmulighederne for listeelementer.
  • Tilføj en URL (1) eller tilføj en indlejringskode (2) for listeelementet.
  • Hvis du vælger tilføje linkindstilling, kan du tilføje dit link her(3), titel(4), undertekst (5), beskrivelse 6) og tilføje type Link (7) til listepunktet. Du kan tilføje et knap/billedlink/socialt ikon/tekstlink. Lær mere.
  • Hvis du vælger tilføj indlejringskode, kan du tilføje din indlejrede kode her(3), titel(4), undertekst (5), beskrivelse 6) og tilføje en type Link (7) til listepunktet.

4. Sekvenslisteelementer

  • Du kan nemt trække og slippe listeelementerne for at ændre rækkefølgen.

5. Slet et listeelement

Når du har tilføjet et listeelement, kan du redigere det samme og også slette det.

  • Klik på Slette ikonet ved siden af ​​elementet på den integrerede liste.
  • Klik på Slette knappen i bekræftelses-popup'en.
  • Gem dine ændringer.

6. Sektionslayout

  • Klik på Edit Embed Section (1) knappen for at åbne listeredigeringspanelet.

  • Vælg den Layout (2) faneblad.
  • Vælg layoutet for din sektion, og gem din changes (3).


7. Style dit afsnit

  • Klik på Administrer indlejringssektion (1) knappen for at åbne redigeringspanelet for Testimonial List.
  • Vælg den Stil (2) fane.
  • Skift stilen for sektionselementerne og Gem (3) dine ændringer.

Style Valg

Du vil have flere stilmuligheder for sektionen: 

Varer 

  1. Angiv Mellemrum mellem rækker af listepunkterne.
  2. Juster indholdet vandret eller lodret i listeelementerne. Du kan indstille dem til at være venstre, højre, centreret eller top, center, bund, justeret.
  3. Vælg Integrer beskæring. Du kan indstille den som 16:9, 3:2 vandret, 1:1 kvadratisk eller 2:1 vandret.

Størrelse & plads 

  1. Angiv Indlejringsbredde for listepunkter.
  2. Angiv Indholdsbredde for listepunkterne.
  3. Angiv Plads under afsnitsoverskrift i px.
  4. Angiv mellemrummet mellem indlejring og tekst (i %).
  5. Angiv Plads under titlerne af listepunkterne (i %).
  6. Angiv mellemrummet under underteksten for listeelementerne (i %).

Tekststil

  1. Klik på Skift tekststil knappen for at besøge Design afsnit og administrere dine skriftstørrelser og stilarter.
  2. Indstil Titel skrifttype for listeelementerne.
  3. Indstil Subtitle skrifttype for listeelementerne.
  4. Indstil standard Beskrivelse skrifttype for listeelementerne.

Kort 

  1. Se hvordan at administrere kort.

Shadow 

  1. Skærm – Vælg at vise skyggen bag listeelementerne altid eller kun ved at svæve.
  2. stil – Vælg mellem eksisterende forudindstillinger eller opret en brugerdefineret skygge. Hvis du har valgt Custom-indstillingen, så besøg denne Box Shadow Generator for at skabe en brugerdefineret skygge. Til sidst skal du kopiere og indsætte box shadow CSS.
  3. Hvis du har valgt forudindstillinger, så Vælg Shadow Styles fra dropdown.
  1. Se hvordan til at styre udformningen af ​​knapper og links.
  2. Gem ændringerne.

 


Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.