EN
Haetaan ...

Slider Section

Slider Pixpan osio antaa sinun lisätä sivuillesi visuaalisesti houkuttelevan alueen ja samalla parantaa hakukoneoptimointia. Työskenteletpä sitten gallerian, sivun, kansion, asiakasalbumin tai blogin parissa, banneri auttaa luomaan tunnelmaa ja korostamaan tärkeää sisältöä.

Kärki

Jos haluat vain näyttää tekstiviestin verkkosivustosi yläosassa, käytä Ilmoituspalkki. Tai jos haluat luoda ponnahdusikkunan, joka tulee näkyviin vierailijoiden katsellessa verkkosivustoasi, voit kokeilla Markkinoinnin ponnahdusikkuna. 

Tässä artikkelissa

Mikä on banneri

Banneria käytetään näyttämään koko leveyden omaava bannerikuva/kuvaesitys/video sisällön ylä- tai alareunassa.

Tarkista live-demo Banneri

Lisää banneriosio sivulle

  • Sivulle voidaan lisätä osio. Voit joko lisätä osion jo olemassa olevalle sivulle tai luo uusi sivu verkkosivustosi sisällä.
  • Sivullasi, Klikkaa sininen + kuvake lisätä a Uusi jakso sivullesi.

  • Näet nyt osion luokat vasemmalla puolella.
  • Valitse Sankariosat (1) kategoria ja napsauta Slider välilehti (2), josta voit valita erilaisia ​​asetteluja että lippu (3) jakso.

  • Valitse mikä tahansa osion asettelu ja lisää se sivullesi napsauttamalla sitä.

Muokkaa banneriosiota

Jos osio on jo lisätty sivulle, voit muokata sitä helposti.

  • Vie kursori osion päälle ja napsauta Muokkaa sisältöä (1) -painiketta.

  • Sivupalkki avautuu, josta voit muokata (2) banneriosa.
  • Napauta Säästä (3)-painiketta muutosten tekemisen jälkeen.

Banneriosan sisältö

Sisältö-välilehti Muokkaa banneria -osiossa voit lisätä ja mukauttaa bannerisi sisältöä, olipa se sitten kuva- tai videopohjaista.

  1. Bannerin tyyppi
  2. Kuvadiat
  3. Videodiat
  4. Banneriteksti ja painikkeet
  5. Bannerin teksti
  6. Painikkeet ja linkit

Bannerin tyyppi

Valitse bannerin tyyppi. Voit valita minkä tahansa seuraavista vaihtoehdoista:

  • Diat – Valitse Diat-vaihtoehto, jos haluat näyttää kuvia bannerissa. Voit lisätä useita kuvadioja yhden bannerin alle.
  • Video – Jos haluat näyttää videot banneridiaina, valitse tämä vaihtoehto. Jokaisen bannerin alle voit lisätä useita videodioja.
Huomautuksia

Voit lisätä banneriosioon enintään 25 diaa.

Kuvadiat

Kun Diat on valittu kohdassa Bannerityyppi, voit luoda diaesityksen lataamalla useita kuvia banneridioina.

  1. Lisää useita dioja napsauttamalla + Lisää dioja painiketta.
  2. Järjestä uudelleen ne vetämällä kahvoja.
  3. Muokkaa tai poista yksittäisiä dioja vastaavien kuvakkeiden avulla.

Muokkaa kuvaa/tekstidia

  1. Kuva 
    • Klikkaa Lataa -painiketta muuttaaksesi kuvaa/diaa. Klikkaa Poista -painiketta poistaaksesi dian.
    • Muuta kuvan polttopistettä napsauttamalla kuvaa missä tahansa.
  2. Mobiilikuva – Lataa mobiilibannerikuva. Suosittelemme muotokuvien lisäämistä tähän.
  3. Määritä vaihtoehtoinen teksti kuvadia varten. Tämä auttaa SEO-tarkoituksiin.

  1. Diateksti - Kirjoita dian päälle ilmestyvä dian teksti. Voit lihavoida, kursivoida, alleviivata, linkittää sen ja tehdä paljon muuta.
    Katso myös: Pixpa tekstieditori.

  1. Liu'uta linkki
    • Napsauta asetuskuvaketta ja kirjoita dian peittokuvalinkki.
    • Voit määrittää minkä tahansa sivun verkkosivustosi sisällä/ulkopuolella, sähköpostiosoitteesi tai yhteysnumeron.
      Tarkista myös: Linkitysteksti/painike
  1. Button & Linkit
    • Lisää jopa 10 painiketta/linkkiä dian sisältöön.
    • Voit lisätä tavallisen painikkeen, tekstilinkin tai käyttää kuvaa/kuvaketta painikkeena.
      Tarkista myös: Painikkeet ja linkit
  1. Lyö Säästä -painiketta tallentaaksesi muutokset.

