{"id":238360,"date":"2022-04-03T14:34:00","date_gmt":"2022-04-03T11:34:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=238360"},"modified":"2022-05-16T10:29:19","modified_gmt":"2022-05-16T07:29:19","slug":"kuinka-muuttaa-taustavareja-wordpressissa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-muuttaa-taustavareja-wordpressissa\/","title":{"rendered":"Kuinka muuttaa taustav\u00e4rej\u00e4 WordPressiss\u00e4"},"content":{"rendered":"<p>Joten haluat muuttaa sivustosi taustav\u00e4ri\u00e4.<\/p>\n<p>Sen ei pit\u00e4isi olla vaikeaa, mutta t\u00e4ss\u00e4 on asia\u2026<\/p>\n<p>Jokainen teema k\u00e4ytt\u00e4\u00e4 erilaista HTML-koodia elementtien luomiseen sivustollesi. T\u00e4m\u00e4 tarkoittaa, ett\u00e4 sinun on tunnettava teema, jotta voit muokata sit\u00e4.<\/p>\n<p>Usein ei ole olemassa yksikokoista ratkaisua, mutta sinulla voi olla onnea.<\/p>\n<h2>T\u00e4m\u00e4 saattaa toimia<\/h2>\n<p>Kopioi ja liit\u00e4 t\u00e4m\u00e4 CSS Muokkaajan Lis\u00e4-CSS-osioon (Ulkoasu &gt; Mukauta).<\/p>\n<pre><code>body {\n  background: #05B0E7;\n}<\/code><\/pre>\n<p>T\u00e4m\u00e4n pit\u00e4isi tehd\u00e4 taustasta sininen, ja sitten voit muuttaa heksadesimaaliv\u00e4rikoodin mihin tahansa v\u00e4riin. Voit k\u00e4ytt\u00e4\u00e4 t\u00e4llaista <a href=\"https:\/\/www.webpagefx.com\/web-design\/color-picker\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">v\u00e4rinvalitsinta,<\/a> jos tarvitset apua heksakoodin l\u00f6yt\u00e4misess\u00e4.<\/p>\n<p>Koska jokainen teema on erilainen, en voi luvata, ett\u00e4 koodi toimii, joten t\u00e4ss\u00e4 on seuraava asia, jota suosittelen.<\/p>\n<h2>T\u00e4m\u00e4 toimii varmasti<\/h2>\n<p>Ensin yksi kysymys:<\/p>\n<p>Onko t\u00e4m\u00e4 ainoa muokkaus, jonka haluat tehd\u00e4? Vai olisiko my\u00f6s kiva muuttaa viestien otsikoiden kokoa tai my\u00f6s otsikon v\u00e4ri\u00e4?<\/p>\n<p>Jos sinulla on kourallinen muutoksia, joita haluat tehd\u00e4, saatat todella nauttia CSS Herosta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\" alt=\"Kuinka muuttaa taustav\u00e4rej\u00e4 WordPressiss\u00e4\"><\/a><\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS Hero<\/a> on t\u00e4ydellinen ty\u00f6kalu visuaalisten mukautusten tekemiseen sivustoosi. Voit esimerkiksi:<\/p>\n<ul>\n<li>Muuta taustav\u00e4rej\u00e4<\/li>\n<li>Valitse uudet fontit<\/li>\n<li>Lis\u00e4\u00e4 taustakuvia<\/li>\n<li>S\u00e4\u00e4d\u00e4 et\u00e4isyytt\u00e4 mink\u00e4 tahansa elementin ymp\u00e4rill\u00e4<\/li>\n<\/ul>\n<p>Meill\u00e4 on <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-mukauttaa-wordpress-sivustosi-css-heron-avulla\/\" title=\"t\u00e4ydellinen opas CSS Heron k\u00e4yt\u00f6st\u00e4\">t\u00e4ydellinen opas CSS Heron k\u00e4yt\u00f6st\u00e4<\/a>, mutta t\u00e4ss\u00e4 on tarkalleen kuinka voit k\u00e4ytt\u00e4\u00e4 sit\u00e4 taustav\u00e4rin vaihtamiseen.<\/p>\n<h2>Kuinka muuttaa taustav\u00e4ri<\/h2>\n<p>CSS Hero tarjoaa sinulle upouuden k\u00e4ytt\u00f6liittym\u00e4n sivustosi muokkaamiseen.<\/p>\n<p>Oikealla puolella on esikatselu sivustosta. Napsauta mit\u00e4 tahansa elementti\u00e4 esikatselussa, ja vasen puoli t\u00e4yttyy kaikilla k\u00e4ytett\u00e4viss\u00e4 olevilla mukautusvaihtoehdoilla.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\" alt=\"Kuinka muuttaa taustav\u00e4rej\u00e4 WordPressiss\u00e4\"><\/a><\/p>\n<p>CSS Heroa k\u00e4ytet\u00e4\u00e4n ilmaisen <a href=\"https:\/\/www.competethemes.com\/shift\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Shift-teeman kanssa<\/a><\/p>\n<p>Sinun tarvitsee vain napsauttaa sivustosi taustaa ja valita sitten Tausta-vaihtoehto vasemmasta reunasta.<\/p>\n<p>Tausta-asetuksen valitseminen paljastaa taustakuvien v\u00e4riasetuksen ja joukon sijaintivaihtoehtoja.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\" alt=\"Kuinka muuttaa taustav\u00e4rej\u00e4 WordPressiss\u00e4\"><\/a><\/p>\n<p>Napsauttamalla l\u00e4pin\u00e4kyv\u00e4\u00e4 (ruudullista) v\u00e4riruutua saat n\u00e4kyviin v\u00e4rivalitsimen, jossa voit hallita t\u00e4ysin k\u00e4ytett\u00e4v\u00e4\u00e4 v\u00e4ri\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\" alt=\"Kuinka muuttaa taustav\u00e4rej\u00e4 WordPressiss\u00e4\"><\/a><\/p>\n<p>Viel\u00e4 viile\u00e4mp\u00e4\u00e4 on se, ett\u00e4 v\u00e4ri p\u00e4ivittyy v\u00e4litt\u00f6m\u00e4sti, kun k\u00e4yt\u00e4t v\u00e4rivalitsinta.<\/p>\n<p>Kaikki tekem\u00e4si muutokset n\u00e4kyv\u00e4t vain sinulle, kunnes napsautat alareunassa olevaa Tallenna ja julkaise -painiketta. Sitten muutoksesi julkaistaan \u200b\u200bsivustolla kaikkien n\u00e4ht\u00e4vill\u00e4.<\/p>\n<h2>Aloita sivustosi mukauttaminen<\/h2>\n<p>Jos osaat kirjoittaa CSS:n ja <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-loytaa-css-valitsimia-wordpress-sivustoilta\/\" title=\"l\u00f6yt\u00e4\u00e4 valitsimia k\u00e4ytett\u00e4v\u00e4ksi\">l\u00f6yt\u00e4\u00e4 valitsimia k\u00e4ytett\u00e4v\u00e4ksi<\/a>, voit tehd\u00e4 t\u00e4llaisia \u200b\u200bmukautuksia koodilla. Muuten et todenn\u00e4k\u00f6isesti l\u00f6yd\u00e4 kopioi\/liit\u00e4 katkelmaa verkosta, koska jokainen teema on erilainen.<\/p>\n<p>N\u00e4iss\u00e4 tapauksissa <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS Hero<\/a> on mahtava ty\u00f6kalu ja s\u00e4\u00e4st\u00e4\u00e4 paljon aikaa. Lis\u00e4ksi on mukava tiet\u00e4\u00e4, ett\u00e4 voit aina tehd\u00e4 tyylimuutoksia mihin tahansa valitsemaasi teemaan tulevaisuudessa.<\/p>\n<p>Voit <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">napsauttaa t\u00e4t\u00e4 kokeillaksesi CSS Heroa<\/a> tai k\u00e4ym\u00e4ll\u00e4 <a href=\"https:\/\/themewp.inform.click\/fi\/kuinka-mukauttaa-wordpress-sivustosi-css-heron-avulla\/\" title=\"opetusohjelmassamme\">opetusohjelmassamme<\/a> saadaksesi lis\u00e4tietoja sen toiminnasta. Saatat my\u00f6s nauttia joistakin <a href=\"https:\/\/themewp.inform.click\/fi\/31-helppoa-tapaa-mukauttaa-wordpress-verkkosivustoasi\/\" title=\"WordPress-muokkausoppaamme\">WordPress-muokkausoppaamme<\/a> ideoista .<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00e4ss\u00e4 on nopea kopiointi- ja liit\u00e4ratkaisu taustav\u00e4rin vaihtamiseen. Lis\u00e4ksi paljon kattavampi laajennus taustan mukauttamiseen.<\/p>\n","protected":false},"author":1,"featured_media":261621,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[550],"tags":[843],"class_list":["post-238360","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mukauta-wordpress","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/238360","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=238360"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/238360\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/261621"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=238360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=238360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=238360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}