Tekstiosio

Käytä Teksti-osiota, kun haluat näyttää joukon tekstiä sarakkeissa. Voit lisätä Tekstiosio sivulle linkittääksesi helposti verkkosivuston eri sivuja tai lisätäksesi linkkejä niiden kuvauksiin.

Kun lisäät luettelokohteita tähän osioon, määrittämiäsi asetuksia ja tyyliä sovelletaan siihen. Tämä osio on hyödyllinen esittelemään tiimiä, erilaisia ​​myymiäsi tuotteita ja monia muita tarkoituksia varten.


Tässä artikkelissa:

  1. Mikä on tekstiosio?
  2. Lisää tekstiosio
  3. Lisää ja muokkaa luettelokohteita
  4. Listakohteiden järjestys
  5. Luettelon kohteiden poistaminen
  6. Osion asettelun muuttaminen
  7. Hallinnoi elementtejä
  8. Tyylivaihtoehdot
  9. Karusellityyli
  10. Elävä esimerkki

Tekstiosio

  • Jos haluat lisätä tekstiä tai linkin tekstiin ilman kuvia, voit lisätä tekstiosan.

Lisää tekstiosio

  • 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 vasemmassa paneelissa.
  • Valitse Sisältö (1) -vaihtoehto ja napsauta teksti välilehti (2), josta voit valita erilaisia ​​asetteluja (3).

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

Huomautuksia

  1. Voit hallita osan leveyttä kohdasta osion asetukset ja sisällön leveys alkaen sisällön tyyliin.
  2. Pidä otsikot, tekstitykset ja kuvaukset lyhyinä ja selkeinä.
  3. Napsauta kuvauskentässä enter -painiketta antaaksesi rivinvaihdon ja Shift + Enter -painiketta aloittaaksesi aivan seuraavalta riviltä.


Lisää ja muokkaa luettelokohteita

Lisää luettelokohde

Kun olet lisännyt osion: 

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

  • Klikkaa Lisää kohde (2) -painiketta lisätäksesi uuden luettelokohteen.
  • Sinulla on mahdollisuus Kopioi ja poista (3) luettelon kohteet.


Muokkaa luettelokohdetta

Napsauta luettelokohdetta, jota haluat muokata. Se avaa tietyt luettelokohteen muokkausvaihtoehdot.

  • Lisää Otsikko (1), Tekstitys (2)ja Kuvaus (3) luettelon kohdasta.
  • Et välttämättä löydä Tekstitys- ja Kuvausvaihtoehtoja tietyistä luettelokohteista riippuen valitsemastasi asettelusta.
    Tarkista ennen kuvauksen lisäämistä tätä artikkeli.

4. Toimi napsautuksella

Voit mukauttaa yksittäisten kohteiden napsautuskäyttäytymistä Tekstiluettelo osio. Alla ovat käytettävissä olevat vaihtoehdot:

  • Siirry linkkiin
    Tämän vaihtoehdon valitseminen avaa Linkkien rakentaja, jonka avulla voit lisätä hyperlinkin tähän kohteeseen. Linkki voi ohjata käyttäjät verkkosivustosi toiselle sivulle tai ulkoiselle URL-osoitteelle. Tietää enemmän noin Linkkien rakentaja.
  • Avaa Lightboxissa
    Tämä vaihtoehto näyttää kohteen suurennettuna Lightbox katsella napsautettaessa. Tässä tilassa Alaotsikko ja Tuotetiedot kohteeseen liitetty ei näy ruudukkonäkymässä, mutta näkyy Lightbox-tilassa.
  • Ei toimintoa
    Valitse tämä vaihtoehto, jos haluat tehdä kohteen napsauttamattoman. Kun kohde on valittuna, kohteen napsauttaminen ei käynnistä mitään toimintoa.

5. Avaa linkki uudessa ikkunassa: Aseta linkki avautumaan kohdassa a uusi välilehti tai samassa välilehdessä. Tämä näkyy vasta kun Siirry linkkiin -vaihtoehto on valittu alta Toimi klikkauksella valikosta.

6. Painikkeet ja linkit: Lisää minkä tahansa tyyppisiä Linkki luettelon kohtaan. Voit lisätä painikkeen/kuvalinkin/sosiaalisen kuvakkeen/tekstilinkin. Lisätietoja.

7. Tallenna: Kun olet tehnyt mukautukset, tallenna muutokset.

8. Kortin tyylin ohitus

Voit ohittaa yleiset korttityyliasetukset osion kautta Tyyliasetukset ja mukauta kunkin kohteen korttia erikseen Kuvaluettelo-osiossa. Tämän avulla voit käyttää ainutlaatuisia tyylejä eri luettelokohdissa paremman mukauttamisen varmistamiseksi.

Lisätietoja Tietoja Kortit-vaihtoehdosta dynaamisessa osiossa.


Katso tekstiluettelokohteen muokkaaminen toiminnassa:


Sekvenssiluettelokohteet

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