Huomautuksia

Koko dia muunnetaan linkiksi vain, kun Bannerin teksti ja painikkeet vaihtoehto on valittu nimellä Jokaiselle dialle erilainen.

Videodiat

Kun Video dia vaihtoehto on valittuna, voit upottaa YouTube- tai Vimeo-videon banneriisi. Seuraavat määritysvaihtoehdot ovat käytettävissä:

1. YouTube/Vimeo-linkki – Anna suora linkki videoosi. Tuettuja muotoja ovat:

  • YouTube: https://www.youtube.com/watch?v=XXXXXXXXXXX
  • Vimeo: https://vimeo.com/XXXXXXXXXXX

2. Näytä video – Valitse, miten video näkyy sivustollasi:

  • Autoplay: Video upotetaan suoraan ja toistetaan automaattisesti kaikilla laitteilla (oletuksena mykistettynä).
  • Automaattinen toisto – Vain tietokoneella: Video upotetaan suoraan ja toistetaan automaattisesti vain tietokoneella (oletuksena mykistetty).
  • Avaa Lightboxissa: Videon esikatselun napsauttaminen avaa sen ponnahdusikkunassa.

3. Mobiilikuva – Lataa varakuva, joka näkyy mobiililaitteilla, joissa automaattisesti toistettava video ei välttämättä toimi tai sitä ei tueta. Näin varmistat, että bannerisi pysyy visuaalisesti houkuttelevana kaikissa näyttökooissa.

4. Määritä alt-tunniste (valinnainen) – Lisää alt-tunniste parantaaksesi hakukoneoptimointia ja saavutettavuutta. Tämä kuvaa varaluotetta näytönlukijoille tai tilanteisiin, joissa kuvaa ei voida näyttää.

5. Dian teksti – Kirjoita dian päälle ilmestyvä dian teksti. Voit lihavoida, kursivoida, alleviivata, linkittää sen ja tehdä paljon muuta.
Katso myös: Pixpa tekstieditori

6. Liu'uta linkki

  • Napsauta asetuskuvaketta ja kirjoita dian peittokuvalinkki.
  • Voit määrittää minkä tahansa sivun verkkosivustosi sisällä/ulkopuolella, sähköpostiosoitteesi tai yhteysnumeron.
    Tarkista myös: Linkitysteksti/painike

7. nappi & Linkit

  • Lisää jopa 10 painiketta/linkkiä dian sisältöön.
  • Voit lisätä tavallisen painikkeen, tekstilinkin tai käyttää kuvaa/kuvaketta painikkeena.
    Tarkista myös: Painikkeet ja linkit

8. Tallenna – Lyö Säästä painiketta muutosten tallentamiseksi

Bannerin teksti ja painikkeet

  • Määritä, ovatko teksti ja painikkeet samat kaikissa dioissa vai erilaisia ​​jokaisessa dioissa. Kun valitset Sama kaikille dioille vaihtoehto Bannerin teksti ja painikkeet käytetään.
  • Kun olet valinnut Jokaiselle dialle erilainen -vaihtoehtoa, käytetään tietylle dialle määritettyä tekstiä ja painikkeita.

Bannerin teksti

  • Syötä bannerin teksti, joka on yhteinen kaikille dioille.
    Katso myös: Pixpa tekstieditori

Painikkeet ja linkit

  1. Nämä painikkeet/linkit näkyvät banneridiasi päällä (yhteisiä kaikille dioille).
    Tarkista myös: Painikkeet ja linkit
  2. Kun olet tehnyt muutokset, napsauta Säästä -painiketta oikeassa yläkulmassa käyttääksesi niitä bannerissasi.

Bannerin asetukset

Banneriasetukset-välilehdellä on seuraavat vaihtoehdot:

Bannerin näyttötila

    • Mittakaava ja sovi – Kuvat mahtuvat bannerin leveyteen ja korkeuteen. 
    • Sovita leveyteen (Vain työpöytä) – Kuvat skaalataan bannerin leveyteen. Bannerin korkeus perii kuvan korkeuden.
  1. Bannerin työpöydän korkeus – Määritä työpöydän bannerin korkeus, jos olet valinnut täysi verenvuoto or mittakaavassa ja istuvuus vaihtoehto Näyttötila-kentässä.
  2. Bannerin mobiilikorkeus – Määritä mobiilibannerin korkeus.

Dian näyttösäätimet

