{"id":233437,"date":"2023-02-14T12:09:00","date_gmt":"2023-02-14T09:09:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=233437"},"modified":"2022-11-10T23:41:05","modified_gmt":"2022-11-10T20:41:05","slug":"tarkistuslista-12-asiaa-jotka-sinun-on-tarkistettava-valittaessa-wordpress-teemaa","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/fi\/tarkistuslista-12-asiaa-jotka-sinun-on-tarkistettava-valittaessa-wordpress-teemaa\/","title":{"rendered":"Tarkistuslista: 12 asiaa, jotka sinun on tarkistettava valittaessa WordPress-teemaa"},"content":{"rendered":"\n

T\u00e4m\u00e4 on opas ominaisuuksista, joita uusi WordPress-teemasi tarvitsee tehd\u00e4kseen verkkosivustostasi menestyv\u00e4n vuonna 2020. Tarkistuslista on t\u00e4rke\u00e4 verkkovastaaville, yksityishenkil\u00f6ille, mutta my\u00f6s kehitt\u00e4jille, jotka haluavat parantaa teemojaan. Jos harkitset uuden WordPress-teeman valitsemista t\u00e4n\u00e4 vuonna, lue eteenp\u00e4in!<\/p>\n

Muista, ett\u00e4 sill\u00e4 verkkosivustolla, jolle haluat lis\u00e4t\u00e4 teeman, on merkityst\u00e4. Olen yritt\u00e4nyt pit\u00e4\u00e4 osoittimet mahdollisimman yleisin\u00e4, jotta niit\u00e4 tulisi soveltaa riippumatta siit\u00e4, onko sinulla yritys, blogi tai verkkokauppasivusto.<\/p>\n

Huomaa my\u00f6s, ett\u00e4 ratkaiset todenn\u00e4k\u00f6isesti monia tarvittavia ominaisuuksia k\u00e4ytt\u00e4m\u00e4ll\u00e4 laajennuksia, etk\u00e4 siis luota teemaan antamaan sinulle kaiken tarvitsemasi. Mutta silti on paljon, mit\u00e4 voidaan ratkaista tai tukea vain teeman kautta. Alla oleva tarkistuslista on asioita, joita laajennukset eiv\u00e4t voi tai mit\u00e4 todenn\u00e4k\u00f6isimmin voi korjata, ja joiden on oltava paikoillaan valitsemassasi teemassa.<\/p>\n

1 Mobiiliyst\u00e4v\u00e4llinen<\/h2>\n

Teeman tulee olla mobiiliyst\u00e4v\u00e4llinen. Kausi. Yli puolet kaikista sivuston k\u00e4ynneist\u00e4 ymp\u00e4ri maailmaa tapahtuu mobiililaitteen kautta. Vuonna 2018 maailmanlaajuisten mobiilik\u00e4yntien prosenttiosuus oli noin 58 %, ja sen ennustetaan olevan noin 63 % vuonna 2019. Se vain kasvaa vuosien kuluessa.<\/p>\n

Mit\u00e4 tarkoittaa, ett\u00e4 teema tai verkkosivusto on mobiiliyst\u00e4v\u00e4llinen? Se tarkoittaa yksinkertaisesti sit\u00e4, ett\u00e4 sivusto on kehitetty toimimaan ja sit\u00e4 voidaan k\u00e4ytt\u00e4\u00e4 pienemmill\u00e4 n\u00e4yt\u00f6ill\u00e4 ilman erillist\u00e4 sivustoa mobiilik\u00e4ytt\u00e4jille. Toisin sanoen; teeman on oltava responsiivinen. Responsiivinen teema pinoaa sis\u00e4ll\u00f6n kauniisti p\u00e4\u00e4llekk\u00e4in, skaalaa tai piilottaa tarpeettoman sis\u00e4ll\u00f6n ja korvaa p\u00e4\u00e4valikon mobiilivalikon napin painalluksella.<\/p>\n

Voit helposti tarkistaa, onko verkkosivusto responsiivinen yksinkertaisesti pienent\u00e4m\u00e4ll\u00e4 selainikkunaa tietokoneellasi. Ved\u00e4 selaimen vasenta tai oikeaa reunaa sis\u00e4\u00e4np\u00e4in. Katso kuinka verkkosivusto reagoi. Sis\u00e4ll\u00f6n pit\u00e4isi alkaa j\u00e4rjestell\u00e4 uudelleen, pinota ja skaalata suhteellisesti n\u00e4yt\u00f6n leveyden mukaan. Hyv\u00e4 nyrkkis\u00e4\u00e4nt\u00f6 on, ett\u00e4 sinun ei pit\u00e4isi koskaan n\u00e4hd\u00e4 vaakasuuntaista vierityspalkkia selaimessasi!<\/p>\n

Esimerkkin\u00e4 t\u00e4m\u00e4n sivuston etusivu toimii seuraavasti, kun pienenn\u00e4t n\u00e4yt\u00f6n kokoa:<\/p>\n<\/p>\n

Luotettavampi tapa tarkistaa mobiiliyst\u00e4v\u00e4llisyys on k\u00e4ytt\u00e4\u00e4 Googlen ilmaista ty\u00f6kalua: Testaa, onko verkkosivusi mobiiliyst\u00e4v\u00e4llinen<\/a>. Kirjoita teeman esittelysivuston URL-osoite ja napsauta "Testaa". Ty\u00f6kalun pit\u00e4isi raportoida sinulle, onko sivusto todella mobiiliyst\u00e4v\u00e4llinen vai ei.<\/p>\n

Mobiiliyst\u00e4v\u00e4llisen sivuston ansiosta useampi vierailija k\u00e4ytt\u00e4\u00e4 eri laitteita, mutta mobiiliyst\u00e4v\u00e4llinen verkkosivusto on my\u00f6s ratkaisevan t\u00e4rke\u00e4\u00e4 SEO:lle (hakukoneoptimointi \u2013 katso seuraava kohta)! Google asettaa hakutuloksissaan etusijalle sivustot, jotka ovat mobiiliyst\u00e4v\u00e4llisi\u00e4. Maaliskuussa 2020 he ilmoittivat, ett\u00e4 Google siirtyy mobiilil\u00e4ht\u00f6iseen indeksointiin kaikilla verkkosivustoilla syyskuussa 2020<\/a>.<\/p>\n

2 SEO-yst\u00e4v\u00e4llinen<\/h2>\n

Hakukoneoptimointi (SEO) on eritt\u00e4in t\u00e4rke\u00e4 nyky\u00e4\u00e4n sinulle, joka haluat vierailijoiden tulevan sivustollesi. Sinun on saatava verkkosivustosi sijoitus mahdollisimman korkealle hakukoneissa, kuten Googlessa, jotta voit toivoa vierailijoita, jotka muuttuvat asiakkaiksi. Ilman SEO:ta verkkosivustosi hukkuu miljardeihin muihin kilpaileviin verkkosivuihin, eik\u00e4 kukaan tied\u00e4 tai l\u00f6yd\u00e4 verkkosivustostasi.<\/p>\n

SEO tarkoittaa verkkosivustosi optimointia sivustollesi tulevan liikenteen m\u00e4\u00e4r\u00e4n ja laadun lis\u00e4\u00e4miseksi. T\u00e4m\u00e4 sis\u00e4lt\u00e4\u00e4 aiheita, kuten sis\u00e4ll\u00f6n, tekniset n\u00e4k\u00f6kohdat ja sen, miten ulkopuolinen n\u00e4kee, k\u00e4ytt\u00e4\u00e4 ja arvioi sivustosi. Se on melko laaja aihe, mutta t\u00e4ss\u00e4 tarkistuslistassa keskityn teknisiin n\u00e4k\u00f6kohtiin.<\/p>\n

Todenn\u00e4k\u00f6isimmin k\u00e4yt\u00e4t (pit\u00e4isi) SEO-laajennusta. Esimerkiksi Yoast SEO<\/a> on tunnetuin ja k\u00e4ytetyin SEO-laajennus WordPressille. Siin\u00e4 on premium-versio, mutta ilmainen versio on t\u00e4ysin kunnossa. SEO-laajennuksen avulla voit m\u00e4\u00e4ritt\u00e4\u00e4 otsikot, metakuvauksen, avainsanat ja luoda hakukoneiden sivustokarttoja. Yoast SEO analysoi my\u00f6s viestisi sis\u00e4lt\u00f6\u00e4 ja antaa sinulle ohjeita, kuinka voit parantaa kirjoittamistasi sijoittuksesi korkeammalle.<\/p>\n

Mutta on muutama asia, jotka sinun on tarkistettava teemassa \u2013 jotain, jota SEO-laajennus ei voi korjata.<\/p>\n

Hyv\u00e4 HTML-rakenne<\/h3>\n

Hyv\u00e4 HTML-rakenne vaikuttaa teeman SEO-yst\u00e4v\u00e4llisyyteen. HTML on verkkosivun sis\u00e4ll\u00f6n rakenne sen tyylist\u00e4 riippumatta. Tyyli saattaa peitt\u00e4\u00e4 huonon HTML-rakenteen, mutta muista, ett\u00e4 Googlen indeksointirobotit lukevat verkkosivustoa ilman tyyli\u00e4.<\/p>\n

Yksi t\u00e4rke\u00e4 s\u00e4\u00e4nt\u00f6 hyv\u00e4ss\u00e4 HTML-rakenteessa on otsikkotunnisteet; h1<\/code>, h2<\/code>ja niin edelleen, kunnes h6<\/code>. Otsikoita tulee k\u00e4ytt\u00e4\u00e4 tiedottamaan uudesta osiosta ja siit\u00e4, mist\u00e4 siin\u00e4 on kyse, ja tunnisteiden tulee olla j\u00e4rjestyksess\u00e4 (esim. sis\u00e4lt\u00f6si ei saa hyp\u00e4t\u00e4 kohdasta h2<\/code>toiseen h4<\/code>ilman h3<\/code>v\u00e4likohtaa). h1<\/code>olisi varattava t\u00e4rkeimm\u00e4lle nimikkeelle; yleens\u00e4 julkaisun otsikko tai sivuston nimi. Ja h2<\/code>sit\u00e4 tulisi k\u00e4ytt\u00e4\u00e4 palvelemaan t\u00e4m\u00e4n viestin t\u00e4rkeimpi\u00e4 otsikoita. Vaikka Google on ilmoittanut sallivansa useita h1<\/code>tunnisteita (HTML5:n ohjeiden mukaisesti), on edelleen yleist\u00e4 varmistaa, ett\u00e4 h1<\/code>kullakin sivulla on vain yksi.<\/p>\n

Teemassa tulisi k\u00e4ytt\u00e4\u00e4 my\u00f6s uudempia HTML5-tageja, kuten <header><\/code>, <main><\/code>, <footer><\/code>, <aside><\/code>koska ne tarjoavat Googlelle semanttista tietoa siit\u00e4, mit\u00e4 sis\u00e4lt\u00f6 todellisuudessa on.<\/p>\n

Toinen eritt\u00e4in v\u00e4h\u00e4n k\u00e4ytetty ominaisuus on skeeman merkint\u00e4 – jota usein kutsutaan mikrotiedoksi. Schema Markup<\/a> on tekniikka, joka auttaa botteja ja indeksointirobotteja ymm\u00e4rt\u00e4m\u00e4\u00e4n, mit\u00e4 sis\u00e4lt\u00f6 on. Tuotetietojen k\u00e4\u00e4riminen mallimerkinn\u00f6ill\u00e4 antaa Googlelle mahdollisuuden tiet\u00e4\u00e4, mist\u00e4 se l\u00f6yt\u00e4\u00e4 hinnan, arvostelut, tuotekuvan ja paljon muuta. T\u00e4m\u00e4n ansiosta Google voi esitell\u00e4 tuotteita eri tavalla hakutuloksissa. Valitettavasti t\u00e4m\u00e4 on harvinaista l\u00f6yt\u00e4\u00e4 WordPress-teemasta, mutta jos l\u00f6yd\u00e4t teeman, jossa on skeemamerkint\u00e4, se on hyv\u00e4 vihje, ett\u00e4 teeman kehitt\u00e4j\u00e4ll\u00e4 on ollut SEO mieless\u00e4\u00e4n.<\/p>\n

Lopuksi teeman tulee varmistaa, ett\u00e4 luodaan asianmukaiset tunnisteet monipuolisen sis\u00e4ll\u00f6n upotuksiin, erityisesti kuviin. Kuvissa tulee olla v\u00e4hint\u00e4\u00e4n alt<\/code>-tagit. Alt-tageja k\u00e4ytet\u00e4\u00e4n kuvaamaan sivulla olevan kuvan ulkoasua ja toimintaa. Muista, ett\u00e4 hakukoneiden indeksointirobotit eiv\u00e4t voi tulkita kuvia kuten ihmiset.<\/p>\n

Sivun nopeus<\/h3>\n

Se, kuinka nopeasti verkkosivustosi latautuu, on eritt\u00e4in t\u00e4rke\u00e4\u00e4 SEO:lle. Sivun lataaminen verkkosivustollesi ei saa kest\u00e4\u00e4 yli 5 sekuntia. Teema voi optimoida sivun nopeutta useilla tavoilla.<\/p>\n

Muista, ett\u00e4 teema saattaa k\u00e4ytt\u00e4\u00e4 raskaita ja joskus ulkoisia resursseja saadakseen sen n\u00e4ytt\u00e4m\u00e4\u00e4n muhkealta. Esimerkiksi mukautetut kirjasimet, kuvakkeet ja koko joukko interaktiivisia elementtej\u00e4. Pyynn\u00f6t tyylisivuille, javascript-tiedostoille ja erityisesti ulkoisille resursseille, kuten esim. GoogleFonts<\/a> fonteille ja Fontawesome<\/a> kuvakkeille, todella hidastaa sivun nopeutta.<\/p>\n

Teeman tulisi my\u00f6s tukea eri kokoisina lataamiesi kuvien koon muuttamista ja k\u00e4ytt\u00e4\u00e4 niit\u00e4 sis\u00e4ll\u00f6ss\u00e4si tarvittavien kuvakokojen mukaisesti. Suurien kuvien lataaminen on yksi suurimmista sivunopeuden haitoista. Ei ole mit\u00e4\u00e4n j\u00e4rke\u00e4 k\u00e4ytt\u00e4\u00e4 t\u00e4ysimittaista kuvaa 1900 pikselin leveydell\u00e4 pienen\u00e4 pikkukuvana alatunnisteessa.<\/p>\n

Voit tarkistaa sivunopeuden toisella Googlen ilmaisty\u00f6kalulla: PageSpeed \u200b\u200bInsights<\/a>. Kirjoita teeman esittelysivuston URL-osoite ja napsauta Analysoi. Anna sen toimia, ja sinulle pit\u00e4isi esitt\u00e4\u00e4 arvosana ja raportti asioista, joita voit tehd\u00e4 korjataksesi sivun nopeutta hidastavia ongelmia. Muista tarkistaa sek\u00e4 mobiili- ett\u00e4 ty\u00f6p\u00f6yt\u00e4raportit. Sivunopeus mobiililaitteissa on nyky\u00e4\u00e4n t\u00e4rke\u00e4mp\u00e4\u00e4; sek\u00e4 siksi, ett\u00e4 mobiililaitteet k\u00e4ytt\u00e4v\u00e4t usein mobiilidataa (joka maksaa rahaa), ett\u00e4 koska mobiiliyst\u00e4v\u00e4llisyys on t\u00e4rke\u00e4\u00e4. Etk\u00f6 ohittanut edellist\u00e4 tarkistuslistan kohtaa?<\/p>\n

3 Helppok\u00e4ytt\u00f6isyys<\/h2>\n

Esteett\u00f6myys tekee verkkosivustostasi kaikkien vierailijoiden, my\u00f6s vammaisten, saavutettavissa \u2013 riippumatta siit\u00e4, ovatko he kuulo-, n\u00e4k\u00f6vammaisia \u200b\u200btai muita. On olemassa kansainv\u00e4linen ohjesarja, nimelt\u00e4\u00e4n Web Content Accessibility Guidelines (WCAG), joka m\u00e4\u00e4rittelee, kuinka verkkosivustojen tulisi toteuttaa esteett\u00f6myys. Jos et noudata WCAG:t\u00e4, rikot itse asiassa useita kansainv\u00e4lisi\u00e4 lakeja ja m\u00e4\u00e4r\u00e4yksi\u00e4 (koska sivustosi vierailijat voivat tulla mist\u00e4 p\u00e4in maailmaa tahansa).<\/p>\n

Ohjeissa hahmotellaan suuri joukko eritelmi\u00e4 ja teknisi\u00e4 vaatimuksia verkkosivustolle. WCAG:n noudattaminen pisteytet\u00e4\u00e4n kolmella tasolla; A, AA ja AAA. AAA-taso on alhaisin hyv\u00e4ksytt\u00e4v\u00e4 esteett\u00f6myystaso, kun taas tasoa A pidet\u00e4\u00e4n huippuluokan esteett\u00f6m\u00e4n\u00e4, mutta taso A asettaa vahvoja rajoituksia suunnittelulle, ominaisuuksille ja monipuoliselle sis\u00e4ll\u00f6lle. Useimmat verkkosivustot, elleiv\u00e4t ne ole suunnattu vammaisille, eiv\u00e4t pyri saavuttamaan saavutettavuustasoa A.<\/p>\n

Teemasi tulee saavuttaa v\u00e4hint\u00e4\u00e4n AAA-taso. Voit tarkistaa sivuston esteett\u00f6myystasot k\u00e4ytt\u00e4m\u00e4ll\u00e4 ilmaista WAVE-ty\u00f6kalua, joka on saatavana Chromen ja Firefoxin laajennuksina<\/a>. Kun se on asennettu selaimeesi, voit vierailla teeman esittelysivustolla, suorittaa tarkistuksen ja tarkistaa raportin.<\/p>\n

\"Tarkistuslista:<\/a><\/p>\n

WAVE-raportti sivustostani. Ilmeisesti minulla on teht\u00e4v\u00e4\u00e4!<\/p>\n

4 Valikot<\/h2>\n

WordPressiss\u00e4 on sis\u00e4\u00e4nrakennettu valikkoeditori valikkojen luomiseen ja niiden sijoittamiseen teemasi ymp\u00e4rille. Valitsemasi teeman ei pit\u00e4isi vain tukea t\u00e4t\u00e4 valikkoeditoria, vaan my\u00f6s tarjota sinulle paikkoja valikoiden sijoittamista varten.<\/p>\n

\"Tarkistuslista:<\/a><\/p>\n

Teeman tulee tarjota v\u00e4hint\u00e4\u00e4n yksi valikkopaikka; p\u00e4\u00e4valikosta. P\u00e4\u00e4valikko sijaitsee yleens\u00e4 jossain yl\u00e4osassa otsikossa. On yleist\u00e4, ett\u00e4 otsikossa sallitaan my\u00f6s lis\u00e4valikoita, esim. tukivalikko. Valikkojen lis\u00e4\u00e4minen muihin paikkoihin voidaan yleens\u00e4 ratkaista lis\u00e4\u00e4m\u00e4ll\u00e4 valikkowidget – jos teema tukee widgetej\u00e4 (katso seuraava aihe).<\/p>\n

PS: Muistatko tarkistuslistan kohdan 1. mobiiliyst\u00e4v\u00e4llisyys mainitsemassa mobiilivalikon? Tarkista viel\u00e4 kerran, ett\u00e4 p\u00e4\u00e4valikon sijainti muuntaa hienosti mobiilivalikon. Jos teema sallii tukivalikot, ne tulisi sis\u00e4llytt\u00e4\u00e4 my\u00f6s mobiilivalikkoon, eik\u00e4 vain h\u00e4vit\u00e4.<\/p>\n

5 Widget-tuki<\/h2>\n

Toinen WordPressin sis\u00e4\u00e4nrakennettu ominaisuus ovat widgetit \u2013 pieni\u00e4 katkelmia sis\u00e4ll\u00f6st\u00e4, jotka voidaan sijoittaa m\u00e4\u00e4ritellyille widget-alueille. Kuten valikoissa, teemassa on erityisesti lis\u00e4tt\u00e4v\u00e4 tuki widgeteille ja lis\u00e4tt\u00e4v\u00e4 v\u00e4hint\u00e4\u00e4n yksi widget-alue.<\/p>\n

\"Tarkistuslista:<\/a><\/p>\n

Yleiset widget-alueet ovat alatunnisteessa ja sivupalkissa, jos teemassa on sivupalkin asettelu.<\/p>\n

Tarkista, ett\u00e4 teeman avulla voit sijoittaa widgetej\u00e4 sinne, miss\u00e4 niit\u00e4 tarvitset. On yleist\u00e4 sijoittaa lis\u00e4valikoita ja -tietoja alatunnisteeseen, ja WordPressiss\u00e4 t\u00e4m\u00e4 tapahtuu yleens\u00e4 widgeteill\u00e4.<\/p>\n

6 Mukautettu logo<\/h2>\n

T\u00e4m\u00e4 on ilmeinen v\u00e4ltt\u00e4m\u00e4t\u00f6n ominaisuus, jota teeman on tuettava: Sinun on voitava ladata oma logokuvasi ja sijoittaa se otsikkoon.<\/p>\n

WordPressill\u00e4 on mukautettu logon latausominaisuus Customizerissa, mutta teeman on lis\u00e4tt\u00e4v\u00e4 tuki t\u00e4lle. Jos teema ei tue WordPress-ty\u00f6kalua, sen on tuettava jotakin vaihtoehtoista tapaa. Monilla teemoilla on omat teema-asetukset joko WordPress Customizerin sis\u00e4ll\u00e4 tai erillisen\u00e4 j\u00e4rjestelm\u00e4nvalvojasivuna. Riippumatta siit\u00e4, mit\u00e4 menetelm\u00e4\u00e4 teema k\u00e4ytt\u00e4\u00e4, varmista, ett\u00e4 voit ladata logosi.<\/p>\n

\"Tarkistuslista:<\/a><\/p>\n

7 Hae<\/h2>\n

Sivuston vierailijoiden haun salliminen on paljon t\u00e4rke\u00e4mp\u00e4\u00e4 kuin ennen. Elleiv\u00e4t sis\u00e4lt\u00f6si ja valikosi ole eritt\u00e4in optimoituja ja suoraviivaisia, ihmiset yleens\u00e4 vain hakevat sen sijaan, ett\u00e4 klikkaisivat.<\/p>\n

WordPressiss\u00e4 on sis\u00e4inen hakukone kaiken sis\u00e4ll\u00f6n hakemiseen sek\u00e4 valmiit mallit hakulomakkeeseen ja hakutuloksiin. Mutta t\u00e4m\u00e4n toteuttaminen on j\u00e4lleen teeman teht\u00e4v\u00e4.<\/p>\n

On yleist\u00e4 tarjota hakusy\u00f6te verkkosivustollasi, joka sijaitsee yleens\u00e4 otsikon yl\u00e4osassa. Hakutoimintoja on monessa muodossa; hakusy\u00f6te otsikossa (tai alatunnisteessa) tai hakukuvake, joka paljastaa sy\u00f6tteen jollakin tavalla. Jos teema ei tarjoa hakusy\u00f6tett\u00e4 automaattisesti, voit aina lis\u00e4t\u00e4 hakuwidgetin \u2013 olettaen, ett\u00e4 teema tukee widgetej\u00e4 (tarkistusluettelon kohta 5).<\/p>\n

8 Oletusmallit<\/h2>\n

WordPress CMS tukee laajaa valikoimaa malleja sis\u00e4lt\u00f6si n\u00e4ytt\u00e4miseen eri tavoilla. Sivustosi kasvaessa sinun on entist\u00e4 tarpeellisempaa turvautua malleihin, kuten arkistoihin ja hakutuloksiin.<\/p>\n

Varmista, ett\u00e4 teema toteuttaa paljon WordPressin oletusmalleja ja ett\u00e4 ne kaikki n\u00e4ytt\u00e4v\u00e4t hyvilt\u00e4. Tarkista mallit, kuten luokka, tunnisteet, p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4-arkistot ja hakutulokset. Niiden tulee kertoa selke\u00e4sti, millaista arkistoa tarkastelemme, ja niiden tulee n\u00e4ytt\u00e4\u00e4 sis\u00e4lt\u00f6 hyvin ja sivutustoiminnolla.<\/p>\n

Jos haluat ottaa kommentit k\u00e4ytt\u00f6\u00f6n, teeman olisi pit\u00e4nyt toteuttaa ja suunnitella my\u00f6s n\u00e4m\u00e4 mallit oikein.<\/p>\n

9 mukautettua v\u00e4ri\u00e4<\/h2>\n

Sinulla on todenn\u00e4k\u00f6isesti m\u00e4\u00e4ritetty v\u00e4rivalikoima, jota haluat k\u00e4ytt\u00e4\u00e4 verkkosivustollasi \u2013 yleens\u00e4 samat v\u00e4rit kuin logossasi. Sivuston br\u00e4nd\u00e4ys logolla on v\u00e4himm\u00e4isvaatimus (tarkistuslistan kohta 6), mutta teeman pit\u00e4isi my\u00f6s antaa sinun valita joitakin teeman v\u00e4rej\u00e4. N\u00e4in saat yhten\u00e4isemm\u00e4n muotoilun, kun linkit, painikkeet ja muut sisustuselementit ovat br\u00e4ndisi v\u00e4rej\u00e4.<\/p>\n

WordPressiss\u00e4 ei ole sis\u00e4\u00e4nrakennettua tukea teemassa k\u00e4ytett\u00e4vien v\u00e4rien m\u00e4\u00e4ritt\u00e4miseen. Teemankehitt\u00e4jien on kehitett\u00e4v\u00e4 t\u00e4lle tuki itse. V\u00e4rit m\u00e4\u00e4ritell\u00e4\u00e4n yleens\u00e4 teeman tyylisivuilla ja kehitt\u00e4j\u00e4n on l\u00f6ydett\u00e4v\u00e4 ratkaisu ohittaa n\u00e4m\u00e4 v\u00e4rimuuttujat j\u00e4rjestelm\u00e4nvalvojassa valitsemillasi v\u00e4reill\u00e4.<\/p>\n

T\u00e4m\u00e4 ominaisuus on melko vaikea toteuttaa, ja se voidaan ratkaista useilla tavoilla \u2013 hyv\u00e4st\u00e4 huonoon. Huono ratkaisu olisi luoda suuri osa muotoilukustannuksia yksinkertaisesti ohittamalla ja kopioimalla tyyli mukautetuilla v\u00e4reill\u00e4. Suuri tyylisivutiedosto tai useat tyylisivut vaikuttavat sivun nopeuteen (katso tarkistuslistan kohta 2). Hyv\u00e4 ratkaisu olisi sis\u00e4llytt\u00e4\u00e4 jokin tapa ohittaa v\u00e4rimuuttujat ja luoda puhdas tyylisivu, kun valitset erilaisia \u200b\u200bmukautettuja v\u00e4rej\u00e4.<\/p>\n

10 Asetteluvaihtoehtoja<\/h2>\n

Ajat, jolloin verkkosivustolla oli sis\u00e4lt\u00f6\u00e4 vasemmalla ja oikealla sivupalkilla riippumatta siit\u00e4, mill\u00e4 sivulla olet, ovat poissa. Nykyaikaisilla verkkosivuilla on erilaisia \u200b\u200basetteluja: t\u00e4ysleve\u00e4 etusivu, artikkelit yhdell\u00e4 tai useammalla sivupalkilla, artikkelit ilman sivupalkkia tai mik\u00e4 tahansa erilainen sarakeasetus.<\/p>\n

T\u00e4m\u00e4 tarkistusluettelon kohde riippuu verkkosivustosi suunnittelusta ja tarpeista. Jos verkkosivustosi on pieni sivusto, jolla on minimaalinen vaatimus eri asetteluista, t\u00e4ll\u00e4 ei ole niin v\u00e4li\u00e4. Mutta mit\u00e4 enemm\u00e4n sivustollasi on sis\u00e4lt\u00f6\u00e4, sit\u00e4 enemm\u00e4n sinun on luotava erimuotoisia aloitussivuja.<\/p>\n

Jos teemassa on sivupalkki, tulee olla v\u00e4hint\u00e4\u00e4n mahdollista valita postitse, siirryt\u00e4\u00e4nk\u00f6 t\u00e4ysleveyteen (poista sivupalkki) vai ei. Gutenbergin avulla (katso seuraava tarkistuslistakohta) on nyt helpompi luoda t\u00e4ysleveit\u00e4 aloitussivuja \u2013 jos teema tukee t\u00e4t\u00e4.<\/p>\n

\"Tarkistuslista:<\/a><\/p>\n

Itse kehitt\u00e4m\u00e4ss\u00e4ni A White Pixelin teemassa on postausten asetteluvaihtoehtoja<\/p>\n

11 Gutenberg-tuki<\/h2>\n

Kun WordPress julkaisi version 5.0 joulukuussa 2018, siin\u00e4 oli kokonaan uusi tekstieditori \u2013 nimelt\u00e4\u00e4n Gutenberg. Gutenberg-editori on mullistanut tavan luoda sis\u00e4lt\u00f6\u00e4 antamalla sinun luoda helposti osioita, joissa on taustakuvaa tai v\u00e4rej\u00e4, monipuolista sis\u00e4lt\u00f6\u00e4, sarakkeita ja paljon muuta. T\u00e4llaiset asiat eiv\u00e4t olleet ennen mahdollisia.<\/p>\n

Koska Gutenberg vaatii kuitenkin eri ohjelmointikielt\u00e4 (Javascript, React) kuin se kieli, jolla WordPress alun perin luotiin (PHP), kehitysyhteis\u00f6n tuki on ollut hidasta. On kuitenkin vuosi 2020 ja teeman pit\u00e4isi tukea Gutenbergi\u00e4.<\/p>\n

Siell\u00e4 on runsaasti WordPress-teemoja, jotka perustuvat sivunrakennusohjelmiin, kuten Visual Composer, Elementor ja Divi. Gutenberg tekee n\u00e4ist\u00e4 laajennuksista varsin tarpeettomia. Tee itsellesi palvelus \u00e4l\u00e4k\u00e4 valitse teemaa, joka vaatii sivunrakennuslaajennuksen, sill\u00e4 voit saavuttaa samat tulokset uudella WordPress-standarditoiminnalla.<\/p>\n

12 K\u00e4\u00e4nn\u00f6s valmis<\/h2>\n

T\u00e4m\u00e4 tarkistuslista on sinulle, joka haluat verkkosivuston eri kielell\u00e4 kuin englanniksi. \u00c4l\u00e4 unohda, ett\u00e4 vaikka kirjoitat kaiken sis\u00e4lt\u00f6si eri kielell\u00e4, teema sis\u00e4lt\u00e4\u00e4 yleens\u00e4 joitain tekstej\u00e4 k\u00e4ytt\u00f6liittym\u00e4ss\u00e4, kuten "Lue lis\u00e4\u00e4", "N\u00e4yt\u00e4", "Seuraava sivu" ja niin edelleen. Jos sinun on t\u00e4rke\u00e4\u00e4 ottaa kokonaan k\u00e4ytt\u00f6\u00f6n eri kieli lukijoille, sinun tulee tarkistaa, onko teema k\u00e4\u00e4nn\u00f6svalmis.<\/p>\n

On olemassa erilaisia \u200b\u200btapoja k\u00e4\u00e4nt\u00e4\u00e4 teema. Jos olet kehitt\u00e4j\u00e4, sinun on k\u00e4ytett\u00e4v\u00e4 tekstialueen funktioita teemassasi ja lis\u00e4tt\u00e4v\u00e4 .pot<\/code>tai .po<\/code>-tiedosto. Jos olet teeman k\u00e4ytt\u00e4j\u00e4, jolla on v\u00e4h\u00e4n tai ei ollenkaan koodia, on vaihtoehtoisia tapoja. Voit esimerkiksi k\u00e4ytt\u00e4\u00e4 Loco Translate<\/a> -laajennusta p\u00e4\u00e4st\u00e4ksesi suoraan teeman k\u00e4\u00e4nn\u00f6stiedostoihin. Tai voit k\u00e4ytt\u00e4\u00e4 WPML:\u00e4\u00e4<\/a> tai muita laajennuksia monikielisen sivuston rakentamiseen.<\/p>\n

Mutta t\u00e4m\u00e4 kaikki edellytt\u00e4\u00e4, ett\u00e4 teema on kirjoitettu tukemalla sen merkkijonojen k\u00e4\u00e4nt\u00e4mist\u00e4.<\/p>\n

\n

Johtop\u00e4\u00e4t\u00f6s<\/h2>\n

Jos p\u00e4\u00e4sit t\u00e4nne asti vihre\u00e4ll\u00e4 rastilla jokaisessa yll\u00e4 olevasta 12 tarkistuslistakohdasta, olet valinnut hyv\u00e4n teeman! Teema tukee WordPressin standarditoimintoja ja t\u00e4ytt\u00e4\u00e4 vuoden 2020 verkkosivuston vaatimukset hakukoneoptimoinnin, saavutettavuuden ja mobiiliyst\u00e4v\u00e4llisyyden suhteen.<\/p>\n

Jos teemasi puuttuu joillakin alueilla, k\u00e4yt\u00e4 aikaa sen ratkaisemiseen vaihtoehtoisilla tavoilla tai jatka toisen teeman etsimist\u00e4. Jos olet kehitt\u00e4j\u00e4, t\u00e4m\u00e4n tarkistuslistan olisi pit\u00e4nyt antaa sinulle ohjeita hyv\u00e4n WordPress-teeman v\u00e4himm\u00e4isvaatimuksista.<\/p>\n

: awhitepixel.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

T\u00e4m\u00e4 on tarkistuslista 12 v\u00e4himm\u00e4isominaisuudesta, jotka uudessa WordPress-teemassasi on oltava, jotta verkkosivustosi menestyy vuonna 2020.<\/p>\n","protected":false},"author":1,"featured_media":223922,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[927,917,917,1110,834,843,834,927,843,864,864],"tags":[1166],"class_list":{"0":"post-233437","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-aiheita","8":"category-muut","10":"category-n-a","11":"category-opas-aloittelijoille","12":"category-opetusohjelmia","16":"category-wordpress-5","18":"tag-affiai-fi"},"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/233437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/comments?post=233437"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/posts\/233437\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media\/223922"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/media?parent=233437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/categories?post=233437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/fi\/wp-json\/wp\/v2\/tags?post=233437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}