{"id":235369,"date":"2022-03-12T12:36:00","date_gmt":"2022-03-12T09:36:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=235369"},"modified":"2022-05-16T10:26:55","modified_gmt":"2022-05-16T07:26:55","slug":"tekstin-korostaminen-wordpress-viesteissa-3-yksinkertaista-tapaa","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/tekstin-korostaminen-wordpress-viesteissa-3-yksinkertaista-tapaa\/","title":{"rendered":"Tekstin korostaminen WordPress-viesteiss\u00e4 (3 yksinkertaista tapaa)"},"content":{"rendered":"<p>Joskus rohkeus ei riit\u00e4.<\/p>\n<p>Jos haluat kappaleen tai lauseen osan erottuvan joukosta, mik\u00e4\u00e4n ei toimi paremmin kuin kirkas kohokohta.<\/p>\n<p>T\u00e4ss\u00e4 lyhyess\u00e4 opetusohjelmassa opit kolme eri tapaa, joilla voit korostaa teksti\u00e4 WordPress <a href=\"https:\/\/themewp.inform.click\/fi\/wordpressin-lohkoeditorin-kayttaminen-gutenbergin-olennainen-opas\/\" title=\"Gutenberg -editorilla\">Gutenberg -editorilla<\/a>.<\/p>\n<h2>Kuinka korostaa teksti\u00e4<\/h2>\n<p>Ensimm\u00e4inen menetelm\u00e4 edellytt\u00e4\u00e4 HTML:n muokkaamista, mutta se on todenn\u00e4k\u00f6isesti etsim\u00e4si tyyli.<\/p>\n<p>Seuraavat kaksi menetelm\u00e4\u00e4 voidaan toteuttaa kokonaan tavallisten editorivaihtoehtojen kautta.<\/p>\n<h3>1 K\u00e4yt\u00e4 &quot;mark&quot; HTML-elementti\u00e4<\/h3>\n<p>Siell\u00e4 on <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/mark\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTML-<\/a> merkint\u00e4elementti, joka on erityisesti tehty korostetun tekstin merkitsemiseen.<\/p>\n<p>&#8230;<\/p>\n<p>Tyyli riippuu selaimesta tai jopa nykyisest\u00e4 WordPress-teemasta, mutta 99% ajasta se antaa tekstille keltaisen taustan, kuin se olisi merkitty perinteisell\u00e4 korostuskyn\u00e4ll\u00e4.<\/p>\n<p>Yksi t\u00e4m\u00e4n tekniikan etu on, ett\u00e4 se toimii kaikille lohkoelementeille, joten se ei rajoitu vain kappalelohkoihin.<\/p>\n<p>Jos haluat lis\u00e4t\u00e4 t\u00e4m\u00e4n tehosteen tekstiisi, aloita valitsemalla lohko, jossa on korostettava teksti. Napsauta sitten Asetukset-painiketta ja valitse Muokkaa HTML-muodossa -vaihtoehto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d84e0ce9.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-187674-61702d84e0ce9.png\" alt=\"Tekstin korostaminen WordPress-viesteiss\u00e4 (3 yksinkertaista tapaa)\"><\/a><\/p>\n<p>Kappaleelementin sis\u00e4ll\u00e4 aiot k\u00e4\u00e4ri\u00e4 tekstin, jonka haluat korostaa mark-tageilla. Voit tehd\u00e4 t\u00e4m\u00e4n sijoittamalla &quot;<!-- \ud83d\udccc\ud83d\udccc\ud83d\udccc ORIGINAL_TEXT - \" suoraan ennen teksti\u00e4 ja \" --><\/p>\n<p>&quot;v\u00e4litt\u00f6m\u00e4sti j\u00e4lkeen. Ainoa ero on vinoviiva toisessa tagissa. \u00c4l\u00e4 ohita sit\u00e4, tai p\u00e4\u00e4dyt korostamaan koko viesti\u00e4!<\/p>\n<p>Jos esimerkiksi haluan korostaa sanat &quot;esimerkkiteksti&quot; alla olevassa kappaleessa, teen sen seuraavasti:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8689273.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-187674-61702d8689273.png\" alt=\"Tekstin korostaminen WordPress-viesteiss\u00e4 (3 yksinkertaista tapaa)\"><\/a><\/p>\n<p>Kun olet valmis, voit avata asetusvalikon uudelleen ja palata normaalin\u00e4kym\u00e4\u00e4n napsauttamalla Muokkaa visuaalisesti.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8840ca2.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-187674-61702d8840ca2.png\" alt=\"Tekstin korostaminen WordPress-viesteiss\u00e4 (3 yksinkertaista tapaa)\"><\/a><\/p>\n<p>T\u00e4m\u00e4 tekniikka on hieman ty\u00f6l\u00e4st\u00e4, mutta antaa tekstillesi klassisen kohokohtien esteettisen ilmeen, jota todenn\u00e4k\u00f6isesti etsit.<\/p>\n<p>Vaikka merkkielementti sopii hyvin muutaman sanan taustav\u00e4rin vaihtamiseen, on viel\u00e4 helpompi tapa muuttaa valittujen sanojen tekstin v\u00e4ri\u00e4.<\/p>\n<h3>2 Muuta tekstin v\u00e4ri\u00e4<\/h3>\n<p>Voit muuttaa mink\u00e4 tahansa kappalelohkon tekstin v\u00e4ri\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 sis\u00e4\u00e4nrakennettua muokkausvaihtoehtoa.<\/p>\n<p>Voit muuttaa tekstin v\u00e4ri\u00e4 valitsemalla kappaleen ja korostamalla sitten sanat, joita haluat muokata. Napsauta seuraavaksi avattavan valikon nuolta ja valitse Tekstin v\u00e4ri -vaihtoehto.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8a0e0a3.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-187674-61702d8a0e0a3.png\" alt=\"Tekstin korostaminen WordPress-viesteiss\u00e4 (3 yksinkertaista tapaa)\"><\/a><\/p>\n<p>N\u00e4et muutaman n\u00e4ytev\u00e4rin ponnahdusikkunan, mukaan lukien mukavan keltaisen s\u00e4vyn. K\u00e4yt\u00e4 mit\u00e4 tahansa v\u00e4ri\u00e4 napsauttamalla.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-187674-61702d8bdb041.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-187674-61702d8bdb041.png\" alt=\"Tekstin korostaminen WordPress-viesteiss\u00e4 (3 yksinkertaista tapaa)\"><\/a><\/p>\n<p>Jos napsautat Mukautetut v\u00e4rit -linkki\u00e4, se avaa t\u00e4yden v\u00e4rivalitsimen.<\/p>\n<p>Yksi etu t\u00e4m\u00e4n vaihtoehdon k\u00e4ytt\u00e4misest\u00e4 merkkielementtien sijaan on, ett\u00e4 saat t\u00e4yden hallinnan v\u00e4riin. T\u00e4m\u00e4 vaihtoehto on k\u00e4ytett\u00e4viss\u00e4 tekstin v\u00e4rille, mutta t\u00e4ll\u00e4 hetkell\u00e4 ei ole mahdollista lis\u00e4t\u00e4 mukautettua taustav\u00e4ri\u00e4 <strong>valituille sanoille<\/strong>.<\/p>\n<p>On kuitenkin olemassa yksinkertainen tapa muuttaa <strong>koko kappaleen<\/strong> tekstin v\u00e4ri\u00e4 ja taustav\u00e4ri\u00e4 .<\/p>\n<h3>3 Muuta taustav\u00e4ri\u00e4<\/h3>\n<p>T\u00e4m\u00e4 viimeinen tekniikka sopii mainiosti vihjeit\u00e4, varoituksia tai jopa markkinointikehotuksia sis\u00e4lt\u00e4vien &quot;huutojen&quot; luomiseen.<\/p>\n<p>Jos haluat antaa kappalelohkolle taustav\u00e4rin, valitse se ja napsauta sitten sivupalkin V\u00e4riasetukset-osiota. Sis\u00e4lt\u00e4 l\u00f6yd\u00e4t useita v\u00e4rivaihtoehtoja sek\u00e4 tekstille ett\u00e4 taustalle.<\/p>\n<p>N\u00e4et V\u00e4riasetukset-osion, kun kappale on valittu editorissa<\/p>\n<p>Sinun tarvitsee vain napsauttaa v\u00e4ri\u00e4 k\u00e4ytt\u00e4\u00e4ksesi sit\u00e4. Mukautetut v\u00e4rit -vaihtoehto on k\u00e4ytett\u00e4viss\u00e4, jos haluat k\u00e4ytt\u00e4\u00e4 v\u00e4rivalitsinta tai sy\u00f6tt\u00e4\u00e4 heksadesimaaliv\u00e4rikoodin.<\/p>\n<p>Juuri oppimasi tekstin v\u00e4rivaihtoehto on hyv\u00e4 yksitt\u00e4isten sanojen muokkaamiseen kappaleessa, mutta t\u00e4m\u00e4 lohkotason asetus on paljon tehokkaampi, jos haluat muuttaa koko kappaleen tekstin v\u00e4ri\u00e4.<\/p>\n<h2>Hallitse WordPress-editori<\/h2>\n<p>Toivon, ett\u00e4 t\u00e4m\u00e4n opetusohjelman vinkit auttavat sinua tekem\u00e4\u00e4n entist\u00e4 parempaa sis\u00e4lt\u00f6\u00e4, mutta \u00e4l\u00e4 lopeta t\u00e4h\u00e4n.<\/p>\n<p>On paljon opittavaa lohkoeditorista, jonka avulla voit tehd\u00e4 tehokkaampaa ja tyylikk\u00e4\u00e4mp\u00e4\u00e4 sis\u00e4lt\u00f6\u00e4 lyhyemm\u00e4ss\u00e4 ajassa.<\/p>\n<p>Jos olet uusi WordPressin k\u00e4ytt\u00e4j\u00e4, suosittelen lukemaan oppaani lohkoeditorin tehokkaasta k\u00e4yt\u00f6st\u00e4:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/fi\/wordpressin-lohkoeditorin-kayttaminen-gutenbergin-olennainen-opas\/\" title=\"WordPressin lohkoeditorin k\u00e4ytt\u00e4minen: Gutenbergin olennainen opas\">WordPressin lohkoeditorin k\u00e4ytt\u00e4minen: Gutenbergin olennainen opas<\/a><\/p>\n<p>Ja jos olet ollut WP-k\u00e4ytt\u00e4j\u00e4 jo jonkin aikaa, voit varmasti l\u00f6yt\u00e4\u00e4 k\u00e4tevi\u00e4 suunnitteluvinkkej\u00e4 ilmaiselta 7 p\u00e4iv\u00e4n s\u00e4hk\u00f6postikurssiltani:<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/subscribe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ILMAINEN 7 p\u00e4iv\u00e4n WordPress Mastery -s\u00e4hk\u00f6postikurssi<\/a><\/p>\n<p>Kiitos, ett\u00e4 luit t\u00e4m\u00e4n opetusohjelman tekstin korostamisesta WordPressill\u00e4. Harkitse sen jakamista alla olevilla painikkeilla.<\/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>Tutustu kolmeen yksinkertaiseen tapaan korostaa teksti\u00e4 WordPress-viesteiss\u00e4 ja -sivuilla. Menetelmiin kuuluu sek\u00e4 taustan ett\u00e4 tekstin v\u00e4rin muuttaminen.<\/p>\n","protected":false},"author":1,"featured_media":257945,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[550],"tags":[843],"class_list":["post-235369","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\/235369","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=235369"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/235369\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/257945"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=235369"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=235369"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=235369"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}