EN
Søger...

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 Embed-standarden eller manuelt indstillede indlejringskoder.

I denne artikel:

  1. Hvad er en medie- og apps-sektion?
  2. Tilføjelse af Media & Apps Sektion 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.
  • Vælg den Sociale medier og indlejringer (1) kategori og klik på indlejringer fane (2), hvor du kan vælge imellem forskellige layouts af indlejringer (3) afsnit.

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å Rediger indlejringssektion (1) knappen for at åbne listeredigeringspanelet.

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

7. Style dit afsnit

  • Klik på Rediger indlejringssektion (1) knappen for at åbne redigeringspanelet.

  • Vælg den Stil (2) fane.
  • Skift stilen for sektionselementerne og Gem (3) dine ændringer.

Du vil have flere stilmuligheder for sektionen: 

  1. Indstillinger for varer
  2. Indstillinger for tekststørrelse
  3. Indstillinger for afstand
  4. Sektionsoverskrift
  5. Integrer afgrøde
  6. Form maske
  7. Kort muligheder 
  8. Skyggeindstillinger
  9. Knapper og links

Indstillinger for varer

  1. Vælg at Vis varer in rækker og kolonner or karrusel 
    • Hvis du har valgt rækker og kolonner valgmulighed, vil listeelementerne blive arrangeret i rækker og kolonner. I dette tilfælde skal du angive antallet af rækker og kolonner.
    • Hvis du har valgt karrusel valgmulighed, vil listeelementerne blive præsenteret som et diasshow.
  2. Indstil Antal kolonner for Indlejringslisten. Du kan vælge mellem 1 til 10 kolonner.
  3. Angiv Mellemrum mellem kolonner af listepunkterne.
  4. Angiv Mellemrum mellem rækker af listepunkterne.
  5. Vælg den Indholdsrækkefølge dvs. hvis den indlejrede del af listeelementerne, der skal vises først, eller den tilknyttede tekst.
  6. Juster Indholdet vandret i billedlisten. Du kan indstille dem til at være venstre-, højre- eller centerjusterede.

Indstillinger for tekststørrelse

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

Indstillinger for afstand

  1. Angiv Indlejringsbredde for listepunkter (i %).
  2. Angiv Indholdsbredde for listepunkterne (i %).
  3. Angiv Plads under afsnitsoverskrift (i px).
  4. Angiv Mellemrum under den indlejrede del (i %).
  5. Angiv Plads under titlerne af listepunkterne (i %).
  6. Angiv Mellemrum under undertekst af listepunkterne (i %).

Sektionsoverskrift

  1. Juster vandret sektionens overskriftstekst. Du kan indstille den til Venstre, Center og Højre.
  2. Aktiver/deaktiver Divider mellem afsnitsoverskriften og afsnitsindholdet.
  3. Indstil tykkelse af skillevæg (i px).
  4. Angiv Opdelerfarve fra farvevælgeren.
  5. Vælg en foretrukken Divider stil.

Integrer afgrøde

  • Vælg Integrer afgrøde. Du kan indstille den som 1:1 kvadratisk, 2:1 vandret, 3:2 horisontal, 4:3, 3:4, 16:9, 2.4:1 og Orignal Embed beskæring.

Form maske

  1. Form maske: Aktiver denne til/fra-knap for at anvende en formmaske på billedet i Embed-sektionen. Når den er aktiveret, vil den valgte form visuelt klippe billedet ind i denne formular.
  2. Vælg form: Vælg mellem forskellige foruddefinerede former til at anvende på dit billede. Dette giver dig mulighed for kreativt at stilisere dit indhold ved at vise billedet i en unik form som afrundet, diamant, drop osv.

Noter

  • Indstillingen Shape Mask er layoutafhængig – Det vises muligvis ikke under layouts, hvor tekst som titel eller undertekst vises over billedet.
  • Stræk-indstillingen afhænger af flere faktorer – inklusive indstillinger for billedstørrelse, justering og beskæring, der er defineret under fanen Stil.
  • Hvis Billedbeskæring er indstillet til Original, vil billedets faktiske dimensioner afgøre, om det bliver strakt lodret eller vandret.

Kort muligheder

Skyggeindstillinger

  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.

Knapper og links

  1. Se hvordan til at styre udformningen af ​​knapper og links.
  2. Gem ændringerne.

Tagged:

Kan du ikke finde det, du leder efter?

Kom i kontakt med en Pixpa-ekspert.

Kontakt os