{"id":250362,"date":"2022-08-07T14:23:00","date_gmt":"2022-08-07T11:23:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=250362"},"modified":"2021-10-28T16:43:30","modified_gmt":"2021-10-28T13:43:30","slug":"kuinka-muokata-wordpress-css-tiedostoa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuinka-muokata-wordpress-css-tiedostoa\/","title":{"rendered":"Kuinka muokata WordPress CSS -tiedostoa?"},"content":{"rendered":"<p>WordPress on k\u00e4ytt\u00e4j\u00e4yst\u00e4v\u00e4llisin sis\u00e4ll\u00f6nhallintaj\u00e4rjestelm\u00e4, jossa on paljon muokattavissa olevia vaihtoehtoja. Tuhansien WordPress-teemojen ansiosta voit antaa verkkosivustollesi haluamasi ulkoasun ja tuntuman. Mutta joskus sinun on silti teht\u00e4v\u00e4 joitain manuaalisia s\u00e4\u00e4t\u00f6j\u00e4 muokkaamalla CSS-tiedostoa. T\u00e4ss\u00e4 blogissa n\u00e4yt\u00e4n sinulle, kuinka voit muokata WordPress CSS -tiedostoa j\u00e4rjestelm\u00e4nvalvojan hallintapaneelista.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/jusLH9UyQjo\" frameborder=\"0\"><\/iframe><\/div>\n<p>Oletetaan, ett\u00e4 sinulla on blogisivusto ja olet ottanut k\u00e4ytt\u00f6\u00f6n google-mainoksen ja laitat mainoksen blogeissasi. Mainosten sijoittamiseen tarvitset tilaa. N\u00e4yt\u00e4n sinulle, kuinka voit pienent\u00e4\u00e4 tekstikentt\u00e4\u00e4 niin, ett\u00e4 sinulla on tilaa mainosten sijoittamiselle blogiisi. T\u00e4m\u00e4 voidaan tehd\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 j\u00e4rjestelm\u00e4nvalvojan hallintapaneelia, FTP-tili\u00e4si ja my\u00f6s CSS-editorilaajennuksella. CSS:n muokkaaminen j\u00e4rjestelm\u00e4nvalvojan hallintapaneelilla on helpointa, joten noudata vain alla olevia ohjeita:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1c77f16.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-148525-616d3a1c77f16.png\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe yksi:<\/strong> Sinun on siirrytt\u00e4v\u00e4 verkkosivustosi taustaj\u00e4rjestelm\u00e4\u00e4n tai WordPressille, joka tunnetaan nimell\u00e4 wp-admin. T\u00e4m\u00e4 on yleinen kirjautuminen WordPress-verkkosivustolle. Oletetaan, ett\u00e4 verkkosivustosi on www.example.com, sinun on kirjoitettava URL-osoite muodossa <a href=\"http:\/\/www.example.com\/wp-admin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">www.example.com\/wp-admin<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1d9c7f4.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-148525-616d3a1d9c7f4.png\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe kaksi:<\/strong> Sinun on varmistettava, ett\u00e4 kirjaudut sis\u00e4\u00e4n j\u00e4rjestelm\u00e4nvalvojana. WordPressiss\u00e4 on erilaisia \u200b\u200brooleja, jotka voit m\u00e4\u00e4ritt\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4lle, ja siell\u00e4 on my\u00f6s j\u00e4rjestelm\u00e4nvalvojan kirjautuminen. Voit my\u00f6s m\u00e4\u00e4ritt\u00e4\u00e4 k\u00e4ytt\u00e4jille j\u00e4rjestelm\u00e4nvalvojan k\u00e4ytt\u00f6oikeudet. Sinun on siis varmistettava, ett\u00e4 kirjaudut sis\u00e4\u00e4n j\u00e4rjestelm\u00e4nvalvojana tai k\u00e4ytt\u00e4j\u00e4n\u00e4, jolla on j\u00e4rjestelm\u00e4nvalvojan k\u00e4ytt\u00f6oikeudet.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1ed200e.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-148525-616d3a1ed200e.png\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe kolme:<\/strong> N\u00e4et kojelaudassasi v\u00e4lilehden nimelt\u00e4 ulkon\u00e4k\u00f6. T\u00e4m\u00e4 v\u00e4lilehti vastaa kaikista verkkosivustosi suunnitteluun liittyvist\u00e4 teht\u00e4vist\u00e4.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2046654.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-148525-616d3a2046654.png\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe nelj\u00e4:<\/strong> Ulkoasun alta l\u00f6yd\u00e4t vaihtoehdon nimelt\u00e4 editori. T\u00e4m\u00e4 osio vastaa verkkosivustosi suunnittelun manuaalisista koodeista. Napsauta editoria.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a219d4da.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-148525-616d3a219d4da.png\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe viisi:<\/strong> Kun napsautat editoria, avautuu uusi ikkuna, joka tunnetaan nimell\u00e4 style.css. T\u00e4m\u00e4 tiedosto sis\u00e4lt\u00e4\u00e4 kaikki CSS-koodit.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a22bd10c.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-148525-616d3a22bd10c.png\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe kuusi:<\/strong> Vierit\u00e4 alas ja p\u00e4\u00e4st\u00e4 alareunaan lis\u00e4t\u00e4ksesi ylim\u00e4\u00e4r\u00e4ist\u00e4 koodia style.css-tiedostoon.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a23d8754.jpg\" 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-148525-616d3a23d8754.jpg\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe 7:<\/strong> Lis\u00e4\u00e4 t\u00e4m\u00e4 koodi ja varmista, ett\u00e4 noudatat tarkkaa v\u00e4lily\u00f6nti\u00e4:<br \/>\n@media (min-width: 1330px){<br \/>\n.container {<br \/>\nwidth: 1000px;<br \/>\n}<br \/>\n}<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2515292.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-148525-616d3a2515292.png\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe 8:<\/strong> Jos koodi on kunnossa, sen pit\u00e4isi n\u00e4ytt\u00e4\u00e4 vihre\u00e4lt\u00e4. Jos se on vihre\u00e4, napsauta P\u00e4ivit\u00e4 tiedosto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a264b089.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-148525-616d3a264b089.png\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe yhdeks\u00e4n:<\/strong> Jos tiedosto on p\u00e4ivitetty onnistuneesti, saat vahvistusviestin &quot;Tiedostoa on muokattu onnistuneesti&quot;.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a275c1b8.jpg\" 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-148525-616d3a275c1b8.jpg\" alt=\"Kuinka muokata WordPress CSS -tiedostoa?\" ><\/a><\/p>\n<p><strong>Vaihe kymmenen:<\/strong> Tarkista lopuksi yksi viesteist\u00e4si n\u00e4hd\u00e4ksesi, onko blogisi tekstikent\u00e4n leveys pienentynyt vai ei. Sit\u00e4 tulisi pienent\u00e4\u00e4, ja blogitekstisi molemmille puolille j\u00e4\u00e4 paljon tyhji\u00e4 kohtia, joihin voit sijoittaa mainoksiasi.<\/p>\n<p>Suoraan sanottuna WordPress ei ole rakettitiedett\u00e4 ja kehitt\u00e4j\u00e4lle oppimisk\u00e4yr\u00e4 ei ole ollenkaan korkea. Sinulla on vain oltava perustiedot koodauksesta ja olet valmis. Jos sinulla on edelleen ep\u00e4selvyyksi\u00e4 CSS-tiedoston muokkaamisesta WordPressiss\u00e4, j\u00e4t\u00e4 kommentti alle.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.ggtaskers.com\" class=\"external external_icon\">www.ggtaskers.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00e4m\u00e4 voidaan tehd\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 j\u00e4rjestelm\u00e4nvalvojan hallintapaneelia, FTP-tili\u00e4si ja my\u00f6s CSS-editorilaajennuksella. CSS:n muokkaaminen j\u00e4rjestelm\u00e4nvalvojan hallintapaneelilla on helpointa.<\/p>\n","protected":false},"author":1,"featured_media":279117,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[652],"tags":[843],"class_list":["post-250362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-miten-tehda","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/250362","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=250362"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/250362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/279117"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=250362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=250362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=250362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}