Otsikko-osio

Voit lisätä a Otsikko Osa oman sivulla suoraan, jotta voit lisätä sivulle kuvauksen. Kun haluat näyttää kuvan ja siihen liittyvän tekstin, voit käyttää tätä osiota.

Tänne ladattu kuva ei tue lightbox-tilaa. Sitä voidaan skaalata uudelleen vetämällä kuvan kulmia.

Tätä osiota voidaan käyttää ensisijaisesti Tietoja minusta/meistä -sivulle. Voit myös linkitä kuva mille tahansa sivulle, jonka haluat.

Tässä artikkelissa:

  1. Lisää otsikko-osio
  2. Sisällön hallinta
  3. Hallinnoi elementtejä
  4. Vaihda asettelu
  5. Sovita tekstin asettelu automaattisesti
  6. Kansiosan asettelu
  7. Tyylivaihtoehdot

Lisää otsikkoosio:

  • 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 Sankariosiot (1) ja valitse Otsikko (2) Tab.

  • Valitse mikä tahansa osion asettelu (3) ja lisää se sivullesi napsauttamalla sitä.
  • Kun osio lisätään, voit muokata tekstiä ja ladata minkä tahansa kuvan.

Sisällön hallinta

Kun olet lisännyt osion: 

  • Klikkaa Muokkaa sisältöä (1) -painiketta.

  • Tämä avaa Otsikkokohdepaneeli (2).

Täältä voit:

  • Lataa ensisijainen kuva (1) Otsikko-lohkolle.
  • Lataa toissijainen kuva (2) Otsikko-lohkolle (vain valituissa asetteluissa).

  • Lisää Otsikko (3), Tekstitys (4), ja Tuotetiedot (5) otsikkolohkosta. Tarkista ennen kuvauksen lisäämistä Tämä artikkeli.

  • Lisää minkä tahansa tyyppisiä Linkki (6) otsikkoosioon. Voit lisätä painikkeen/kuvalinkin/sosiaalisen kuvakkeen/tekstilinkin. Lisätietoja.
  • Säästä (7) muutokset.


Hallinnoi elementtejä

Otsikko-osio sisältää Elementit-välilehti jonka avulla voit hallita osion eri elementtien näkyvyyttä helposti. Yksinkertaisten vaihtokytkimien avulla voit ottaa käyttöön tai poistaa käytöstä tiettyjä elementtejä ilman, että sinun tarvitsee poistaa tai muokata itse elementtejä.

  • Valitse Muokkaa sisältöä (1) -painiketta.

  • Valitse elementit (2) -välilehti.
  • Kun olet tehnyt muutokset, paina Säästä (3) -painiketta.

Kohteet Asetukset

  1. Näytä kuva: Muuta kuvien näkyvyyttä.
  2. Näytä Otsikko: Hallitse, näytetäänkö otsikko.
  3. Näytä tekstitys: Ota tekstitykset käyttöön tai poista ne käytöstä.
  4. Näytä kuvaus: Hallitse tuotekuvausten näkyvyyttä.
  5. Näytä painikkeet: Päätä, näytetäänkö yksittäisten kohteiden painikkeet.


Vaihda asettelu

  • Klikkaa Muokkaa sisältöä (1) -painiketta.

  • Valitse Layout (2) -välilehti.
  • Valitse LAyout (3) osastollesi ja Säästä (4) muutokset.

Pro Tip

Voit luoda täysleveän osan valitsemalla minkä tahansa asettelun väliltä 11–16.


Sovita tekstin asettelu automaattisesti

Autofit Text -osio on tehokas työkalu dynaamisen ja reagoivan tekstisisällön luomiseen Pixpa-verkkosivustollesi.

Tämän avulla voit asettaa fontin enimmäiskoon, ja tekstin koko muuttuu automaattisesti käytettävissä olevan näytön koon, tilan ja tekstin pituuden mukaan, mikä varmistaa optimaalisen luettavuuden ja esteettisen houkuttelevuuden.


Lisää Autofit-osio sivulle

  • Klikkaa sininen + kuvake lisätä a Uusi jakso sivullesi.

  • Valitse Sankariosat (1) kategoria ja napsauta Otsikko (2) -välilehti.

  • Otsikko-osiossa käytettävissä olevista asetteluista vieritä alas ja valitse mikä tahansa kuvakaappauksessa merkityistä asetteluista mieltymystesi mukaan.


