Banneri

Käyttäen lippu lisää verkkosivustollesi visuaalista ilmettä ja luonnetta sisällöllesi, olipa kyseessä sitten galleria, sivulla, kansio, asiakasalbumitai blogiVoit lisätä kuvan alt-teksti bannerikuviin, tämä auttaa hakukoneoptimoinnissa.

Bannerit voidaan sijoittaa joko sisällön ylä- tai alareunaan (verkkosivuston otsikon alle), ja niitä käytetään tyypillisesti koko leveyden bannerikuvan/kuvaesityksen/videon näyttämiseen.

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.

Näin banneri näyttää: 

Tarkista live-esittelysivusto.


Banneriasetukset luokitellaan seuraavasti: 

  1. Sisältö
  2. Asetukset
  3. Layout


1. pitoisuus

Sisältöluokan vaihtoehdot ovat: 

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.
  • auto  – Galleriassa esillä olevaa kuvaa, otsikkoa ja kuvausta käytetään bannerissa. Järjestelmä luo sen automaattisesti.
  • Epäaktiivinen – Banneri ei näy verkkosivustolla.


Diat
  • Klikkaa +Lisää dioja (1)-painiketta lisätäksesi mukautettuja dioja banneriin.
  • Kun olet ladannut diat, voit muokata (2) tai poistaa (3) liukumäki.

Points muistaa: 

  • Banner-kuvan ihanteellinen koko on 2560 pikseliä X 1440 pikseliä. 
  • Bannerin tuetut kuvatiedostomuodot ovat JPG, JPEG, PNG ja GIF. 
  • Tuettujen diojen enimmäismäärä on 25 jokaisesta bannerista.
  • Suosittelemme lataamaan vaakasuuntaisia ​​kuvia pystysuuntaisten sijaan.
  • Lisää teksti kuvien päälle kohdasta Pääsivun/dian teksti kenttä. Älä lataa kuvia, joissa on tekstiä.


Muokkaa kuvaa/tekstidia 

  • Kun olet napsauttanut muokata -kuvaketta, näet kuva-/tekstidialaatikon.


Tässä käytettävissä olevat vaihtoehdot ovat: 

  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.

Huomautuksia

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

  1. Button & Kuvakkeet
    • 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.


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


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

Painikkeet ja kuvakkeet 
  • Nämä painikkeet/linkit näkyvät banneridiasi päällä (yhteisiä kaikille dioille).
    Tarkista myös: Painikkeet ja linkit.


2. asetukset

Banneriasetukset-välilehdellä on seuraavat vaihtoehdot:


  1. Bannerin leveys – Määritä bannerin leveys.
    • "Täysi leveys' näyttää bannerin peittäen sen koko leveyden jättämättä reunoja.
    • "boxed' näyttää bannerin jättäen samalla jonkin verran tyhjää tilaa näytön oikealle ja vasemmalle puolelle.
    • "Sivuston leveys' voidaan määrittää kohdassa Design osio. Siellä voit määrittää kiinteän leveyden.
      Se näyttää bannerin noudattaen määritettyä kiinteää leveyttä.
    • 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.
Huomautus:

Jos banneriosio lisätään sivulle, bannerin korkeus periytyy sivulta. osan korkeus.


  1. Sivun otsikko – Valitse bannerin päälle käytettävä otsikkotyyli.
    • Jos olet valinnut oletusarvo, otsikko käyttää verkkosivuston otsikon oletustyyliä ja banneri sijoitetaan otsikon jälkeen. Katso a elävä esimerkki.
    • Jos olet valinnut Läpinäkyvä, otsikon tausta asetetaan läpinäkyväksi ja otsikkoelementit ovat valkoisia. Banneri sijoitetaan otsikon alle. Katso a elävä esimerkki
  2. Ylätunnisteen kohteet - Jos sinulla on aseta otsikko läpinäkyväksi, voit valita otsikkokohtien/valikkokohtien väri:
    • Varalta Oletusväri on valittu, otsikkokohteiden väri periytyy Design osiossa.
    • Varalta Määritä väri on valittuna, voit napsauttaa ja valita otsikkokohtien värin.

Tarkista myös: Minkä tahansa sivun otsikkokohtien muotoilu.


  1. Näkyvyys – Aseta bannerin näkyvyys.
  2. Asema – Määritä bannerin sijainti.


  1. Sisällön sijainti – Määritä sisällön sijainti bannerin päällä.
  2. Sisällön leveys – Määritä bannerin sisällön leveys.
  3. Taustaväri – Aseta bannerin taustaväri.
  4. Päällystyksen väri – Aseta bannerin peittoväri.
  5. 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ä.
  6. Navigoinnin väri - Määritä bannerin navigointisäätimien väri.
  7. Ulkoinen marginaali – Käytä bannerin ulkoreunusta. Kun ulkoreunus on käytössä, bannerin alareunaan vapautuu tyhjää tilaa.
  8. Vieritä alaspäin osoittava nuoli – Valitse tämä vaihtoehto, jos haluat näyttää bannerin päällä vieritysnuolen.


  1. Kuvaesitys - Valitse Autoplay vaihtoehto diaesityksen ottamiseksi käyttöön bannerissa.
  2. Diaesityksen nopeus – Määritä diaesityksen nopeus (sekunteina).
  3. Diaesityksen siirtymä – Määritä bannerin kuvan siirtymätyyli.
  4. Lopuksi, lyö Säästä painiketta.


  1. Kohdistaa painike/linkit vasemmalle, oikealle tai keskelle tasattuna.
  2. Määritä Välinen tila Painike/Linkit jotka on lisätty.
  3. Määritä Avaruus yläpuolella Painike/Linkit.
  4. Valitse Hover Effect painikkeelle/linkeille.

  1. Valitse Normaali-painikkeen kokoa jonka olet lisännyt Painike/Linkit
  2. Määritä kuvapainikkeen korkeus jos olet lisännyt kuvalinkin Painike/Linkit
  3. Määritä kuvakepainikkeen kokoa jos olet lisännyt sosiaalisen kuvakkeen Painike/Linkit.  

Jos olet lisännyt sosiaalisen kuvakkeen Painike/Linkit, sitten:

  1. Valitse Sosiaalinen kuvaketyyppi/Muoto.
  2. Valitse Sosiaalinen kuvake värityyli.
    Jos olet valinnut Valittu väri yllä oleva vaihtoehto sitten:

    1. Määritä Sosiaalinen kuvakkeen väri.
    2. Määritä Sosiaalinen kuvakkeen taustaväri.


3. Asettelu

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


Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.

Pixpa Studio on juuri uudistettu. Päivitämme parhaillaan kaikkien ohjeartikkeleiden kuvakaappauksia.