toggle mobile menu

Listalla voit listata samankaltaisia elementtejä


Käytössäsi on erilaisia listarakenteita ja voit määrittää kuinka monta elementtiä listassa näytetään vierekkäin. Listoja voidaan käyttää moniin eri tarkoituksiin, kuten tuotteiden/palveluiden listaamiseen ja kuvagallerioihin. 

Listan muokkaaminen LiquidBloxilla

KATSO VIDEO:
Näin muokkaat listaelementtiä

Listan luominen


Klikkaa tyhjää elementtiä lisätäksesi listan

LiquidBlox editor - list as a content type

Vaihe 1 - listatun elementin rakenne


Kun olet valinnut Listan sisältötyypiksi, valitse seuraavaksi listattavien elementtien rakenne. 

LiquidBlox editor - list items side by side

Vaihe 2 - vierekkäisten elementtien määrä


Valitse kuinka monta elementtiä listassa näytetään vierekkäin (palstat).

LiquidBlox editor - save adjusted list items

Vaihe 3 - tallenna


Tallenna klikkaamalla Save-nappia. 


Huom!

Tässä näkymässä voit muokata listan elementtien määrää, mutta voit tehdä sen myös myöhemmin. 

LiquidBlox editor - adjusting image height for list items

Vaihe 4 - kuvan korkeus


  1. Klikkaa kuvaa määrittääksesi sen korkeuden
  2. Klikkaa Save-nappia tallentaaksesi
LiquidBlox editor - adding image to a list item

Vaihe 5 - valitse kuva


  1. Klikkaa kuvaa aktivoidaksesi kuvaeditorin (image editor).
  2. Lataa uusi kuva tai valitse aiemmin ladattu kuva arkistosta (archive).
LiquidBlox editor - adding text to a list item

Vaihe 6 - lisää teksti


Viimeistele ensimmäinen listan elementti tekstisisällöllä (jos käytät listarakennetta johon sisältyy teksti).

LiquidBlox editor - editing a list item

Vaihe 7 - muokkaa listaa


Klikkaa Edit list -nappia päästäksesi listan asetuksiin (list settings).

LiquidBlox editor - making a list template

Vaihe 8 - tallenna valmispohjaksi


Klikkaa Make template -ikonia käyttääksesi ensimmäistä listarakennetta valmispohjana kaikille uusille listan elementeille.

LiquidBlox editor - saving a list template

Jätä current list valituksi ja klikkaa OK


Tästä eteenpäin kaikki listan uudet elementit näyttävät tallennetun pohjan mukaisilta. Tämä nopeuttaa sivuston suunnittelua.

LiquidBlox editor - adding more items to a list

Vaihe 9 - luo lisää elementtejä


Luo lisää elementtejä tarvittaessa.

LiquidBlox editor - adding links to list items

Vaihe 10 - listattujen elementtien linkittäminen


Näin lisäät linkin listaan:

  1. Klikkaa asetukset -ikonia
  2. Klikkaa linkki-vaihtoehtoa päästäksesi linkkieditoriin.

Listalla voit listata samankaltaisia elementtejä


Käytössäsi on erilaisia listarakenteita ja voit määrittää kuinka monta elementtiä listassa näytetään vierekkäin. Listoja voidaan käyttää moniin eri tarkoituksiin, kuten tuotteiden/palveluiden listaamiseen ja kuvagallerioihin. 

Listan muokkaaminen LiquidBloxilla

KATSO VIDEO:
Näin muokkaat listaelementtiä

Listan luominen


Klikkaa tyhjää elementtiä lisätäksesi listan

LiquidBlox editor - list as a content type

Vaihe 1 - listatun elementin rakenne


Kun olet valinnut Listan sisältötyypiksi, valitse seuraavaksi listattavien elementtien rakenne. 

LiquidBlox editor - list items side by side

Vaihe 2 - vierekkäisten elementtien määrä


Valitse kuinka monta elementtiä listassa näytetään vierekkäin (palstat).

LiquidBlox editor - save adjusted list items

Vaihe 3 - tallenna


Tallenna klikkaamalla Save-nappia. 


Huom!

Tässä näkymässä voit muokata listan elementtien määrää, mutta voit tehdä sen myös myöhemmin. 

LiquidBlox editor - adjusting image height for list items

Vaihe 4 - kuvan korkeus


  1. Klikkaa kuvaa määrittääksesi sen korkeuden
  2. Klikkaa Save-nappia tallentaaksesi
LiquidBlox editor - adding image to a list item