Muokkaa Autofit-osiota

  • Klikkaa Muokkaa automaattista sovitusta tekstilohkoa -painiketta osion oikeassa yläkulmassa.
  • Alla Sisältö -välilehdellä voit määrittää osion tekstisisällön käyttämällä 1., 2. ja 3 tekstikentät.
  • Tekstin fonttikokoa säädetään automaattisesti näytön koon ja tekstin pituuden mukaan. Lopuksi, Säästä (4) muutokset.

Tyyli automaattinen sovitusosio

Mukauta osion tyyliä Tyyli -välilehti. Täältä löydät seuraavat vaihtoehdot:

  1. Rivin korkeus: Määritä pystysuora tila tekstirivien välillä.
  2. Suurin fonttikoko: Aseta tekstin enimmäiskoko.
  3. Tekstin tasaus: Tasaa teksti vaakasuunnassa osiossa.
  4. Fonttiperhe: Valitse kirjasinperhe, kuten Otsikko 1, Otsikko 2, kappale jne.

Huomautuksia

Tekstin koko ei noudata suunnitteluosion määritettyä kokoa, vaan se mukautuu käytettävissä olevan tilan ja tekstin pituuden mukaan.


Kansiosan asettelu

Kansi-osion asettelua voidaan käyttää, kun haluat lisätä osioon tekstiä, painikkeen ja taustan. Kansi-osio on yksinkertaisin asettelu, jota voidaan mukauttaa erittäin helposti.

Voit myös upottaa mukautettuja koodeja tähän asetteluun käyttämällä mukautettua koodinpätkä-vaihtoehtoa. Lisätietoja.

Lisää kansiosan asettelu sivulle:

  • Sivullasi, Klikkaa sininen + kuvake lisätäksesi uuden osion.

  • Näet nyt osion luokat vasemmalla puolella.
  • Valitse Sankariosat (1) kategoria ja napsauta Otsikko (2) -välilehti.

  • Otsikko-osiossa käytettävissä olevista asetteluista vieritä alas ja valitse kuvakaappauksessa merkitty asettelu.

Lisätietoja katkelmien lisääminen ja muokkaaminen Kansi-osan asettelussa.


Tyylivaihtoehdot

  • Klikkaa Muokkaa sisältöä (1) -painiketta.

  • Valitse Tyyli (2) -välilehti.
  • Muuta osioelementtien tyyliä ja Säästä (3) muutokset.


Sinulla on useita tyylivaihtoehtoja osiolle: 

  1. Kuvatyyliasetukset
  2. Muotoileva naamio
  3. Kuvan reuna-asetukset
  4. Tasaus ja väri
  5. Väliasetukset
  6. Tekstin koko
  7. Painikkeet ja linkit

kuvat 

  1. Valitse Imikä Sato kuvan vuoksi. Voit asettaa kuvan neliö-, ympyrä-, maisema-, muotokuva- ja dynaamiseksi.
  2. Valitse luettelon kohteiden kummallekin puolelle yhteinen kulman säde tai eri kulman säde ja aseta numero (pikselinä) Säde Corner luettelon kohteen kuvista.
    Käyttäen kulman säde -kentässä voit luoda erilaisia ​​kuvan muotoja. Jos määrität tässä 500 px, kuva näytetään ympyrän muodossa.
    Jos olet valinnut jaetut kulmat, voit asettaa kulman kulman eri säteen. Tietää enemmän. 
  3. Päättäkää Animoi kuvia Hoverissa napsauttamalla Kyllä.
  4. Valitse eri vaihtoehdoista Animaatiotyyli hiirellä oleville kuville.

Kun täysleveä otsikkoasettelu on käytössä, näet tämän lisävaihtoehdon:

  • Määritä peittokuvan väri: Tämän avulla voit käyttää väripeitto koko otsikko-osiossa. Voit valita minkä tahansa värin värivalitsimella ja säätää sen läpinäkyvyyttä läpinäkyvyysliukusäätimellä, mikä auttaa parantamaan tekstin näkyvyyttä tai luomaan tietyn visuaalisen tunnelman.


