Upota Media ja sovellukset -osio

Media & Apps -osion avulla voit lisätä sivustollesi ulkoista sisältöä, kuten Pinterest board, Youtube, Tumblr, Spotify, Vimeo ja paljon muuta.

Ennen aloittamista
Upotusestot hakevat sisältöä palveluista, jotka käyttävät Embed-standardia tai manuaalisesti asetettuja upotuskoodeja.

Tässä artikkelissa:

  1. Mikä on Media & Apps -osio?
  2. Media & Apps -osion lisääminen sivulle
  3. Lisää ja muokkaa luettelokohteita
  4. Listakohteiden järjestys
  5. Luettelon kohteiden poistaminen
  6. Osion asettelun muuttaminen
  7. Tyylivaihtoehdot

1. Media & Apps -osio

  • Voit helposti sisällyttää verkkosivustollesi Media & Apps -osion, jossa voit esitellä Pinterest-taulua, Youtubea, Tumblria, Issuua, Spotifyta, SlideSharea, Wlistaa, Vimeoa, Soundcloudia, Dribbleä, Facebookia, Bandcampia, Flickriä, Instagram-postauksia, Giphyä, Twitchiä, ja mikä tahansa mukautettu upotettu koodi.

2. Lisää Media & Apps -osio

  • Jos haluat lisätä osion, sinun on lisää sivu ensin verkkosivustollesi.
  • Sivullasi, Klikkaa sininen + kuvake lisätä a Uusi jakso sivullesi.
  • Näet nyt osion luokat vasemmalla puolella.
  • Valitse Sosiaalinen media ja upotukset (1) kategoria ja napsauta upotuksen välilehti (2), josta voit valita erilaisia ​​asetteluja että upotuksen (3) jakso.

Valitse mikä tahansa osion asettelu (2) ja lisää se sivullesi napsauttamalla sitä.


3. Lisää ja muokkaa luettelokohteita

Lisää luettelokohde

Kun olet lisännyt osion:

  • Klikkaa Hallinnoi upotusosiota (1) -painiketta avataksesi luettelokohteen paneelin.

  • Klikkaa Lisää kohde (2) -painiketta lisätäksesi uuden luettelokohteen.

Muokkaa luettelokohdetta

  • Se avaa luettelokohteen muokkausvaihtoehdot.
  • Lisää URL-osoite (1) tai upotuskoodi (2) luettelokohteeseen.
  • Jos valitset Lisää linkki -vaihtoehdon, voit lisätä linkin tähän (3), otsikon (4), alaotsikon (5), kuvaus 6) ja lisätä linkin tyypin. Linkki (7) luettelon kohtaan. Voit lisätä painikkeen/kuvalinkin/sosiaalisen kuvakkeen/tekstilinkin. Lisätietoja.
  • Jos valitset Lisää upotuskoodi -vaihtoehdon, voit lisätä upotetun koodin tähän (3), otsikon (4), alaotsikon (5), kuvaus 6) ja lisätä tyypin Linkki (7) luettelon kohtaan.

4. Järjestysluettelokohteet

  • Voit helposti vetämällä ja pudottamalla luettelon kohteita muuttaaksesi järjestystä.

5. Poista luettelokohde

Kun olet lisännyt luettelokohteen, voit muokata sitä ja myös poistaa sen.

  • Klikkaa Poista -kuvaketta upotusluettelokohteen vieressä.
  • Klikkaa Poista -painiketta vahvistusponnahdusikkunassa.
  • Säästä muutoksesi.

6. Osion asettelu

  • Klikkaa Muokkaa upotusosiota (1) -painiketta avataksesi luettelon muokkauspaneelin.

  • Valitse Layout (2) -välilehti.
  • Valitse osiosi asettelu ja tallenna muutokset (3).


7. Muotoile osastosi tyyli

  • Klikkaa Muokkaa upotusosiota (1) -painiketta avataksesi muokkauspaneelin.

  • Valitse Tyyli (2) Tab.
  • Muuta osioelementtien tyyliä ja Tallenna (3) muutoksesi.

Sinulla on useita tyylivaihtoehtoja osiolle: 

  1. Kohteet Asetukset
  2. Tekstin kokoasetukset
  3. Väliasetukset
  4. Osion otsikko
  5. Upota rajaus
  6. Muotoileva naamio
  7. Korttivaihtoehdot 
  8. Varjon asetukset
  9. Painikkeet ja linkit

