Custom Post Types ja Custom Fields: käytännön toteutus alusta loppuun

Custom Post Types ja Custom Fields: käytännön toteutus alusta loppuunWordPressin peruskäyttö riittää hyvin yksinkertaisiin sivustoihin, mutta heti kun sisältöä alkaa olla enemmän tai se ei ole pelkkää “artikkelia ja sivua”, rajoitukset tulevat vastaan. Esimerkiksi yrityksen referenssit, tuotteet, tiimijäsenet, asunnot tai tapahtumat eivät enää taivu siististi blogipostauksiksi ilman kompromisseja. Tässä kohtaa Custom Post Types (CPT) ja Custom Fields astuvat kuvaan: ne mahdollistavat WordPressin muokkaamisen juuri oman liiketoiminnan logiikkaan sopivaksi. Käytännössä voit rakentaa täysin räätälöityjä sisältötyyppejä ja määritellä niille omat tietokentät, jolloin sivusto ei ole enää geneerinen “blogialusta”, vaan oikea, rakenteinen järjestelmä, jossa jokainen sisältö elää omassa selkeässä muodossaan. Tämä on yksi tärkeimmistä askelista, jos haluat viedä WordPressin peruskäytöstä ammattimaiselle tasolle.

Tiivistelmä
Custom Post Types ja Custom Fields: käytännön toteutus alusta loppuun

WordPressin peruskäyttö riittää hyvin yksinkertaisiin sivustoihin, mutta heti kun sisältöä alkaa olla enemmän tai se ei ole pelkkää “artikkelia ja sivua”, rajoitukset tulevat vastaan. Esimerkiksi...

Custom Post Type (CPT):Uusi sisältötyyppi WordPressiin. Esim:...

Custom Post Type (CPT):Uusi sisältötyyppi WordPressiin. Esim:...

Mitä ovat Custom Post Types ja Custom Fields?

Custom Post Type (CPT):Uusi sisältötyyppi WordPressiin. Esim:...

1. Suunnittele rakenne ennen toteutusta

Tämä vaihe ratkaisee onnistumisen....

3. Lisää Custom Fields

Suosituin työkalu:...

4. Syötä sisältö

Lisää uusi “Asunto”:...

5. Näytä data sivustolla

Tämä on vaihe, jossa moni jumittuu....

6. Luo arkistosivu

WordPress luo automaattisesti arkiston:...

8. Optimoi SEO

Tee jokaiselle CPT:lle:...

9. Yleisimmät käyttökohteet

CPT + Custom Fields sopii erinomaisesti:...

Yleisimmät virheet

Vältä näitä:...

Yhteenveto

Custom Post Types ja Custom Fields muuttavat WordPressin yksinkertaisesta CMS:stä tehokkaaksi alustaksi. Kun rakennat sisällön oikein alusta asti, säästät aikaa ja saat joustavan lopputuloksen....

 

Mitä ovat Custom Post Types ja Custom Fields?

Custom Post Type (CPT):
Uusi sisältötyyppi WordPressiin. Esim:

  • “Tuotteet”
  • “Referenssit”
  • “Asunnot”

Custom Fields:
Lisäkenttiä sisällölle. Esim:

  • Hinta
  • Sijainti
  • Koko

Yhdessä nämä tekevät sisällöstä rakenteellista ja skaalautuvaa.

1. Suunnittele rakenne ennen toteutusta

Tämä vaihe ratkaisee onnistumisen.

Esimerkki: Kiinteistösivusto

Custom Post Type:

  • Asunnot

Custom Fields:

  • Hinta
  • Neliöt
  • Sijainti
  • Huoneiden määrä

Vinkki:
Älä rakenna kaikkea “postauksiin” – rakenna selkeä sisältömalli.

2. Luo Custom Post Type

Vaihtoehto A: Lisäosalla (helppo)

Suositeltu:

