Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här addar du knappar för understruken och rättfärdigad text i WordPress

Behöver du stryka under eller motivera text i WordPress?

WordPress hade tidigare knappar för både rättfärdigande och understrykning av text i visual editor. De har dock tagits bort och är inte längre available.

I den här artikeln visar vi dig hur du enkelt kan add to knappar för understruken och rättfärdigad text i WordPress.

How to Add Underline and Justify Text Buttons in WordPress

Varför lägga till knappar för understruken och rättfärdigad text i WordPress?

Gillar du att återställa de saknade knapparna för understrykning och rättfärdigande när du redigerar posts och pages på din WordPress website? I WordPress 4.7 togs dessa knappar bort från editor för post, men som tur är finns det ett sätt att få tillbaka dem.

Det finns dock några anledningar till att du bör överväga att ej understryka och motivera text på din website.

För det första kan understruken text gilla länkar, och dina användare kan bli frustrerade när det de tror är en länk inte fungerar. Dessutom kan motiverad text göra ditt content svårare att läsa, särskilt på små vyer.

Med detta sagt, låt oss ta en titt på hur du add to understruken och rättfärdigad text knappar i WordPress. Vi visar dig hur du gör detta för block och klassisk editor. Vi ska också visa dig hur du understryker och rättfärdigar text med hjälp av kortkommandon, utan att behöva en knapp.

Metod 1: Understrykning och motivering av text med hjälp av kortkommandon

Du behöver inte ett plugin eller icons i toolbar för att understryka eller motivera text i WordPress. Istället kan du helt enkelt använda en kortkommando.

För att understryka text väljer du bara den text du vill understryka i WordPress och trycker på Ctrl+U i Windows eller Command+U i Mac. Det är allt. Detta kortkommando fungerar med både block editor och klassisk editor.

Det finns en annan kortkommando för att motivera text. Välj bara texten och tryck på Shift+Alt+J i Windows eller Command+Option+J på Mac så kommer din text att rättfärdigas.

Tangentbordskombinationen för att motivera text fungerar dock bara med den klassiska editorn. Om du använder block editor kommer du ej att kunna motivera text med ett kortkommando och bör använda plugin-metoden under.

Metod 2: Lägga till knappar för understruken och rättfärdigad text i Block Editor

Om du vill add to knappar för understrykning och rättfärdigande av text i block editor, då är den här metoden något för dig.

Först måste du installera och aktivera Gutenberg Block Editor Toolkit – EditorsKit plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Vid aktivering kommer pluginet automatiskt att göra understrykning, rättfärdigande och andra formateringsfunktioner tillgängliga när du använder WordPress Block Editor.

Dessa ytterligare icons kan inte läggas till direkt i block editorens toolbar, men du hittar de extra alternativen när du clickar på nedåtpilen ”Displays more block tools” i toolbaren.

Access Underline and Justify from the 'Displays More Block Tools' Icon

För att understryka text ska du först välja den med din mus. Klicka sedan på nedåtpilen ”Displays more block tools” och klicka på ”Underline” i dropdown-menyn.

För att motivera ett stycke måste du först se till att din markör är i det stycket. Klicka sedan på nedåtpilen ”Displays more block tools” och välj ”Justify” i dropdown-menyn.

Metod 3: Lägga till knappar för understrykning och motivering av text i den klassiska editorn

Om du använder den klassiska Editorn är den här metoden något för dig.

Här måste du installera och aktivera pluginet Advanced Editor Tools. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering navigerar du till Settings ” Advanced Editor Tools page från din WordPress admin sidebar. Därefter kan du klicka på tabben ”Classic Editor (TinyMCE)” högst upp på sidan.

Du kommer att notera en preview av WordPress klassiska editor. Under previewen visas all oanvända knappar för dig.

Nu måste du drag and drop understryka och motivera textknapparna från boxen ”Unused Buttons” till post editor.

Drag the Unused Buttons You Need to the Classic Editor's Toolbar

När du har slutfört, se till att du klickar på knappen ”Save Changes” högst upp på vyn för att spara de nya inställningarna.

När du nu skapar eller redigerar ett blogginlägg eller en page i WordPress kommer de nya knapparna för format att finnas tillgängliga i den klassiska editorens toolbar.

Underline and Justify Buttons Are Now Available on the Classic Editor's Toolbar

Bonus: Markera text i WordPress

Till skillnad från rättfärdigande och understrykning kan du markera text i WordPress med standardinställningarna. Det är ett enkelt sätt att betona viktiga punkter i ditt content och rikta användarnas uppmärksamhet mot detaljer som du inte vill att de ska missa.

För att markera text måste du öppna Block Editor och välja den text som du vill markera med musen. Sedan klickar du på ikonen ”More” i blockets toolbar för att öppna en dropdown-meny där du kan välja alternativet ”Highlight”.

Expand the More dropdown menu from the block toolbar and select the Highlight option

