Oletusteema sisältää ennalta asemoituja bannerialueita, joiden sisältö perustuu bannerien ja teeman asetuksiin.

Tässä artikkelissa esiteltäviä oletusteeman bannerialueita ei toistaiseksi ole mahdollista käsitellä Fluid 2.0 ‑teeman uudella ulkoasueditorilla, vaan lisäykset ja muutokset on tehtävä bannerien ja teeman asetuksiin.

Katso myös bannerien hallinnan ohjeet.

Etusivun pääbanneri

Etusivun yläosassa on bannerikaruselli, johon sisältyy 4 ensimmäistä banneria ryhmästä frontpage-main. Kävijä voi selata niitä karusellin painikkeiden avulla, mutta voit myös säätää bannerin vaihtumaan automaattisesti muutaman sekunnin välein.

Bannerin otsikko ja teksti asemoituvat kuvan keskelle.

  • Sijainti verkkokaupassa: etusivu
  • Banneriryhmän koodi: frontpage-main
  • Bannerikuvan suosituskoko: 2000 x 700 px / 1:0,35 (mobiilikoossa kuva rajautuu molemmista reunoista ja kuvasuhde on 2:1)

Yläreunan ilmoitusnauha

Verkkokaupan jokaisen sivun yläreunassa on tekstimuotoinen ilmoitusnauha, jossa näkyy notification-bar-ryhmän ensimmäinen banneri. Ilmoitusnauha voi sisältää lyhyen tiedotteen esimerkiksi jostain ajankohtaisesta aiheesta.

  • Sijainti verkkokaupassa: kaikkien sivujen yläreunassa
  • Banneriryhmän koodi: notification-bar

Sosiaalisen median painikkeet

Verkkokaupan alatunnisteeseen sisältyy bannerialue sosiaalisen median linkkeinä toimiville painikkeille, jotka kuuluvat banneriryhmään social-media-buttons. Kussakin bannerissa näkyy linkitettyä palvelua edustava kuvake tai linkkiteksti.

Syötä palvelun URL-osoite bannerin asetusten kohtaan Linkin osoite. Jos syöttämäsi osoite ohjaa johonkin seuraavista palveluista, oletusteema käyttää bannerissa automaattisesti palvelun kuvaketta (oletusteeman tukemia osoitemalleja on sulkeissa):
  • Bluesky (https://bsky.app/profile/NIMI)
  • Discord (https://discord.com/invite/KOODI)
  • Facebook (https://www.facebook.com/NIMI)
  • Facebook Messenger (http://m.me/NIMI)
  • GitHub (https://github.com/NIMI)
  • Instagram (https://instagram.com/NIMI)
  • LinkedIn (https://www.linkedin.com/company/NIMI)
  • Pinterest (https://www.pinterest.com/NIMI)
  • Threads (https://www.threads.com/@NIMI)
  • TikTok (https://www.tiktok.com/@NIMI)
  • WhatsApp (https://www.whatsapp.com/channel/KOODI)
  • X (https://x.com/NIMI)
  • YouTube (https://www.youtube.com/channel/KOODI)
Mikäli oletusteema ei suoraan tue palvelun kuvaketta, voit määrittää bannerikuvakkeen itse. Siihen on käytettävissäsi kaksi tapaa:
  • Kirjoita bannerin asetusten Nimi-kenttään jonkin Font Awesome -kirjastosta löytyvän kuvakkeen nimi ja lisää sen etuliitteeksi fa (esimerkiksi kuorma-autolta näyttävän painikkeen saat kirjoittamalla bannerin nimeksi fa-truck). Käytä tällöin nimessä vain pienaakkosia.

    Tämä määritystapa ei toimi Font Awesome -kirjaston brändikuvakkeiden kanssa.

  • Valitse bannerin asetusten kohdassa Banneri kuvakkeeksi jokin omasta laitteestasi löytyvä kuvatiedosto.

Jos mitään kuvaketta ei ole, oletusteema näyttää linkkitekstinä bannerin nimen.

  • Sijainti verkkokaupassa: alatunniste
  • Banneriryhmän koodi: social-media-buttons
  • Bannerikuvan suosituskoko: 280 x 280 px / 1:1