Tee näin:

  1. Asenna plugin
  2. Mene “CPT UI” → Add/Edit Post Types
  3. Lisää:
    • Post type slug: asunnot
    • Label: Asunnot
  4. Tallenna

Nyt sinulla on uusi sisältötyyppi WordPressissä.

Vaihtoehto B: Koodilla (edistyneille)

Lisää functions.php-tiedostoon:

function luo_asunnot_cpt() {
register_post_type('asunnot', array(
'labels' => array(
'name' => 'Asunnot',
'singular_name' => 'Asunto'
),
'public' => true,
'has_archive' => true,
'supports' => array('title', 'editor', 'thumbnail'),
));
}
add_action('init', 'luo_asunnot_cpt');

3. Lisää Custom Fields

Suosituin työkalu:

  • Advanced Custom Fields (ACF)

Näin teet:

  1. Asenna ACF
  2. Mene “Custom Fields” → Add New
  3. Luo kenttäryhmä (esim. “Asunnon tiedot”)
  4. Lisää kentät:
    • Hinta (number)
    • Sijainti (text)
    • Neliöt (number)
  5. Aseta näkyvyys:
    • Show if Post Type = Asunnot

Nyt kentät näkyvät editorissa.

4. Syötä sisältö

Lisää uusi “Asunto”:

  • Otsikko
  • Kuvaus
  • Featured image
  • Täytä custom fieldit

Tämä data on nyt tallennettu rakenteellisesti.

5. Näytä data sivustolla

Tämä on vaihe, jossa moni jumittuu.

Vaihtoehto A: Gutenberg + lohkot

ACF:llä voit:

  • Näyttää kenttiä lohkoina
  • Käyttää valmiita blockeja

Vaihtoehto B: Template-tiedostot (perinteinen)

Luo tiedosto:

Lisää koodi:


<h1><?php the_title(); ?></h1>
<p><?php the_field('hinta'); ?></p>
<p><?php the_field('sijainti'); ?></p>
<p><?php the_field('neliot'); ?></p>

Vaihtoehto C: Page builder / block theme

  • Luo template visuaalisesti
  • Lisää dynaamiset kentät

Tämä on helpoin tapa ilman koodausta.

6. Luo arkistosivu

WordPress luo automaattisesti arkiston:

Voit muokata sitä:

  • archive-asunnot.php
  • Tai block-teeman template editorilla

7. Lisää suodatus ja haku (valinnainen)

Jos dataa on paljon:

Käytä:

Näin käyttäjät voivat:

  • Suodattaa hinnan mukaan
  • Etsiä sijainnin perusteella

8. Optimoi SEO

Tee jokaiselle CPT:lle:

  • Oma URL-rakenne
  • Meta-tiedot
  • Schema (ACF + SEO-plugin)

Rakenteellinen data auttaa hakukoneita.

9. Yleisimmät käyttökohteet

CPT + Custom Fields sopii erinomaisesti:

  • Referenssit / case studiet
  • Tiimisivut
  • Tuotekatalogit
  • Tapahtumat
  • Kiinteistöt

Kun sisältö ei ole “blogi”, käytä CPT:tä.

Yleisimmät virheet

Vältä näitä:

  • Huono suunnittelu alussa
  • Liikaa kenttiä ilman tarvetta
  • Ei templatea → data ei näy oikein
  • Sekoitus postien ja CPT:n välillä

Nämä tekevät ylläpidosta sekavaa.

Yhteenveto

Custom Post Types ja Custom Fields muuttavat WordPressin yksinkertaisesta CMS:stä tehokkaaksi alustaksi. Kun rakennat sisällön oikein alusta asti, säästät aikaa ja saat joustavan lopputuloksen.

Perusprosessi:

  1. Suunnittele
  2. Luo CPT
  3. Lisää kentät
  4. Näytä data
  5. Optimoi

Kun ymmärrät tämän mallin, voit rakentaa lähes mitä tahansa WordPressillä.