Muotoileva naamio

  1. Muotonaamio: Ota tämä kytkin käyttöön lisätäksesi muotomaskin Otsikko-osion kuvaan. Kun tämä kytkin on käytössä, valittu muoto 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.


Kuvan reuna-asetukset

  1. Ota reuna käyttöön / poista käytöstä kuvien ympärille vaihtamalla.
  2. Valitse, onko sinulla a yhteinen raja kuvien kaikilla puolilla tai voit määrittää rajat erikseen kummallekin puolelle.
  3. Määritä leveys rajasta. Jos se on asetettu arvoon 0, reuna ei tule näkyviin. Voit myös asettaa reunuksen leveyden erikseen kuvan kummallekin puolelle.
  4. Valitse Reunuksen väri värivalitsimesta.
  5. Valitse haluamasi Reunuksen tyyli avattavasta valikosta.
  6. Määrittele reunuksen leveys matkapuhelimelle kohdistamalla se työpöydälle valitun leveyden mukaan.


Tasaus ja väri 

  1. Kohdistaa sisältö Otsikko-osiossa vaakasuunnassa. Voit asettaa sen tasaiseksi vasemmalle, oikealle tai keskelle.
  2. Kohdistaa sisältö Otsikko-osiossa pystysuunnassa. Voit asettaa sen ylä-, ala- tai keskelle tasatuksi.
  3. Valitse, jos haluat säilyttää Pohjaväri (tekstilaatikon taustaväri) Oletus- tai Mukautettu.
  4. Jos olet valinnut Mittatilaus perusvärille saat vaihtoehdon valitse taustaväri. Voit myös määrittää sameus perusväristä.


Koko & Tila 

  1. Määritä Kuvan leveys Otsikkolohkokuvaa varten.
  2. Määritä Sisällön leveys otsikkolohkotekstiä varten.
  3. Määritä Tekstikortin ja kuvan väli tai päällekkäisyys (sisään %).
  4. Määritä Välilyönti otsikon alla (sisään %).
  5. Määritä Välilyönti tekstityksen alla (sisään %).


teksti 

  1. Klikkaa Muuta tekstin tyyliä -painiketta vieraillaksesi Design ja hallita kirjasinkokojasi ja tyylejäsi. 
  2. - asettaa Otsikko Otsikkolohko-osion kirjasintyyli.
  3. - asettaa Alaotsikko Otsikkolohko-osion kirjasintyyli.
  4. Aseta oletusarvo Tuotetiedot Otsikkolohko-osion kirjasintyyli.
  5. Ota tämä asetus käyttöön animoi mitä tahansa numeroita Läsnä Otsikko ja Alaotsikko kentät. Kun tämä on käytössä, numeeriset arvot näkyvät dynaamisen laskenta-animaation kanssa, mikä tekee niistä visuaalisesti houkuttelevampia.


Painikkeet ja linkit 

Voit lisätä erityyppisiä painikkeita Otsikko-osioon. Ne ovat seuraavat:

  • Normaali painike (1) Kuvapainike (2), ja Kuvake-painike (3).

  1. Määritä Tila eri painikkeiden / linkkien välillä.
  2. Määritä Space Above Button / Links tekstikortin sisällä.
  3. - asettaa Napin leveys tekstikortin sisällä.

Painikkeen koko 

  1. Aseta koko Normaali painike. Voit valita kolmesta vaihtoehdosta: Pieni, Keskikokoinen ja Suuri.
  2. Määritä Kuvan korkeuspainike pikseleissä.
  3. - asettaa Ikonipainikkeen koko pikseleissä.

  1. - asettaa Kuvakkeen tyyppi kuvakepainikkeelle.
  2. Valitse Väri tyyli Ikoni sisällä -painiketta varten. Voit valita kuvakkeen merkkivärin tai määrittää minkä tahansa värin.
  3. - asettaa Kuvakkeen väri kuvake-painikkeesta. Näet tämän vaihtoehdon vain, kun otat sen käyttöön Valittu väri (28) -vaihtoehto.
  4. Jos olet valinnut Mittatilaus edellisessä vaiheessa (29), voit asettaa oman haluttu väri painikkeen sisällä olevalle kuvakkeelle.
  5. Valitse Taustaväri kuvakepainikkeelle.


Katso, miten Corner Radius toimii: 


Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.

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