Ruudukkokatalogi
Ruudukkokatalogilla voit lisätä etusivulle linkkeinä toimivia kortteja, joissa voi olla kuva sekä tekstiä.
Hakusanat: Ruudukkokatalogi, MM Grid lohko, block_mmgridcatalogue
Artikkelin sisältö:
1. Kiinteiden kuvakorttilinkkien lisääminen etusivulle
Useimmissa tapauksissa lohkoa käytetään ruudukkomallisen navigaation rakentamiseen joko sivuston etusivulle tai työpöydälle.
Lohkon lisääminen
Lohko otetaan käyttöön lisäämällä se muokkaustilassa halutulle sivulle. Ota Muokkaustila päälle sivun oikeasta yläkulmasta. Valitse Lisää lohko -> Ruudukkokatalogi.
Tässä vaiheessa lohkosta puuttuu asetukset, jolloin lohkossa on sisältönä vain teksti Yhtään elementtiä ei ole vielä lisätty. Lohkoon lisätään sisältö lohkon muokkaussivun kautta painamalla kolmen pisteen takaa löytyvää Muokkaa lohkoa Ruudukkokatalogi.
2. Lohkon asetukset
Täällä näet asetukset lohkon otsikolle, elementtien linkeille, linkkiteksteille sekä korttien taustakuville. Taustakuvien sijaan voidaan haluttaessa käyttää myös värejä. Linkit, tekstit ja kuvat erotellaan toisistaan rivinvaihdolla.
- Lohkon otsikko -kenttään voidaan määrittää näkyviin tuleva lohkon nimi.
- Elementtien linkit -kenttään määritetään jokaisen elementin osoitelinkki. Jokainen linkki lisätään omalle rivilleen.
Linkin voi avata myös toiseen välilehteen lisäämällä loppuun " target="_blank Esimerkiksi: help.mediamaisteri.com" target="_blank
Voit myös rajoittaa linkin näkyvyyttä sähköpostidomainin tai kohortin mukaan kirjoittamalla tiedot pystyviivan jälkeen
esimerkiksi: help.mediamaisteri.com|@mediamaisteri.com|kohortti1
- Linkkien otsakkeet -kenttään määritetään mikä on yksittäisen elementin otsikko.
- Linkkikuvaukset -kentässä voidaan määrittää yksittäisen elementin otsikon alle tuleva teksti.
- Tekstin väri -kenttään voit lisätä halutessasi tekstien värit HEX-koodina
- Lohkon sisäiset kuvat -tiedostoalueelle voit lisätä haluamasi kuvatiedostot
- Elementtien kuvat -kentässä voidaan määrittää yksittäisten elementtien kuvat omille riveilleen. Riittää kun lisäät ladatun kuvatiedoston nimen jos olet ladannut kuvatiedoston Lohkon sisäiset kuvat -kohtaan. Tähän kenttään voidaan myös laittaa linkki muualla verkossa sijaitsevaan kuvaan tai värikoodi HEX -muodossa, joka tulee elementtiin taustaväriksi.
Esimerkit erilaisista kuvien lisäämistavoista:
Linkki: https://cdn.pixabay.com/photo/2019/08/09/23/13/forest-4395993_960_720.jpg
Värikoodi: #444333
Ladattu kuva: kuva.jpg
- Elementtejä riviä kohden: Kuinka monta elementtiä haluat näyttää yhdellä rivillä