Lohkojen (Blocks) käyttö ja sijoittelu teemassa

4.8.2025 | Artikkeleita, Drupal, Drupal 10, Drupal Commerce, Drupal-Ylläpito, Drupalin moduulit, Drupalin teemat, IT, Kotisivut, Nettisivut, Tietoturva, Verkkokauppa, Verkkokehitys, Verkkosivut, Verkkotyökalu

Drupal

Lohkojen (Blocks) käyttö ja sijoittelu teemassaDrupalissa lohkot (blocks) ovat yksi keskeisimmistä tavoista rakentaa sivuston ulkoasua ja toiminnallisuutta. Lohkojen avulla voit sijoittaa erilaisia sisältöjä, kuten valikoita, kuvia, lomakkeita tai mukautettua HTML:ää eri alueille teemassa. Lohkot ovat erittäin joustavia ja tarjoavat tarkan hallinnan siihen, mitä näytetään ja missä.

Mikä on lohko Drupalissa

Drupal-lohko on yksittäinen sisältöelementti, joka voidaan sijoittaa teemassa määriteltyyn lohkoalueeseen. Näitä alueita voi olla esimerkiksi header, footer, sidebar, content-top tai content-bottom. Drupal tarjoaa oletuksena useita lohkoja, kuten:

  • Päävalikko (Main navigation)

  • Käyttäjien kirjautumislomake

  • Haku

  • Viimeisimmät sisällöt

Lohkoja voi luoda myös itse täysin mukautettuna.

Lohkojen hallinta

Lohkojen hallintaan pääsee Drupal-hallintapaneelista kohdasta:

Structure > Block layout
https://www.yoursite.com/admin/structure/block

Tässä näkymässä näet kaikki käytettävissä olevat alueet ja niihin sijoitetut lohkot. Voit siirtää lohkoja, muokata niiden asetuksia, piilottaa tai näyttää ne tietyillä sivuilla.

Uuden lohkon lisääminen

Drupalissa voit lisätä uuden lohkon helposti:

  1. Mene kohtaan Structure > Block layout

  2. Klikkaa yläreunasta + Add custom block

  3. Valitse lohkotyyppi, esim. ”Basic block”

  4. Anna otsikko ja sisältö

  5. Tallenna

Tämän jälkeen sijoitat lohkon valittuun teemakohtaiseen lohkoalueeseen.

Lohkojen sijoittaminen teemaan

Kun olet luonut uuden lohkon, voit sijoittaa sen näin:

  1. Etsi lohkoalue, kuten Sidebar first

  2. Klikkaa Place block

  3. Etsi lohkosi nimellä

  4. Klikkaa Place block

  5. Määritä näkyvyysasetukset

  6. Klikkaa Save block

Voit myös järjestää lohkot vetämällä ne oikeaan järjestykseen alueen sisällä.

Näkyvyysasetukset

Jokaiselle lohkolle voidaan määrittää näkyvyysehdot:

  • Path – Näytetään tietyillä URL-polulla

  • Content type – Näytetään vain tiettyjen sisältötyyppien yhteydessä

  • Roles – Näytetään tietyille käyttäjärooleille

  • Language – Näytetään tietyllä kieliversiolla

Tämä mahdollistaa erittäin tarkan sisällön kohdistamisen.

Lohkot ja teemat

Lohkoalueet määräytyvät teemasi mukaan. Esimerkiksi Olivero– ja Claro-teemoilla on eri lohkoalueet. Voit tarkastella teemasi lohkoalueita samasta hallintapaneelista.

Jos käytät mukautettua teemaa, voit lisätä lohkoalueita *.info.yml-tiedostoon:

regions: header: 'Header' content: 'Content' sidebar_first: 'Sidebar first' sidebar_second: 'Sidebar second' footer: 'Footer' code>

Tämän jälkeen voit käyttää niitä lohkoasettelussa.

Mukautetut lohkot ja HTML

Drupal mahdollistaa täysin mukautettujen lohkojen luomisen. Voit käyttää niitä esimerkiksi ilmoituksiin, bannereihin, upotettuihin videoihin tai vaikkapa lomakkeisiin. Lohkon sisältö tukee perus-HTML:ää ja editorina toimii yleensä CKEditor.

Suosittuja moduuleja lohkojen hallintaan

Block Class

Tämän moduulin avulla voit lisätä CSS-luokkia lohkoihin.

https://www.drupal.org/project/block_class

Context

Salli lohkojen ehdollisen sijoittamisen joustavasti eri näkymissä ja tilanteissa.

https://www.drupal.org/project/context

Panels

Tarjoaa visuaalisen tavan rakentaa sivupohjia ja sijoittaa lohkoja niihin.

https://www.drupal.org/project/panels

Block Visibility Groups

Mahdollistaa lohkojen ryhmittelyn näkyvyysasetusten perusteella.

https://www.drupal.org/project/block_visibility_groups

Display Suite

Laajentaa mahdollisuuksia järjestellä sisältöä ja lohkoja ilman koodia.

https://www.drupal.org/project/ds

Vinkkejä lohkojen käyttöön

  • Käytä ytimekkäitä otsikoita lohkoille.

  • Sijoita tärkein sisältö ”Content”-alueelle.

  • Testaa lohkojen näkyvyysehtoja eri rooleilla.

  • Käytä erillisiä lohkoja kieliversioille.

  • Pidä rakenteesi loogisena ja selkeänä.

Esimerkki mukautetusta lohkosta

Voit luoda vaikkapa tervetulotekstin näin:

Otsikko: Tervetuloa sisältö: Kiitos, että vierailit sivustollamme. Sijoitusalue: Header Näkyvyys: Näkyy vain etusivulla

Yhteenveto

Lohkot ovat yksi Drupalin tehokkaimmista ja monipuolisimmista ominaisuuksista. Ne mahdollistavat rakenteen ja sisällön tarkan hallinnan sekä tarjoavat joustavuutta niin ulkoasun kuin käyttäjäkokemuksen suunnittelussa. Teeman ja lohkojen hyvä yhteispeli on avainasemassa modernin, toimivan ja esteettisen Drupal-sivuston rakentamisessa. Erilaisten moduulien avulla voit laajentaa lohkojen toimintaa ja tehdä sivustostasi entistäkin dynaamisemman.

Samankaltaisia artikkeleita

WordPressin joustavuus

WordPressin joustavuus

WordPress on säilyttänyt asemansa maailman suosituimpana sisällönhallintajärjestelmänä jo yli 20 vuoden ajan. Yritykset eri toimialoilt...

20.11.2025
WordPressin kehityssuunta

WordPressin kehityssuunta

WordPress on ollut verkkokehityksen kulmakivi jo vuosikymmeniä, ja sen rooli on muuttunut dramaattisesti ajan myötä. Alun perin blogi...

20.11.2025
WordPressin ekosysteemi vuonna 2026

WordPressin ekosysteemi vuonna 2026

WordPress on laaja ja kehittyvä ekosysteemi, joka kattaa verkkosivujen, verkkokauppojen, sovellusten, integraatioiden ja tekoälypohjai...

20.11.2025
Verkkokauppa WordPressillä

Verkkokauppa WordPressillä

Tässä oppaassa käymme läpi vaiheet, työkalut ja parhaat käytännöt, jotta voit luoda toimivan ja optimoidun verkkokaupan.

20.11.2025