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.
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.
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.
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.
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”.
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.
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.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
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
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
The Venetian Box
GREAT POST!!!! You helped me SO much, thank you!!!
WPBeginner Support
You’re welcome, glad you like our content
Administratör
Achraf NAJIH
It worked. Thanks.
Crina Caba
You answered my question… Thank you.
Darrin
How to add justify without plugin ?
any idea ?
thanks
mourad
Thank you so much for the help
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!
Robert Lindquist
Thank you very much!!
Ajay
Thank You So much
Darren
Thanks for this! It has been driving me crazy!
Gibran Dimasagung
Thanks bro
Sally Eilers
….signalling the demise of WordPress.
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.
chandrashekhar
Thank man ! it was of great help
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!!!
Dipo Putra
Question is, Why they remove it?
HARISH NEGI
Thank You very much. Solved my Problem.
Joey Bangun
Thanks so much!
from Indonesia
Praboda Madushan
Thank you very much!
Sharyn Wise
You are an amazing WONDERFUL stupendously great FANTASTIC person!
I have just discovered these had gone missing!
THANK YOU!
David
A very handy and helpful little tip… Thank you!
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 ?
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
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
Thomas
Why did they remove the option to justify or underline text anyway? Was it causing issues somewhere along the line?
Harpreet Kumar
Realy an awesome article
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.