Poista luettelokohde

Kun olet lisännyt luettelokohteen, voit muokata tai poistaa sitä.

  • Klikkaa Poista -kuvaketta luettelokohteen vieressä.
  • Klikkaa Poista -painiketta vahvistusponnahdusikkunassa.
  • Säästä muutokset.

Huomautuksia

Poistettuja luettelokohteita ei voi palauttaa.


Osion asettelu

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

  • Valitse Layout (2) -välilehti.
  • Valitse mikä tahansa asettelu ja Säästä (3) muutokset.


Tekstielementtien hallinta -osio

Tekstiluettelo-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ä.

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

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

Osion asetukset

  1. Näytä otsikko: Ota tekstiluettelo-osion otsikon näkyvyys käyttöön tai poista se käytöstä.
  2. Näytä painikkeet: Hallitse, näytetäänkö painikkeet osatasolla.

Kohteet Asetukset

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


Muotoile osastosi tyyli

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

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


Tässä osiossa on useita tyylivaihtoehtoja: 

  1. Näytön asetukset
  2. Mobiili näyttö
  3. suuntaus
  4. Tekstin koko
  5. Väli
  6. Osion otsikko
  7. Korttivaihtoehdot
  8. Varjovaihtoehdot
  9. Painikkeet ja linkit

Näytön 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ä. Tietää enemmän.
  2. - asettaa Kolumnien numerot tekstiluetteloa 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.

Jos karusellivaihtoehto valitaan vaiheessa 1, näet seuraavat lisävaihtoehdot:

  1. Ota Smooth Scrolling käyttöön: Mahdollistaa kohteiden jatkuvan vierityksen karusellissa saumattoman ja visuaalisesti houkuttelevan kokemuksen saamiseksi.
  2. Automaattinen liuku: Kiertyy automaattisesti diojen läpi ilman käyttäjän toimia.
  3. Näytä automaattisen toiston edistyminen: Näyttää edistymisen ilmaisimen, kun automaattinen toisto on aktiivinen paremman näkyvyyden parantamiseksi.
  4. Automaattisen toiston viive: Asettaa aikavälin kunkin diasiirtymän välillä, kun automaattinen toisto on käytössä.
  5. Karuselli Loop: Mahdollistaa diojen jatkuvan silmukan, joten karuselli käynnistyy uudelleen saumattomasti viimeisen dian jälkeen.
  6. Karuselliohjaimet: Valitse Navigointiohjaimet. Voit valita vaihtoehdoista Ei säätimiä, Nuolet – alhaalla keskellä/Oikealla ylhäällä/Oikealla alhaalla, Chevron, Pisteet ja Vaakasuora vieritys.


Mobiili näyttö

  1. Aseta numero Ruudukon sarakkeet mobiililaitteille. Voit asettaa sen enintään 3 sarakkeeksi.
  2. Määrittele Väli ruudukoiden välillä (pikseleinä).

Laitekohtainen sarakeasettelu Studion asetuksista:


suuntaus

  • Sisällön kohdistus: Tasaa sisältö vaakasuunnassa tekstiluettelossa. Voit asettaa ne tasaamaan vasemmalle, oikealle tai keskelle.


Tekstin koko

  1. Klikkaa Muuta tekstin tyyliä -painiketta vieraillaksesi Design ja hallita kirjasinkokojasi ja tyylejäsi. 
  2. - asettaa Otsikko osion luettelokohteiden kirjasintyyli.
  3. - asettaa Alaotsikko osion luettelokohteiden kirjasintyyli.
  4. Aseta oletusarvo Tuotetiedot osion luettelokohteiden kirjasintyyli.
    Tarkista myös: Verkkosivuston tekstityyli.
  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.


Väli

  1. Määritä Sisällön leveys luettelon kohteille.
  2. Määritä Välilyönti osion otsikon alla px.
  3. Määritä Välilyönti otsikoiden alla luettelon kohdista (%).
  4. Määritä Tekstityksen alla tilaa 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 Jakaja Tyyli avattavasta valikosta.
  6. - asettaa Otsikon leveys määrittääksesi osion otsikon leveyden, alkaen vähintään 50 prosentista.


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.

Huomautuksia

Tyyliasetuksia käytetään kaikissa osion kohteissa. Niitä ei voi muuttaa jokaiselle luettelokohdalle erikseen.


Painikkeet ja linkit


Karusellityyli

Karusellityyli näyttää luettelon kohteet diaesityksenä eli luettelon kohteet jaetaan toistensa jälkeen.

Katso, miten karusellityyli toimii: 


Näytä tekstiluettelokohde korttina

  • Kun valitset näytä kortti tekstiluettelosi päällä, luettelon kohteilla on tausta, jonka korttiväri olet määrittänyt Design osiossa.
    Katso myös: Sivuston värit ja välit.

Katso: 


Tässä on live-tekstiluettelo: 

Katso live-esittelysivusto. 


Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.