Vaihe 5 - valitse kuva


  1. Klikkaa kuvaa aktivoidaksesi kuvaeditorin (image editor).
  2. Lataa uusi kuva tai valitse aiemmin ladattu kuva arkistosta (archive).
LiquidBlox editor - adding text to a list item

Vaihe 6 - lisää teksti


Viimeistele ensimmäinen listan elementti tekstisisällöllä (jos käytät listarakennetta johon sisältyy teksti).

LiquidBlox editor - editing a list item

Vaihe 7 - muokkaa listaa


Klikkaa Edit list -nappia päästäksesi listan asetuksiin (list settings).

LiquidBlox editor - making a list template

Vaihe 8 - tallenna valmispohjaksi


Klikkaa Make template -ikonia käyttääksesi ensimmäistä listarakennetta valmispohjana kaikille uusille listan elementeille.

LiquidBlox editor - saving a list template

Jätä current list valituksi ja klikkaa OK


Tästä eteenpäin kaikki listan uudet elementit näyttävät tallennetun pohjan mukaisilta. Tämä nopeuttaa sivuston suunnittelua.

LiquidBlox editor - adding more items to a list

Vaihe 9 - luo lisää elementtejä


Luo lisää elementtejä tarvittaessa.

LiquidBlox editor - adding links to list items

Vaihe 10 - listattujen elementtien linkittäminen


Näin lisäät linkin listaan:

  1. Klikkaa asetukset -ikonia
  2. Klikkaa linkki-vaihtoehtoa päästäksesi linkkieditoriin.
toggle mobile menu

Listalla voit listata samankaltaisia elementtejä


Käytössäsi on erilaisia listarakenteita ja voit määrittää kuinka monta elementtiä listassa näytetään vierekkäin. Listoja voidaan käyttää moniin eri tarkoituksiin, kuten tuotteiden/palveluiden listaamiseen ja kuvagallerioihin. 

Listan muokkaaminen LiquidBloxilla

KATSO VIDEO:
Näin muokkaat listaelementtiä

Listan luominen


Klikkaa tyhjää elementtiä lisätäksesi listan

LiquidBlox editor - list as a content type

Vaihe 1 - listatun elementin rakenne


Kun olet valinnut Listan sisältötyypiksi, valitse seuraavaksi listattavien elementtien rakenne. 

LiquidBlox editor - list items side by side

Vaihe 2 - vierekkäisten elementtien määrä


Valitse kuinka monta elementtiä listassa näytetään vierekkäin (palstat).

LiquidBlox editor - save adjusted list items

Vaihe 3 - tallenna


Tallenna klikkaamalla Save-nappia. 


Huom!

Tässä näkymässä voit muokata listan elementtien määrää, mutta voit tehdä sen myös myöhemmin. 

LiquidBlox editor - adjusting image height for list items

Vaihe 4 - kuvan korkeus


  1. Klikkaa kuvaa määrittääksesi sen korkeuden
  2. Klikkaa Save-nappia tallentaaksesi
LiquidBlox editor - adding image to a list item

Vaihe 5 - valitse kuva


  1. Klikkaa kuvaa aktivoidaksesi kuvaeditorin (image editor).
  2. Lataa uusi kuva tai valitse aiemmin ladattu kuva arkistosta (archive).
LiquidBlox editor - adding text to a list item

Vaihe 6 - lisää teksti


Viimeistele ensimmäinen listan elementti tekstisisällöllä (jos käytät listarakennetta johon sisältyy teksti).

LiquidBlox editor - editing a list item

Vaihe 7 - muokkaa listaa


Klikkaa Edit list -nappia päästäksesi listan asetuksiin (list settings).

LiquidBlox editor - making a list template

Vaihe 8 - tallenna valmispohjaksi


Klikkaa Make template -ikonia käyttääksesi ensimmäistä listarakennetta valmispohjana kaikille uusille listan elementeille.

LiquidBlox editor - saving a list template

Jätä current list valituksi ja klikkaa OK


Tästä eteenpäin kaikki listan uudet elementit näyttävät tallennetun pohjan mukaisilta. Tämä nopeuttaa sivuston suunnittelua.

LiquidBlox editor - adding more items to a list

Vaihe 9 - luo lisää elementtejä


Luo lisää elementtejä tarvittaessa.

LiquidBlox editor - adding links to list items

Vaihe 10 - listattujen elementtien linkittäminen


Näin lisäät linkin listaan:

  1. Klikkaa asetukset -ikonia
  2. Klikkaa linkki-vaihtoehtoa päästäksesi linkkieditoriin.