Näiden asetusten avulla voit mukauttaa diojen ulkoasua ja siirtymiä banneriosiossa.

  1. Dian siirtymätyyli – Valitse, miten diat muuttuvat. Voit valita asetuksia, kuten Häivytys, Vaakasuora liuku tai pystysuora liuku sujuvaa siirtymistä diojen välillä varten.

  2. Dioja rivillä – Määritä, kuinka monta diariviä on näkyvissä kerralla.

  3. Dioja saraketta kohden – Määritä, kuinka monta saraketta diaa näytetään. Tämä määrittää, kuinka monta diaa näkyy vierekkäin kullakin rivillä.
  4. Diojen välinen tila – Säädä yksittäisten diojen välistä etäisyyttä tällä asetuksella. Voit lisätä pikseleinä mitattua välistystä hallitaksesi diojen välistä visuaalista erottelua.
  5. Sisällön sijainti – Määritä sisällön sijainti bannerin sisällä.
  6. Sisällön leveys – Määritä bannerin sisällön leveys.

Bannerin muotoilu

  1. Taustaväri – Aseta bannerin taustaväri.
  2. Päällystyksen väri – Aseta bannerin peittoväri.
  3. Navigointityyli – Määritä bannerin navigointityyli. Voit valita Chevronin, pitkien nuolien ja lyhyiden nuolien joukosta. Valitse Ei mitään, jos haluat poistaa navigointiohjaimet käytöstä.
  4. Navigoinnin väri - Määritä bannerin navigointisäätimien väri.
  5. Ota käyttöön vieritys alas -nuolinäppäin – Valitse tämä vaihtoehto, jos haluat näyttää bannerin päällä vieritysnuolen.
  6. Säde Corner – Mukauta diabannerin kulmien pyöreyttä. Voit joko käyttää samaa sädettä kaikkiin kulmiin tai määrittää eri arvot jokaiselle kulmalle erikseen.

Nämä asetukset määrittävät, miten diat liikkuvat ja toimivat automaattisesti banneri- tai karuselliosiossa.

  1. Ota käyttöön tasainen vieritys – Ota tämä käyttöön, jos haluat sujuvampia diasiirtymiä ja saumattoman vieritysefektin.
  2. Ota käyttöön dian automaattinen toisto – Kun tämä on käytössä, diat siirtyvät automaattisesti ilman käyttäjän toimia.
  3. Näytä automaattisen toiston edistyminen – Näyttää visuaalisen ilmaisimen, joka näyttää ajan ennen seuraavaa diasiirtymää.
  4. Automaattisen toiston viive – Aseta automaattisten dianvaihtojen välinen aikaväli (esim. 4 sekunnin välein).
  5. Karusellisilmukka – Ota tämä käyttöön, jos haluat diat toistuvan jatkuvasti edellisen dian jälkeen.

painikkeet

Näiden asetusten avulla voit mukauttaa bannerissa näkyviä painikkeita.

  1. Painikkeen koko - Valitse painikkeen koko käytettävissä olevista vaihtoehdoista, kuten pieni, keskikokoinen tai suuri.
  2. Linjaus – Aseta painikkeen tasaus osan sisällä (vasemmalle, keskelle tai oikealle).
  3. Painikkeiden välinen tila – Säädä useiden painikkeiden välistä vaakasuoraa etäisyyttä tasapainoisen asettelun saavuttamiseksi.
  4. Painikkeiden yläpuolella oleva tila – Määritä tekstin ja painikkeiden välinen pystysuora tila (mitattuna pikseleinä).
  5. Tekstilinkin koko – Aseta fonttikoko kaikille tekstipohjaisille painikkeille tai linkeille.
  6. Kuvapainikkeen koko – Säädä kuvakkeita tai kuvia sisältävien painikkeiden kokoa.
  7. Painikkeen leveys – Valitse painikkeen leveys esimerkiksi oletusarvoisella, suurella, erittäin suurella tai täysleveydellä.

Lue lisää painikkeiden ja linkkien muotoilusta.

sosiaalinen kuvakkeet

Näiden asetusten avulla voit mukauttaa banneriosiossa näytettävien sosiaalisen median kuvakkeiden ulkoasua ja tyyliä.

  1. Kuvakkeen koko – Säädä sosiaalisen median kuvakkeiden kokoa (pikseleinä) bannerin yleisilmeen sopivaksi.
  2. Kuvakkeen tyyppi – Valitse kuvakkeen tyyli (esimerkiksi Klassinen, Ääriviiva tai Tasainen) vastaamaan bannerin teemaa.
  3. Kuvakkeen väri – Valitse, miten kuvakkeen väri määritellään. Vaihtoehtoja ovat:
    • Linkin teksti – Käyttää samaa väriä kuin osion linkkiteksti.
    • Mukautettu - Mahdollistaa mukautetun värin manuaalisen valinnan.
    • Tuotemerkin väri – Käyttää kunkin alustan virallista brändiväriä (esimerkiksi sinistä Facebookille).
  4. Valitse väri – Kun Mukautettu on valittuna, tällä asetuksella voit valita kuvakkeille tietyn värin.

Bannerin asettelu

Voit helposti muuttaa bannerin asettelua. Tietää enemmän banneriasetteluista.

Tagged:

Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.

Ota yhteyttä