Kohteet Asetukset

  1. Päättäkää Näytä kohteet in rivejä ja sarakkeita or karuselli 
    • Jos olet valinnut rivejä ja sarakkeita vaihtoehto, luettelon kohteet järjestetään riveihin ja sarakkeisiin. Tässä tapauksessa sinun on määritettävä rivien ja sarakkeiden määrä.
    • Jos olet valinnut karuselli vaihtoehto, luettelon kohteet esitetään diaesityksenä.
  2. - asettaa Kolumnien numerot upotusluetteloa varten. Voit valita 1–10 sarakkeesta.
  3. Määritä Pylväiden välinen tila luettelon kohteista.
  4. Määritä Tila rivien välissä luettelon kohteista.
  5. Valitse Sisällön järjestys eli jos luettelokohteiden upotettu osa näytetään ensin tai siihen liittyvä teksti.
  6. Kohdistaa Sisältö vaakasuunnassa kuvaluettelossa. Voit asettaa ne kohdistetuiksi vasemmalle, oikealle tai keskelle.


Tekstin kokoasetukset

  1. Klikkaa Muuta tekstin tyyliä -painiketta vieraillaksesi Design ja hallita kirjasinkokojasi ja tyylejäsi.
  2. - asettaa Otsikko luettelon kohteiden kirjasintyyli.
  3. - asettaa Alaotsikko luettelon kohteiden kirjasintyyli.
  4. Aseta oletusarvo Tuotetiedot luettelon kohteiden kirjasintyyli.


Väliasetukset

  1. Määritä Upotus leveys luettelon kohteille (%).
  2. Määritä Sisällön leveys luettelon kohteille (%).
  3. Määritä Välilyönti osion otsikon alla (pikselinä).
  4. Määritä Välilyönti upotetun osan alla (sisään %).
  5. Määritä Välilyönti otsikoiden alla luettelon kohdista (%).
  6. Määritä Välilyönti tekstityksen alla luettelon kohdista (%).


Osion otsikko

  1. Tasaa vaakatasossa osion otsikkoteksti. Voit asettaa sen vasemmalle, keskelle ja oikealle.
  2. Ota käyttöön/poista käytöstä Jakaja osion otsikon ja osion sisällön välillä.
  3. - asettaa jakajan paksuus (pikselinä).
  4. Määritä Jakajan väri värivalitsimesta.
  5. Valitse haluamasi Jakaja Tyyli.


Upota rajaus

  • Valita Upota rajaus. Voit määrittää sen kuvasuhteeksi 1:1 neliö, 2:1 vaaka, 3:2 vaaka, 4:3, 3:4, 16:9, 2.4:1 ja alkuperäinen upotettu rajaus.


Muotoileva naamio

  1. Muotonaamio: Ota tämä kytkin käyttöön, jos haluat käyttää muotomaskia Upotus-osion kuvaan. Kun valittu muoto on otettu käyttöön, se leikkaa kuvan visuaalisesti kyseiseen muotoon.
  2. Valitse muoto: Valitse useista ennalta määritetyistä muodoista, joita voit käyttää kuvaasi. Tämän avulla voit tyylitellä sisältöäsi luovasti näyttämällä kuvan ainutlaatuisessa muodossa, kuten pyöristetyssä, vinoneliössä, pudotuksessa jne.

Huomautuksia

  • Shape Mask -vaihtoehto riippuu asettelusta – Se ei välttämättä näy asetteluissa, joissa tekstiä, kuten otsikkoa tai alaotsikkoa, näytetään kuvan päällä.
  • Stretch-asetus riippuu useista tekijöistä – mukaan lukien Tyyli-välilehdellä määritetyt Kuvakoko-, Tasaus- ja Rajausasetukset.
  • Jos Kuvan rajaus -asetuksena on Alkuperäinen, kuvan todelliset mitat määräävät, venytetäänkö se pysty- vai vaakasuunnassa.


Korttivaihtoehdot


Varjon asetukset

  1. näyttö – Valitse, näytetäänkö luettelon kohteiden takana oleva varjo aina vai vain hiiren päällä.
  2. Tyyli – Valitse olemassa olevista esiasetuksista tai luo mukautettu varjo.
    Jos olet valinnut mukautetun vaihtoehdon, käy tässä Box Shadow Generator luodaksesi mukautetun varjon. Lopuksi kopioi ja liitä laatikko varjo CSS.
  3. Jos olet valinnut esiasetusvaihtoehdon, niin Valitse Varjotyylit avattavasta valikosta.


Painikkeet ja linkit

  1. Katso, miten hallita painikkeiden ja linkkien tyyliä.
  2. Säästä muutokset.


Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.