{"id":227023,"date":"2022-09-18T10:59:00","date_gmt":"2022-09-18T07:59:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227023"},"modified":"2022-11-08T23:41:48","modified_gmt":"2022-11-08T20:41:48","slug":"hur-man-motiverar-text-i-wordpress-i-naagra-faa-steg","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-motiverar-text-i-wordpress-i-naagra-faa-steg\/","title":{"rendered":"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg"},"content":{"rendered":"\n<p>Att justera text \u00e4r lika enkelt som att klicka p\u00e5 en knapp i Word, Word Editor och Google Dokument.<\/p>\n<p>Det brukade vara s\u00e5 enkelt ocks\u00e5 i WordPress. Men WordPress tog bort alternativet f\u00f6r textjustering sedan version 4.7 sl\u00e4pptes.<\/p>\n<p>Sedan den versionen \u00e4r <strong>knappen som snabbt motiverar text borta<\/strong>. Anledningen till detta \u00e4r att det \u00e4r sv\u00e5rt att motivera text i olika webbl\u00e4sare.<\/p>\n<p>En snyggt motiverad text i en webbl\u00e4sare kommer inte att se likadan ut i en annan webbl\u00e4sare eller p\u00e5 en annan sk\u00e4rmstorlek. P\u00e5 grund av detta <strong>svarsproblem<\/strong> tog WordPress bort den h\u00e4r knappen fr\u00e5n sitt verktygsf\u00e4lt.<\/p>\n<p>Men med n\u00e5gra knep \u00e4r det fortfarande m\u00f6jligt. Den h\u00e4r snabbguiden visar <strong>hur man motiverar text i WordPress<\/strong>.<\/p>\n<p>Det f\u00f6ruts\u00e4tter anv\u00e4ndningen av WordPress 5.1 eller h\u00f6gre, samt anv\u00e4ndningen av Gutenberg-redigeraren.<\/p>\n<h2>Vad \u00e4r motiverad text<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957302e68.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957302e68.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" ><\/a><\/p>\n<p>Att justera text betyder att <strong>justera textmarginalerna p\u00e5 b\u00e5de v\u00e4nster och h\u00f6ger sida<\/strong> av kolumnen. Resultatet \u00e4r ett rent utseende p\u00e5 b\u00e5da sidor av ett inl\u00e4gg eller en sida.<\/p>\n<p>F\u00f6r att uppn\u00e5 denna anpassning l\u00e4gger programvaran <strong>till mellanslag mellan orden<\/strong> efter behov.<\/p>\n<p>Detta kr\u00e4ver en justering av avst\u00e5ndet mellan ord som best\u00e4ms av typsnittet. N\u00e4r meningar \u00e4r tillr\u00e4ckligt l\u00e5nga kommer detta inte att vara ett problem.<\/p>\n<p>Vissa m\u00e4nniskor gillar textmotivering men andra inte. Det \u00e4r en <strong>fr\u00e5ga om preferens<\/strong> och det \u00e4r inte ett erk\u00e4nt tecken p\u00e5 professionalism.<\/p>\n<p>Till exempel, vissa ledande amerikanska tidningar och tidskrifter motiverar, och andra align-left only. B\u00f6cker anv\u00e4nder normalt textjustering.<\/p>\n<p>En f\u00f6rdel med motiveringen \u00e4r att den ger ett inslag av <strong>visuell klarhet<\/strong>. Det begr\u00e4nsar var text och textblock slutar.<\/p>\n<p>Detta resulterar i snygga bloggar och inl\u00e4gg.<\/p>\n<p>Nedan beskrivs stegen f\u00f6r att motivera text i WordPress. F\u00f6rst en titt p\u00e5 det enkla tillv\u00e4gag\u00e5ngss\u00e4ttet.<\/p>\n<h2>Justera text med enkla genv\u00e4gstangenter<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957415d6b.jpg\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957415d6b.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" ><\/a><\/p>\n<p>Det h\u00e4r \u00e4r stegen f\u00f6r att motivera text i WordPress-redigeraren:<\/p>\n<ol>\n<li><strong>Logga in<\/strong> p\u00e5 din WordPress-redigerare.<\/li>\n<li><strong>Markera<\/strong> texten f\u00f6r att motivera.<\/li>\n<li>Anv\u00e4nd kortkommandot:<\/li>\n<\/ol>\n<ul>\n<li>Windows: <strong>Ctrl + Alt + J<\/strong><\/li>\n<li>Mac: <strong>Ctrl + Option + J<\/strong><\/li>\n<\/ul>\n<p>Den markerade texten \u00e4r nu justerad.<\/p>\n<p>Detta \u00e4r det enkla s\u00e4ttet att motivera text i WordPress. F\u00f6r det mesta fungerar denna metod utan problem.<\/p>\n<p>Ibland fungerar inte detta tillv\u00e4gag\u00e5ngss\u00e4tt. Ett alternativ \u00e4r att anv\u00e4nda en <strong>plugin<\/strong> som motiverar text.<\/p>\n<h2>Installera en l\u00e4mplig plugin<\/h2>\n<p>WordPress-plugins hj\u00e4lper till att <strong>automatisera vissa uppgifter<\/strong>. Vissa anv\u00e4nder WordPress f\u00f6r att posta regelbundet och plugins hj\u00e4lper till att f\u00e5 alla inl\u00e4gg att se likadana ut.<\/p>\n<p>Installera och aktivera plugin-programmet en g\u00e5ng och det kommer att ta \u00f6ver m\u00e5nga repetitiva uppgifter. Det finns \u00e4ven plugins som g\u00f6r textjusteringar, som justering.<\/p>\n<p>H\u00e4r \u00e4r fyra exempel p\u00e5 plugins som g\u00f6r det:<\/p>\n<h3>L\u00e4gg till textjusteringsknapp igen<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/re-add-text-justify-button\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e895751b53c.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" \/><\/a><\/p>\n<p>Detta plugin <strong>l\u00e4gger till justeringsknappen igen<\/strong> i WYSIWYG i WordPress 4.7 och senare version. F\u00f6r att g\u00f6ra detta \u00e4r det viktigt att anv\u00e4nda Classic Editor och inte Block Editor.<\/p>\n<h3>Advanced Editor Tools (tidigare TinyMCE Advanced)<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/tinymce-advanced\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e895760a2e9.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" \/><\/a><\/p>\n<p>Detta plugin l\u00e4gger till olika avancerade formateringsverktyg och stilar till WordPress Editor. N\u00e4r det \u00e4r installerat kan anv\u00e4ndare <strong>l\u00e4gga till olika knappar<\/strong> i verktygsf\u00e4ltet, till exempel en Justify-knapp.<\/p>\n<h3>Vem stal textjustify-knappen?<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/who-stole-the-text-justify-button\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957703a96.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" \/><\/a><\/p>\n<p>Denna plugin fungerar p\u00e5 liknande s\u00e4tt som de tv\u00e5 f\u00f6rsta.<\/p>\n<p>Det <strong>l\u00e4gger till en justeringsknapp<\/strong> i WordPress-redigerarens verktygsf\u00e4lt. Detta kommer att visas i den andra raden med knappar.<\/p>\n<h3>PRyC WP: TinyMCE More Buttons<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/pryc-wp-tinymce-more-buttons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957805ea4.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" \/><\/a><\/p>\n<p>Namnet p\u00e5 detta plugin s\u00e4ger allt. Det l\u00e4gger inte bara <strong>till knappen Justera<\/strong> till inl\u00e4ggsredigeraren utan m\u00e5nga fler.<\/p>\n<p>Till exempel l\u00e4gger den ocks\u00e5 till understrykningsknappen. Detta \u00e4r ett bra val f\u00f6r dem som beh\u00f6ver fler stylingalternativ \u00e4n vad WordPress-redigeraren erbjuder.<\/p>\n<p>Det h\u00e4r \u00e4r bara fyra av plugin-alternativen. Det finns m\u00e5nga fler som g\u00f6r samma eller liknande.<\/p>\n<p>De fyra ovan <strong>testades och de fungerar mycket bra<\/strong>.<\/p>\n<p>Utvecklarna av plugins forts\u00e4tter att f\u00f6rb\u00e4ttra och uppdatera sina produkter. S\u00e5 det \u00e4r s\u00e4kert att de kommer att forts\u00e4tta arbeta med nyare WordPress-versioner.<\/p>\n<h2>Justera text i WordPress manuellt<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e895790478f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e895790478f.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" ><\/a><\/p>\n<p>Det h\u00e4r avsnittet diskuterar en annan metod f\u00f6r att motivera text i WordPress. Denna procedur \u00e4r lite sv\u00e5rare.<\/p>\n<p>Det \u00e4r endast l\u00e4mpligt f\u00f6r personer med en h\u00f6gre WordPress-upplevelseniv\u00e5. Det kr\u00e4ver minst en mellanniv\u00e5.<\/p>\n<p>S\u00e5 h\u00e4r fungerar det:<\/p>\n<ul>\n<li><strong>Logga in<\/strong> p\u00e5 WordPress-webbplatsen.<\/li>\n<li>G\u00e5 till WordPress- <strong>instrumentpanelen<\/strong>.<\/li>\n<li>H\u00e5ll muspekaren \u00f6ver <strong>Utseende<\/strong>.<\/li>\n<li>Klicka <strong>p\u00e5 Anpassa<\/strong>. I f\u00f6ljande f\u00f6nster visas teman med deras Extra CSS-alternativ i slutet.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957a0c545.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957a0c545.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" ><\/a><\/p>\n<ul>\n<li>Klicka p\u00e5 <strong>alternativet Ytterligare CSS<\/strong>.<\/li>\n<li>L\u00e4gg till f\u00f6ljande <strong>kodstr\u00e4ng<\/strong><\/li>\n<\/ul>\n<pre><code>justify-text {\n\ntext-align: justify;\n\n}<\/code><\/pre>\n<ul>\n<li><strong>Spara<\/strong> och <strong>publicera<\/strong>. Efter att ha sparat och publicerat till\u00e4mpas CSS p\u00e5 temat.<\/li>\n<li>G\u00e5 tillbaka till WordPress- <strong>instrumentpanelen<\/strong>.<\/li>\n<li>\u00d6ppna <strong>artikeln<\/strong> eller starta en ny.<\/li>\n<li><strong>V\u00e4lj<\/strong> den text som ska motiveras.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957b2fd52.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957b2fd52.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" ><\/a><\/p>\n<ul>\n<li>G\u00e5 till <strong>fliken Avancerat<\/strong> i blockpanelen till h\u00f6ger.<\/li>\n<li>G\u00e5 till <strong>ytterligare CSS-klasser<\/strong><\/li>\n<li>Skriv &quot;justify-text&quot; i den tomma textrutan f\u00f6r att till\u00e4mpa detta attribut p\u00e5 den valda inl\u00e4ggstexten.<\/li>\n<li>Klicka p\u00e5 <strong>Uppdatera<\/strong>.<\/li>\n<\/ul>\n<p>Den markerade texten kommer nu att ha CSS Justify-attribut.<\/p>\n<p>I praktiken \u00e4r det inte s\u00e4rskilt sv\u00e5rt att g\u00f6ra. Men de med liten erfarenhet av WordPress kommer att f\u00e5 sv\u00e5rt att f\u00f6lja guiden.<\/p>\n<h2>Hur motiverar man text i Gutenberg?<\/h2>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957c29382.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957c29382.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" ><\/a><\/p>\n<p>Gutenberg \u00e4r textredigerare. M\u00e5nga gillar inte att anv\u00e4nda det men det \u00e4r en mycket kraftfull mjukvara som kan g\u00f6ra n\u00e4stan vad som helst.<\/p>\n<p>Det tar bara lite tid att bli bekant med. Det kan ta \u00f6ver m\u00e5nga av de uppgifter som plugins g\u00f6r.<\/p>\n<p>Att motivera text i Gutenberg \u00e4r inte heller sv\u00e5rt att g\u00f6ra:<\/p>\n<ul>\n<li><strong>L\u00e4gg till<\/strong> ett textblock.<\/li>\n<li>G\u00e5 till <strong>blockinst\u00e4llningarna<\/strong>.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957d3f4fc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-188291-61e8957d3f4fc.jpg\" alt=\"Hur man motiverar text i WordPress i n\u00e5gra f\u00e5 steg\" ><\/a><\/p>\n<ul>\n<li>L\u00e4gg till f\u00f6ljande kod i CSS-blocket under avsnittet <strong>Avancerat .<\/strong><\/li>\n<\/ul>\n<pre><code>p.justify {\n\u00a0\u00a0\u00a0\u00a0text-align: justify;\n}<\/code><\/pre>\n<ul>\n<li><strong>Spara<\/strong> inl\u00e4gget.<\/li>\n<li><strong>Kontrollera<\/strong> genom att visa eller f\u00f6rhandsgranska.<\/li>\n<\/ul>\n<p>Med denna metod motiveras \u00e4ven all ny text som skapas i WordPress automatiskt.<\/p>\n<h2>Avslutande tankar om hur man motiverar text i WordPress<\/h2>\n<p>Att motivera text i WordPress \u00e4r en <strong>viktig f\u00e4rdighet<\/strong> att ha.<\/p>\n<p>WordPress tog bort knappen som g\u00f6r detta fr\u00e5n sin redigerare. Men ett textf\u00e4lt som \u00e4r riktat p\u00e5 b\u00e5da sidor ser b\u00e4ttre ut och leder till en b\u00e4ttre l\u00e4supplevelse.<\/p>\n<p>Med de enkla instruktionerna ovan \u00e4r det l\u00e4tt att motivera text. S\u00e5 varf\u00f6r inte prova det?<\/p>\n<p>Att motivera text \u00e4r oumb\u00e4rligt f\u00f6r en bok, uppsats eller en annan l\u00e5ng text. P\u00e5 en hemsida ger en motiverad text ett helhetsintryck av professionellt.<\/p>\n<p>Om du tyckte om att l\u00e4sa den h\u00e4r artikeln om hur man motiverar text i WordPress, b\u00f6r du kolla in den h\u00e4r om <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-tar-bort-wordpress-teman-och-naer-man-ska-goera-det\/\" title=\"hur man tar bort WordPress-teman\">hur man tar bort WordPress-teman<\/a>.<\/p>\n<p>Vi skrev ocks\u00e5 om n\u00e5gra relaterade \u00e4mnen som <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-enkelt-vattenmaerker-bilder-i-wordpress\/\" title=\"hur man vattenst\u00e4mplar bilder\">hur man vattenst\u00e4mplar bilder<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-kontrollerar-wordpress-versionen-paa-raett-saett\/\" title=\"hur man kontrollerar WordPress-versionen\">hur man kontrollerar WordPress-versionen<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-skapar-en-jaemfoerelsetabell-med-wordpress-plugins\/\" title=\"skapar en j\u00e4mf\u00f6relsetabell med WordPress-plugins\">skapar en j\u00e4mf\u00f6relsetabell med WordPress-plugins<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-enkelt-laddar-upp-en-html-fil-till-wordpress\/\" title=\"hur man laddar upp en HTML-fil i WordPress\">hur man laddar upp en HTML-fil i WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/var-lagras-wordpress-sidor-besvarade\/\" title=\"var lagras WordPress-sidor\">var lagras WordPress-sidor<\/a> och <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/varfoer-aer-wordpress-saa-svaart-att-anvaenda-och-varfoer-det-inte-aer-saa-illa\/\" title=\"varf\u00f6r \u00e4r WordPress s\u00e5 sv\u00e5rt att anv\u00e4nda\">varf\u00f6r \u00e4r WordPress s\u00e5 sv\u00e5rt att anv\u00e4nda<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hur motiverar man text i WordPress? Att justera text \u00e4r lika enkelt som att klicka p\u00e5 en knapp i Word, Word Editor och Google Dokument.<\/p>\n","protected":false},"author":1,"featured_media":188292,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[838,848,922,868],"tags":[1173],"class_list":["post-227023","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guide-foer-nyboerjare","category-handledningar","category-oevrig","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/227023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=227023"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/227023\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/188292"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=227023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=227023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=227023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}