Om du gör det öppnas en färgväljare på vyn där du måste byta till tabben ”Bakgrund”. Du kan sedan välja en färg för att markera text genom att klicka på alternativet ”Customize” för att starta ett ”Pipett”-verktyg.

Klicka sedan på knappen ”Update” eller ”Publicera” för att lagra dina settings. Nu kan du besöka din website för att viewa den markerade texten i action. Mer information hittar du i vår tutorial om hur du markerar text i WordPress.

Choose a highlight color from the color picker tool

Vi hoppas att denna tutorial hjälpte dig att lära dig hur du lägger till knappar för understruken och rättfärdigad text i WordPress. Du kanske också vill se vår guide för nybörjare om varför WordPress är gratis eller kontrollera vår lista över tillägg du måste ha för att få din site att växa.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

38 kommentarerLämna ett svar

  1. Dennis Muthomi

    In the BONUS section about highlighting text, you show how to choose a custom color from the color picker. I was wondering – is there any way to save that custom color I picked to show up by default in the future?
    It would be useful to have my custom brand colors available there alongside the 5 default colors.

    • WPBeginner Support

      Not at the moment but if we find a method we would recommend we will be sure to share!

      Administratör

  2. Jiří Vaněk

    Does text alignment using ’justify’ have any impact on a website’s content ranking, for instance by Google? Or is it just that it might create unnatural gaps in the text for some people? I’m wondering if using ’justify’ could affect content evaluation in any way. Personally, I don’t use justify, but sometimes website owners request it.

    • WPBeginner Support

      Using Justify should not affect your site’s rankings and it is used by some sites to prevent an unnatural look depending on the theme that the site uses.

      Administratör

  3. The Venetian Box

    GREAT POST!!!! You helped me SO much, thank you!!!

    • WPBeginner Support

      You’re welcome, glad you like our content :)

      Administratör

  4. Achraf NAJIH

    It worked. Thanks.

  5. Crina Caba

    You answered my question… Thank you.

  6. Darrin

    How to add justify without plugin ?
    any idea ?
    thanks

  7. mourad

    Thank you so much for the help

  8. Reinette

    Thank you so much! TinyMCE is a super little plugin and I love what it’s done for my text editor.
    Again, thank you!

  9. Robert Lindquist

    Thank you very much!!

  10. Ajay

    Thank You So much

  11. Darren

    Thanks for this! It has been driving me crazy!

  12. Gibran Dimasagung

    Thanks bro

  13. Sally Eilers

    ….signalling the demise of WordPress.

  14. James

    This doesn’t work on my blog. When I click plugins I go to ’Jetpack by Wordpress.com’ and there is nothing there similar to what you are talking about!!!!

    • Aayush Bhaskar

      You must be going to Site Dashboard instead of going to Network Admin Area. Click on the Home Icon and Select Network Admin>plugins. There will be Add new, Network Activate etc options available.

  15. chandrashekhar

    Thank man ! it was of great help

  16. Sampath S

    Alternately, you can just use keyboard shortcuts:

    Justify alignment – Alt +Shift +J
    Underline – Ctrl+U

    • David

      Thank you. This is a simple solution. I don’t need more plugins on my site.

    • Leslie

      Thank you so much for this simple solution! No need to mess with plugins!!!

  17. Dipo Putra

    Question is, Why they remove it?

  18. HARISH NEGI

    Thank You very much. Solved my Problem.

  19. Joey Bangun

    Thanks so much!

    from Indonesia

  20. Praboda Madushan

    Thank you very much!

  21. Sharyn Wise

    You are an amazing WONDERFUL stupendously great FANTASTIC person!
    I have just discovered these had gone missing!
    THANK YOU!

  22. David

    A very handy and helpful little tip… Thank you!

  23. Sarah

    Don’t really need a plugin for that. In Mac Ctrl+Alt+J and text justified,

    But why wordpress decided to remove the icon from the menu ?

  24. nadia

    Thank you so much! I added the Re-add Text Underline and Justify plugin and it worked perfectly.

    • WPBeginner Support

      Hi nadia,

      Glad you found it helpful :) Don’t forget to follow us on Facebook for more WordPress tips and tutorials.

      Administratör

  25. A

    For me, this helped:
    Select the text you wish to justify (ctrl+A)
    Press Shift+Alt+J
    And wordpress then justifies the text!

    • Amrit Singh

      You’re the real mvp. thanks for the trick :)

    • Aldo Retana

      This was more useful, thanks!

    • Richmond

      Yes!, You are the real MVP. Awesome

  26. Thomas

    Why did they remove the option to justify or underline text anyway? Was it causing issues somewhere along the line?

  27. Harpreet Kumar

    Realy an awesome article

  28. louis

    Good! It’s interesting. :) Under certain conditions, this may be useful!

    On the other hand, I think the underlining should be avoided in all web documents except for creating hyperlinks. This can sometimes cause confusion given the hyperlinks. As for the justification function of the text, this very often gives unexpected results.

    It is not for nothing that these two options have been eliminated. Use with parsimony in VERY rare conditions.

    Sorry about my poor english.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.