{"id":2994,"date":"2026-01-11T10:46:25","date_gmt":"2026-01-11T10:46:25","guid":{"rendered":"https:\/\/digiverkosto.fi\/?p=2994"},"modified":"2026-02-14T12:41:50","modified_gmt":"2026-02-14T10:41:50","slug":"nettisivujen-tekeminen-wordpress-opas","status":"publish","type":"post","link":"https:\/\/digiverkosto.fi\/en\/nettisivujen-tekeminen-wordpress-opas\/","title":{"rendered":"Nettisivujen tekeminen WordPressill\u00e4 2026: Opas yritt\u00e4j\u00e4lle"},"content":{"rendered":"<article>\n<header>\n            Opas 2026<br \/>\n            Strategy<\/p>\n<h1>\n            Nettisivujen tekeminen WordPressill\u00e4 2026:<br \/>\n            Kattava opas yritt\u00e4j\u00e4lle.<br \/>\n        <\/h1>\n<p>\n            Oletko rakentamassa yrityksellesi uutta kotipes\u00e4\u00e4 verkkoon? Verkkosivujen rakentaminen on yksi yritt\u00e4j\u00e4n t\u00e4rkeimmist\u00e4 investoinneista, mutta se on my\u00f6s projekti, joka voi vied\u00e4 yll\u00e4tt\u00e4v\u00e4n paljon aikaa ja hermoja. <\/p>\n<p>            T\u00e4ss\u00e4 oppaassa k\u00e4ymme l\u00e4pi, mit\u00e4 laadukas nettisivuston toteutus vaatii, ja miksi nykyaikainen yritt\u00e4j\u00e4 hy\u00f6dynt\u00e4\u00e4 teko\u00e4ly\u00e4 osana sivustoaan.\n        <\/p>\n<\/header>\n<section>\n            \ud83d\uded1<\/p>\n<h2>T\u00e4rke\u00e4\u00e4<\/h2>\n<p>\n                    Tiesitk\u00f6, ett\u00e4 <strong>75 % kuluttajista<\/strong> arvioi yrityksen luotettavuuden pelk\u00e4st\u00e4\u00e4n verkkosivujen ulkoasun perusteella? Vanhentuneet sivut eiv\u00e4t ole vain &#8221;rumat&#8221; \u2013 ne maksavat sinulle aktiivisesti menetettyj\u00e4 asiakkaita.\n                <\/p>\n<\/section>\n<\/article>\n<style>\n    .blog-container {\n        max-width: 800px;\n        margin: 0 auto;\n        padding: 60px 24px;\n        background-color: #070707;\n        color: #f5f5f7;\n        font-family: -apple-system, BlinkMacSystemFont, \"Inter\", sans-serif;\n    }\n    .blog-hero {\n        padding: 80px 0 60px;\n        text-align: left;\n    }\n    .meta-tags {\n        display: flex;\n        gap: 12px;\n        margin-bottom: 30px;\n    }\n    .tag-outline {\n        border: 1px solid #424245;\n        padding: 4px 12px;\n        border-radius: 100px;\n        font-size: 12px;\n        color: #86868b;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n    .tag-fill {\n        background: #0071e3;\n        padding: 4px 12px;\n        border-radius: 100px;\n        font-size: 12px;\n        color: #fff;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n    }\n    .entry-title {\n        font-size: clamp(34px, 8vw, 60px);\n        font-weight: 800;\n        line-height: 1.1;\n        letter-spacing: -0.04em;\n        margin-bottom: 30px;\n    }\n    .gradient-text {\n        background: linear-gradient(180deg, #fff 0%, #86868b 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n    .entry-intro {\n        font-size: 20px;\n        line-height: 1.5;\n        color: #86868b;\n        max-width: 700px;\n    }\n    .scroll-stopper {\n        margin: 40px 0;\n        padding: 40px;\n        background: #161617;\n        border-radius: 28px;\n        border: 1px solid #2c2c2e;\n    }\n    .stopper-inner {\n        display: flex;\n        gap: 24px;\n        align-items: flex-start;\n    }\n    .stopper-icon {\n        font-size: 32px;\n    }\n    .stopper-h2 {\n        font-size: 14px;\n        font-weight: 700;\n        color: #00E003; \n        letter-spacing: 2px;\n        margin-bottom: 12px;\n    }\n    .stopper-content p {\n        font-size: 18px;\n        line-height: 1.5;\n        color: #f5f5f7;\n        margin: 0;\n    }\n    .stopper-content strong {\n        color: #fff;\n        font-weight: 700;\n    }\n    @media (max-width: 600px) {\n        .stopper-inner {\n            flex-direction: column;\n            gap: 16px;\n        }\n        .entry-title {\n            font-size: 36px;\n        }\n    }\n<\/style>\n<section>\n    Vaihe 01<\/p>\n<h2>Strategia ja WordPress-alustan valinta<\/h2>\n<p>\n            Moni aloittaa nettisivujen tekemisen valitsemalla v\u00e4rit ja fontit.<br \/>\n            Virhe.<br \/>\n            Kaikki alkaa strategiasta: mit\u00e4 haluat k\u00e4vij\u00e4n tekev\u00e4n sivuillasi?\n        <\/p>\n<p>\n            <strong>WordPress<\/strong> on maailman suosituin alusta yritt\u00e4jille, koska se joustaa liiketoimintasi mukana. Se mahdollistaa kaiken yksinkertaisista esittelysivuista monimutkaisiin verkkokauppoihin ja teko\u00e4lyratkaisuihin.\n        <\/p>\n<h3>Muista n\u00e4m\u00e4 peruspilarit:<\/h3>\n<p>            \ud83c\udf10<br \/>\n                <strong>Domain ja yll\u00e4pito<\/strong><\/p>\n<p>Valitse nopea ja turvallinen kotimainen palvelin. Sijainti vaikuttaa nopeuteen ja luottamukseen.<\/p>\n<p>            \ud83d\udcf1<br \/>\n                <strong>Responsiivisuus<\/strong><\/p>\n<p>Sivujen on toimittava saumattomasti puhelimella. Mobile-first ei ole valinta, se on vaatimus.<\/p>\n<p>            \u26a1<br \/>\n                <strong>Nopeus<\/strong><\/p>\n<p>Jokainen lataussekunti karkottaa potentiaalisia ostajia. Nopeus on suoraan kytketty konversioon.<\/p>\n<\/section>\n<style>\n    .blog-section {\n        margin-bottom: 80px;\n    }\n    .step-indicator {\n        font-family: monospace;\n        color: #0071e3;\n        font-size: 14px;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        margin-bottom: 12px;\n    }\n    .step-title {\n        font-size: 32px;\n        font-weight: 700;\n        margin-bottom: 24px;\n        color: #fff;\n    }\n    .step-content p {\n        font-size: 18px;\n        line-height: 1.6;\n        color: #86868b;\n        margin-bottom: 24px;\n    }\n    .error-highlight {\n        color: #ff3b30;\n        font-weight: 700;\n    }\n    .pillar-grid {\n        background: #161617;\n        border-radius: 24px;\n        padding: 40px;\n        border: 1px solid #2c2c2e;\n        margin-top: 40px;\n    }\n    .pillar-title {\n        font-size: 20px;\n        margin-bottom: 30px;\n        color: #fff;\n    }\n    .pillar-item {\n        display: flex;\n        gap: 20px;\n        margin-bottom: 24px;\n        align-items: flex-start;\n    }\n    .pillar-item:last-child {\n        margin-bottom: 0;\n    }\n    .pillar-icon {\n        font-size: 24px;\n        padding-top: 4px;\n    }\n    .pillar-text strong {\n        display: block;\n        font-size: 17px;\n        color: #f5f5f7;\n        margin-bottom: 4px;\n    }\n    .pillar-text p {\n        font-size: 15px;\n        color: #86868b;\n        margin: 0;\n        line-height: 1.4;\n    }\n    @media (max-width: 600px) {\n        .pillar-grid {\n            padding: 30px 20px;\n        }\n        .step-title {\n            font-size: 28px;\n        }\n    }\n<\/style>\n<section>\n    Vaihe 02<\/p>\n<h2>Sis\u00e4lt\u00f6, SEO ja n\u00e4kyvyys<\/h2>\n<p>\n            &#8221;Nettisivujen tekeminen ilman hakukoneoptimointia (SEO) on kuin painaisi hienon mainoslehden ja j\u00e4tt\u00e4isi sen varastoon.&#8221;\n        <\/p>\n<p>\n            Jotta asiakkaat l\u00f6yt\u00e4v\u00e4t sinut, sivuston rakenteen on oltava <strong>Google-yst\u00e4v\u00e4llinen<\/strong>. Pelkk\u00e4 kaunis ulkokuori ei riit\u00e4, jos kukaan ei l\u00f6yd\u00e4 tiens\u00e4 sen luokse.\n        <\/p>\n<p>\n                Me Digiverkostolla emme vain rakenna sivuja, vaan varmistamme, ett\u00e4 markkinointisi ja verkkosivusi puhuvat samaa kielt\u00e4.\n            <\/p>\n<p>\n                Myyv\u00e4 teksti ja oikeat avainsanat ovat avainasemassa, kun vierailija muutetaan maksavaksi asiakkaaksi.\n            <\/p>\n<\/section>\n<style>\n    .seo-highlight-box {\n        background: linear-gradient(90deg, #161617 0%, #000 100%);\n        border-left: 4px solid #0071e3;\n        padding: 30px 40px;\n        margin: 40px 0;\n        border-radius: 0 20px 20px 0;\n    }\n    .metaphor-text {\n        font-size: 22px !important;\n        font-style: italic;\n        color: #fff !important;\n        line-height: 1.4;\n        margin: 0 !important;\n    }\n    .dual-column-text {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        margin-top: 30px;\n    }\n    .dual-column-text p {\n        font-size: 16px;\n        color: #86868b;\n    }\n    @media (max-width: 768px) {\n        .dual-column-text {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n        .seo-highlight-box {\n            padding: 20px;\n            margin: 30px 0;\n        }\n        .metaphor-text {\n            font-size: 18px !important;\n        }\n    }\n<\/style>\n<section>\n    Vaihe 03<\/p>\n<h2>Teko\u00e4ly \u2013 Yrityksesi uusi supervoima \ud83e\udd16<\/h2>\n<p>\n            T\u00e4ss\u00e4 kohtaa moderni verkkosivu eroaa perinteisest\u00e4. Vuonna 2026 pelkk\u00e4 staattinen sivu ei en\u00e4\u00e4 riit\u00e4.\n        <\/p>\n<p>\n            Yritt\u00e4j\u00e4n aika on rajallista. Siksi me integroimme verkkosivuille <strong><a href=\"https:\/\/digiverkosto.fi\/en\/tekoalyratkaisut-yrityksille\/\">teko\u00e4lyassistentteja<\/a><\/strong>. Ne eiv\u00e4t ole vanhanaikaisia chat-botteja, vaan \u00e4lykk\u00e4it\u00e4 ty\u00f6kaluja, jotka:\n        <\/p>\n<p>                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg><\/p>\n<h3>S\u00e4\u00e4st\u00e4v\u00e4t aikaasi<\/h3>\n<p>Assistentti vastaa usein kysyttyihin kysymyksiin 24\/7, vapauttaen tiimisi arvokkaaseen ty\u00f6h\u00f6n.<\/p>\n<p>                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 17l5-5-5-5M6 17l5-5-5-5\"\/><\/svg><\/p>\n<h3>Helpottavat ostopolkua<\/h3>\n<p>Teko\u00e4ly auttaa asiakasta l\u00f6yt\u00e4m\u00e4\u00e4n etsim\u00e4ns\u00e4 tuotteen tai palvelun sekunneissa.<\/p>\n<p>                <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2a10 10 0 0 0-9.09 14.07A10 10 0 0 0 12 22a10 10 0 0 0 9.09-5.93A10 10 0 0 0 12 2z\"><\/path><path d=\"M12 8v4l2 2\"><\/path><\/svg><\/p>\n<h3>Parantavat asiakaskokemusta<\/h3>\n<p>Asiakas saa vastauksen heti, ilman odottelua \u2013 miss\u00e4 ja milloin tahansa.<\/p>\n<\/section>\n<style>\n    .ai-section {\n        background: #070707;\n        padding-top: 60px;\n        margin-bottom: 80px;\n        position: relative;\n    }\n    .robot-icon {\n        font-size: 28px;\n        vertical-align: middle;\n        margin-left: 10px;\n    }\n    .ai-intro-text {\n        margin-bottom: 40px;\n    }\n    .ai-intro-text p {\n        color: #86868b;\n        font-size: 18px;\n        line-height: 1.6;\n        margin-bottom: 16px;\n    }\n    .ai-intro-text strong {\n        color: #fff;\n    }\n    .ai-benefit-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n        margin-top: 40px;\n    }\n    .ai-benefit-card {\n        background: #161617;\n        padding: 30px;\n        border-radius: 24px;\n        border: 1px solid #2c2c2e;\n        text-align: center;\n        transition: transform 0.3s ease;\n    }\n    .ai-benefit-card:hover {\n        transform: translateY(-5px);\n        border-color: #424245;\n    }\n    .icon-wrapper {\n        width: 60px;\n        height: 60px;\n        background: #0071e3;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 20px;\n    }\n    .ai-benefit-card h3 {\n        font-size: 20px;\n        color: #fff;\n        margin-bottom: 15px;\n    }\n    .ai-benefit-card p {\n        font-size: 15px;\n        color: #86868b;\n        line-height: 1.5;\n        margin: 0;\n    }\n    @media (max-width: 900px) {\n        .ai-benefit-grid {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }\n    }\n<\/style>\n<section>\n<header>\n            \u2705<\/p>\n<h2>Oletko valmis tekem\u00e4\u00e4n sivut itse?<\/h2>\n<p>Jos suunnittelet tekev\u00e4si kaiken itse, k\u00e4y t\u00e4m\u00e4 lista l\u00e4pi rehellisesti ennen kuin aloitat.<\/p>\n<\/header>\n<p>                    <strong>Speed optimization<\/strong><\/p>\n<p>Osaatko optimoida kuvat ja koodin niin, ett\u00e4 sivu latautuu alle 2 sekunnissa?<\/p>\n<p>                    <strong>Technical SEO<\/strong><\/p>\n<p>Tied\u00e4tk\u00f6, miten rakennetaan meta-tiedot, skeemat ja dynaamiset sivustokartat?<\/p>\n<p>                    <strong>AI-Koulutus<\/strong><\/p>\n<p>Osaatko asentaa ja opettaa teko\u00e4lyassistentin ymm\u00e4rt\u00e4m\u00e4\u00e4n palvelusi yksityiskohdat?<\/p>\n<p>                    <strong>Aikaresurssi<\/strong><\/p>\n<p>Onko sinulla 40\u201380 tuntia aikaa opiskeluun ja toteutukseen muun ty\u00f6n ohella?<\/p>\n<p>                    <strong>Tietoturva &#038; Lait<\/strong><\/p>\n<p>Osaatko varmistaa sivuston tietoturvan ja GDPR-asetukset oikein?<\/p>\n<\/section>\n<style>\n    .checklist-wrapper {\n        margin: 80px 0;\n    }\n    .checklist-card {\n        background: #111112;\n        border: 1px solid #2c2c2e;\n        border-radius: 32px;\n        padding: 50px;\n        max-width: 700px;\n        margin: 0 auto;\n    }\n    .checklist-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n    .check-badge {\n        font-size: 40px;\n        display: block;\n        margin-bottom: 20px;\n    }\n    .checklist-h2 {\n        font-size: 28px;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: #fff;\n    }\n    .checklist-header p {\n        color: #86868b;\n        font-size: 16px;\n    }\n    .checklist-body {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n    .check-row {\n        display: flex;\n        gap: 20px;\n        padding-bottom: 20px;\n        border-bottom: 1px solid #1c1c1e;\n    }\n    .check-row:last-child {\n        border-bottom: none;\n    }\n    .check-box-ui {\n        min-width: 24px;\n        height: 24px;\n        border: 2px solid #3a3a3c;\n        border-radius: 6px;\n        margin-top: 4px;\n    }\n    .check-text strong {\n        display: block;\n        font-size: 17px;\n        color: #f5f5f7;\n        margin-bottom: 4px;\n    }\n    .check-text p {\n        font-size: 14px;\n        color: #86868b;\n        margin: 0;\n        line-height: 1.5;\n    }\n    @media (max-width: 600px) {\n        .checklist-card {\n            padding: 30px 20px;\n        }\n        .checklist-h2 {\n            font-size: 22px;\n        }\n    }\n<\/style>\n<section>\n<h2>Milloin kannattaa k\u00e4\u00e4nty\u00e4 ammattilaisen puoleen?<\/h2>\n<p>\n            Verkkosivujen rakentaminen on yritt\u00e4j\u00e4lle usein liian suuri ja teknisesti haastava projekti hallittavaksi yksin. Vaikka WordPress on helppok\u00e4ytt\u00f6inen, ammattimaisen, konvertoivan ja turvallisen sivuston hiominen vaatii <strong>satojen yksityiskohtien hallintaa.<\/strong>\n        <\/p>\n<p>\n                Usein yritt\u00e4j\u00e4n on edullisempaa ja j\u00e4rkev\u00e4mp\u00e4\u00e4 ulkoistaa toteutus, jotta oma <strong>focus pysyy varsinaisessa ty\u00f6ss\u00e4<\/strong> ja asiakashankinnassa.\n            <\/p>\n<h3>Digiverkosto tarjoaa avaimet k\u00e4teen -ratkaisut:<\/h3>\n<p>                \ud83d\ude80<br \/>\n                    <strong>Nykyaikaiset WordPress-sivut<\/strong><br \/>\n                    Tyylikk\u00e4\u00e4t, nopeat ja myyv\u00e4t kokonaisuudet.<br \/>\n                \ud83e\udde0<br \/>\n                    <strong>Artificial intelligence solutions<\/strong><br \/>\n                    \u00c4lykk\u00e4\u00e4t assistentit, jotka hoitavat asiakaspalvelua puolestasi.<br \/>\n                \ud83d\udcc8<br \/>\n                    <strong>Kokonaisvaltainen markkinointi<\/strong><br \/>\n                    Varmistamme, ett\u00e4 sivuillesi tulee my\u00f6s liikennett\u00e4.<br \/>\n<\/section>\n<style>\n    .professional-section {\n        padding: 60px 0;\n        border-top: 1px solid #1c1c1e;\n        margin-top: 60px;\n    }\n    .pro-text {\n        font-size: 19px !important;\n        color: #86868b !important;\n        line-height: 1.6;\n        margin-bottom: 40px !important;\n    }\n    .focus-callout {\n        background: #fff;\n        color: #000;\n        padding: 40px;\n        border-radius: 24px;\n        margin-bottom: 60px;\n        text-align: center;\n    }\n    .focus-callout p {\n        font-size: 22px !important;\n        font-weight: 500;\n        color: #000 !important;\n        margin: 0 !important;\n        line-height: 1.3;\n    }\n    .solutions-title {\n        font-size: 20px;\n        color: #fff;\n        margin-bottom: 30px;\n    }\n    .solutions-grid {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }\n    .solution-card {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        background: #161617;\n        padding: 24px;\n        border-radius: 20px;\n        border: 1px solid #2c2c2e;\n    }\n    .s-icon {\n        font-size: 24px;\n    }\n    .s-desc strong {\n        display: block;\n        color: #fff;\n        font-size: 17px;\n        margin-bottom: 4px;\n    }\n    .s-desc span {\n        color: #86868b;\n        font-size: 15px;\n    }\n    @media (max-width: 600px) {\n        .focus-callout {\n            padding: 30px 20px;\n        }\n        .focus-callout p {\n            font-size: 18px !important;\n        }\n    }\n<\/style>\n<section>\n<h2>Yhteenveto<\/h2>\n<p>\n            Hyv\u00e4t verkkosivut eiv\u00e4t ole kuluer\u00e4, vaan ne ovat <strong>yrityksesi paras myyj\u00e4<\/strong>, joka on t\u00f6iss\u00e4 silloinkin kun sin\u00e4 nukut.\n        <\/p>\n<p>\n            Olitpa sitten rakentamassa sivuja itse tai harkitsemassa kumppania, panosta laatuun ja tulevaisuuden ratkaisuihin, kuten teko\u00e4lyyn. Investointi oikeaan teknologiaan nyt maksaa itsens\u00e4 moninkertaisesti takaisin tulevina vuosina.\n        <\/p>\n<h3>Haluatko s\u00e4\u00e4st\u00e4\u00e4 aikaa ja varmistaa, ett\u00e4 sivustosi todella tuottaa tulosta?<\/h3>\n<p>            <a href=\"https:\/\/digiverkosto.fi\/en\/verkkosivut-yritykselle\/\"><br \/>\n                Lue lis\u00e4\u00e4 verkkosivupalveluista<br \/>\n                \u2192<br \/>\n            <\/a><br \/>\n<\/section>\n<style>\n    .summary-section {\n        padding: 100px 0 140px;\n        text-align: center;\n    }\n    .summary-card {\n        max-width: 800px;\n        margin: 0 auto;\n    }\n    .summary-title {\n        font-size: 14px;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #0071e3;\n        margin-bottom: 30px;\n    }\n    .summary-statement {\n        font-size: clamp(24px, 5vw, 42px) !important;\n        font-weight: 700;\n        line-height: 1.2 !important;\n        color: #fff !important;\n        margin-bottom: 40px !important;\n        letter-spacing: -0.02em;\n    }\n    .summary-advice {\n        font-size: 19px !important;\n        color: #86868b !important;\n        line-height: 1.6;\n        margin-bottom: 80px !important;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n    }\n    .final-cta-box {\n        background: linear-gradient(180deg, #161617 0%, #000 100%);\n        padding: 60px 40px;\n        border-radius: 40px;\n        border: 1px solid #2c2c2e;\n    }\n    .final-cta-box h3 {\n        font-size: 24px;\n        font-weight: 600;\n        margin-bottom: 30px;\n        color: #fff;\n    }\n    .mega-cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        background: #0071e3;\n        color: #fff;\n        padding: 18px 40px;\n        border-radius: 100px;\n        font-size: 18px;\n        font-weight: 600;\n        text-decoration: none;\n        transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.3s ease;\n    }\n    .mega-cta-button:hover {\n        background: #0077ed;\n        transform: scale(1.05);\n    }\n    .arrow {\n        transition: transform 0.3s ease;\n    }\n    .mega-cta-button:hover .arrow {\n        transform: translateX(5px);\n    }\n    @media (max-width: 600px) {\n        .summary-section { padding: 60px 0 100px; }\n        .final-cta-box { padding: 40px 20px; }\n        .mega-cta-button { width: 100%; justify-content: center; font-size: 16px; padding: 16px 20px; }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>T\u00e4ss\u00e4 oppaassa k\u00e4ymme l\u00e4pi, mit\u00e4 laadukas nettisivuston toteutus vaatii, ja miksi nykyaikainen yritt\u00e4j\u00e4 hy\u00f6dynt\u00e4\u00e4 teko\u00e4ly\u00e4 osana sivustoaan.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"site-sidebar-layout":"left-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2994","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/posts\/2994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/comments?post=2994"}],"version-history":[{"count":0,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/posts\/2994\/revisions"}],"wp:attachment":[{"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/media?parent=2994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/categories?post=2994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digiverkosto.fi\/en\/wp-json\/wp\/v2\/tags?post=2994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}