{"id":251063,"date":"2022-03-12T12:26:00","date_gmt":"2022-03-12T09:26:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=251063"},"modified":"2022-05-16T15:15:33","modified_gmt":"2022-05-16T12:15:33","slug":"hur-man-markerar-text-i-wordpress-inlagg-3-enkla-satt","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/sv\/hur-man-markerar-text-i-wordpress-inlagg-3-enkla-satt\/","title":{"rendered":"Hur man markerar text i WordPress-inl\u00e4gg (3 enkla s\u00e4tt)"},"content":{"rendered":"<p>Ibland r\u00e4cker det inte med dj\u00e4rvhet.<\/p>\n<p>Om du vill att ett stycke eller en del av en mening ska sticka ut, fungerar inget b\u00e4ttre \u00e4n en ljus h\u00f6jdpunkt.<\/p>\n<p>I den h\u00e4r korta handledningen kommer du att l\u00e4ra dig tre olika s\u00e4tt att framh\u00e4va text med WordPress <a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-anvander-wordpress-block-editor-the-essential-guide-to-gutenberg\/\" title=\"Gutenberg-redigeraren\">Gutenberg-redigeraren<\/a>.<\/p>\n<h2>Hur man markerar text<\/h2>\n<p>Den f\u00f6rsta metoden kr\u00e4ver redigering av HTML, men det \u00e4r f\u00f6rmodligen stilen du letar efter.<\/p>\n<p>F\u00f6ljande tv\u00e5 metoder kan implementeras helt och h\u00e5llet genom de vanliga redigeringsalternativen.<\/p>\n<h3>1 Anv\u00e4nd HTML-elementet &quot;markera&quot;.<\/h3>\n<p>Det finns ett <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Element\/mark\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">HTML-element som \u00e4r<\/a> speciellt framtaget f\u00f6r att markera text med en markering.<\/p>\n<p>&#8230;<\/p>\n<p>Stilen beror p\u00e5 webbl\u00e4saren eller till och med ditt nuvarande WordPress-tema, men 99 % av g\u00e5ngerna ger det texten en gul bakgrund som om den markerats med en traditionell \u00f6verstrykningspenna.<\/p>\n<p>En f\u00f6rdel med denna teknik \u00e4r att den fungerar f\u00f6r alla blockelement, s\u00e5 den \u00e4r inte begr\u00e4nsad till endast styckeblock.<\/p>\n<p>F\u00f6r att l\u00e4gga till denna effekt i din text, b\u00f6rja med att markera blocket med texten du vill markera. Klicka sedan p\u00e5 knappen Alternativ och v\u00e4lj alternativet Redigera som HTML.<\/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=\"Hur man markerar text i WordPress-inl\u00e4gg (3 enkla s\u00e4tt)\"><\/a><\/p>\n<p>Inuti styckeelementet ska du sl\u00e5 in texten du vill markera med markeringstaggarna. F\u00f6r att g\u00f6ra detta, placera &quot;<!-- \ud83d\udccc\ud83d\udccc\ud83d\udccc ORIGINAL_TEXT - \" direkt f\u00f6re texten och \" --><\/p>\n<p>&quot; direkt efter. Den enda skillnaden \u00e4r snedstrecket i den andra taggen. Se till att inte hoppa \u00f6ver det, annars kommer du att framh\u00e4va hela inl\u00e4gget!<\/p>\n<p>Till exempel, om jag vill markera orden &quot;exempeltext&quot; i stycket nedan, s\u00e5 h\u00e4r skulle jag g\u00f6ra det:<\/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=\"Hur man markerar text i WordPress-inl\u00e4gg (3 enkla s\u00e4tt)\"><\/a><\/p>\n<p>N\u00e4r du \u00e4r klar kan du \u00f6ppna alternativmenyn igen och klicka p\u00e5 Redigera visuellt f\u00f6r att \u00e5terg\u00e5 till normal vy.<\/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=\"Hur man markerar text i WordPress-inl\u00e4gg (3 enkla s\u00e4tt)\"><\/a><\/p>\n<p>Den h\u00e4r tekniken \u00e4r lite tr\u00e5kig, men ger din text den klassiska h\u00f6jdpunktsestetik som du f\u00f6rmodligen letar efter.<\/p>\n<p>Markeringselementet \u00e4r bra f\u00f6r att \u00e4ndra bakgrundsf\u00e4rgen f\u00f6r n\u00e5gra ord, men det finns ett \u00e4nnu enklare s\u00e4tt att \u00e4ndra textf\u00e4rgen f\u00f6r valda ord.<\/p>\n<h3>2 \u00c4ndra textf\u00e4rgen<\/h3>\n<p>Du kan \u00e4ndra f\u00e4rgen p\u00e5 vilken text som helst i ett styckeblock med hj\u00e4lp av ett inbyggt redigeringsalternativ.<\/p>\n<p>F\u00f6r att \u00e4ndra textf\u00e4rgen, markera stycket och markera sedan orden du vill redigera. Klicka sedan p\u00e5 rullgardinsmenyn och v\u00e4lj alternativet Textf\u00e4rg.<\/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=\"Hur man markerar text i WordPress-inl\u00e4gg (3 enkla s\u00e4tt)\"><\/a><\/p>\n<p>Du kommer att se n\u00e5gra exempel p\u00e5 f\u00e4rger som popup upp, inklusive en fin gul nyans. Klicka p\u00e5 valfri f\u00e4rg f\u00f6r att applicera.<\/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=\"Hur man markerar text i WordPress-inl\u00e4gg (3 enkla s\u00e4tt)\"><\/a><\/p>\n<p>Om du klickar p\u00e5 l\u00e4nken Anpassade f\u00e4rger \u00f6ppnas en fullf\u00e4rgsv\u00e4ljare.<\/p>\n<p>En f\u00f6rdel med att anv\u00e4nda detta alternativ ist\u00e4llet f\u00f6r att anv\u00e4nda markeringselement \u00e4r att du f\u00e5r full kontroll \u00f6ver f\u00e4rgen. Det h\u00e4r alternativet \u00e4r tillg\u00e4ngligt f\u00f6r textf\u00e4rgen, men det finns f\u00f6r n\u00e4rvarande inget s\u00e4tt att l\u00e4gga till en anpassad bakgrundsf\u00e4rg <strong>f\u00f6r valda ord<\/strong>.<\/p>\n<p>Som sagt, det finns ett enkelt s\u00e4tt att \u00e4ndra textf\u00e4rg och bakgrundsf\u00e4rg <strong>f\u00f6r ett helt stycke<\/strong>.<\/p>\n<h3>3 \u00c4ndra bakgrundsf\u00e4rgen<\/h3>\n<p>Den h\u00e4r sista tekniken \u00e4r utm\u00e4rkt f\u00f6r att skapa &quot;call outs&quot; som inneh\u00e5ller tips, varningar eller till och med en marknadsf\u00f6ringsuppmaning.<\/p>\n<p>F\u00f6r att ge ett styckeblock en bakgrundsf\u00e4rg, v\u00e4lj den och klicka sedan p\u00e5 avsnittet F\u00e4rginst\u00e4llningar i sidof\u00e4ltet. Inuti hittar du en m\u00e4ngd olika f\u00e4rgalternativ f\u00f6r b\u00e5de text och bakgrund.<\/p>\n<p>Du kommer att se avsnittet F\u00e4rginst\u00e4llningar n\u00e4r ett stycke \u00e4r markerat i redigeraren<\/p>\n<p>Allt du beh\u00f6ver g\u00f6ra \u00e4r att klicka p\u00e5 en f\u00e4rg f\u00f6r att applicera den. Alternativet anpassade f\u00e4rger \u00e4r tillg\u00e4ngligt om du vill anv\u00e4nda en f\u00e4rgv\u00e4ljare eller ange en hexadecimal f\u00e4rgkod.<\/p>\n<p>Alternativet Textf\u00e4rg som du just l\u00e4rde dig \u00e4r bra f\u00f6r att redigera enskilda ord i ett stycke, men den h\u00e4r blockniv\u00e5inst\u00e4llningen \u00e4r mycket effektivare om du vill \u00e4ndra textf\u00e4rgen f\u00f6r ett helt stycke.<\/p>\n<h2>Bem\u00e4stra WordPress-redigeraren<\/h2>\n<p>Jag hoppas att tipsen i den h\u00e4r handledningen hj\u00e4lper dig att g\u00f6ra \u00e4nnu b\u00e4ttre inneh\u00e5ll, men sluta inte h\u00e4r.<\/p>\n<p>Det finns mycket mer att l\u00e4ra sig om blockredigeraren som kan hj\u00e4lpa dig att g\u00f6ra mer effektivt och elegant inneh\u00e5ll p\u00e5 kortare tid.<\/p>\n<p>Om du \u00e4r ny p\u00e5 WordPress rekommenderar jag att du l\u00e4ser min guide om hur du anv\u00e4nder blockredigeraren effektivt:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/sv\/hur-man-anvander-wordpress-block-editor-the-essential-guide-to-gutenberg\/\" title=\"Hur man anv\u00e4nder WordPress Block Editor: The Essential Guide to Gutenberg\">Hur man anv\u00e4nder WordPress Block Editor: The Essential Guide to Gutenberg<\/a><\/p>\n<p>Och om du har varit en WP-anv\u00e4ndare ett tag s\u00e5 sl\u00e5r jag vad om att du fortfarande kan hitta n\u00e5gra praktiska designtips i min gratis 7-dagars e-postkurs:<\/p>\n<p><a href=\"https:\/\/www.competethemes.com\/subscribe\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GRATIS 7-dagars WordPress Mastery Email Course<\/a><\/p>\n<p>Tack f\u00f6r att du l\u00e4ste den h\u00e4r handledningen om hur du markerar text med WordPress, och \u00f6verv\u00e4g att dela den med knapparna nedan.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <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>Uppt\u00e4ck tre enkla s\u00e4tt att markera text i WordPress-inl\u00e4gg och sidor. Metoder inkluderar att \u00e4ndra b\u00e5de bakgrunds- och textf\u00e4rg.<\/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":[554],"tags":[850],"class_list":["post-251063","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-anpassa-wordpress","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/251063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/comments?post=251063"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/posts\/251063\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media\/257945"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/media?parent=251063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/categories?post=251063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/sv\/wp-json\/wp\/v2\/tags?post=251063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}