We’re used to seeing full-justified text in newspapers and books where the layouts are done by hand and the text width never varies. Quisque luctus felis nunc, mattis lobortis mi dictum et.An example of center-aligned text. Duis elit tellus, volutpat in sem nec, aliquet vulputate dolor. Suspendisse luctus quam nibh, sit amet faucibus erat sollicitudin nec. Curabitur pellentesque ullamcorper ante a congue. Suspendisse feugiat, tellus finibus vestibulum facilisis, lorem nibh lacinia mi, in porttitor enim eros egestas libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque luctus felis nunc, mattis lobortis mi dictum et. The straight (or “hard”) left edge and ragged right edge combination of standard left-aligned text performs best for readers because it helps the eye find the start of the next line when it leaves the end of the last one. The Dreaded Ragged Left EdgeĬentered and right-aligned text both have a “ragged” left edged which has been shown to impede reading speed and comprehension. Steve Krug famously summarizes these sites as the ones that “don’t make me think.” (That’s an amazing book that you should read!)įor most sites, reading is the primary task a user does, so it makes sense that we should focus on optimizing that specific experience as much as possible. Getting back to the specific issue at hand-text alignment-left-aligned text is the easiest to read and therefore we should use it for all large blocks of text on a website. While the problems may seem minor at first, the most usable websites are the ones that have the lowest interaction costs and minimize cognitive load. When it comes to making readable web pages, centered, right-aligned, and full-justified text reduces usability and slow down readers. I responded with a long comment and have revised and expanded it to produce today’s post.
Feel free to comment if you face any issue while following the methods discussed above.On my “A WordPress Formatting Manifesto” post, one commenter asked for a greater explanation of why I recommended not using center alignment, right alignment, and full justification when writing for the web. I hope this article helped you add justify text buttons in WordPress.
This adjusts the typical spacing of the font, but in paragraphs of adequate width, it’s usually not problematic.Ĭonclusion: How to Justify Text in WordPress? Justification works by adding empty white space between the words in each line so that all the lines have the same length. Justified text is oriented in such a manner that the left and right sides of the text both have a clear-cut edge. This creates a neat and clear look along both the left and the right side of the post/page. This text will be justified Īs you probably know, justifying text helps to align content to both the left and the right margins, appending spare space between words as required.
If you choose to justify the text using CSS, just switch over to the HTML editor and use the code as below. Now when you visit your post editor, you will see the justify button in the toolbar.
Just install and activate this WordPress plugin and you will see the Justify text button added to your toolbar. Justify Text in WordPress Using Plugin Who Stole the Text Justify Button If you think you would be tired of using this shortcut time and again, I recommend you to follow the methods discussed below to add the justify button back to the text editor in WordPress. Use the keyboard shortcut: Ctrl + Alt + J (Windows) or Ctrl + Option + J for (Macintosh).Select the text you would like to justify.Here are the steps you can follow to justify text in WordPress editor: Conclusion: How to Justify Text in WordPress? How to Justify Text in WordPress