I recently wrote an article tittled “Slippery Slides For Fun & Profit!“.
The headline to this article broke weird on my page (see image below)
The word “profit” was left alone in one line, and what I wanted was to have “slippery slides” in one line, and “For Fun & Profit!” in another.
But how would I add a line break to my headline?
After all, hitting “enter” on my keyboard would not make the break on my headline.
Well, the answer is simple.
Simply add some HTML to your headline’s input box when you are creating or editing your article.
<br/> is all you need:
by adding <br/> to your headline input box, you can control where your lines break, making more visually appealing headlines
Other Useful HML Tags You Can Use On Your WordPress Headline:
Bold your text:
<strong>Your Text</strong> → Example.
Emphasize your text:
<em>Your Text</em> → Example.
Strike your text:
<strike>Your Text</strike> → Example.
Underline your text:
<u>Your Text </u> → Example.
Create a superscript:
<sup>Your Text</sup> → E=MC2.
Create a subscript:
<sub>Your Text</sup> → H20.
You could also add a style tag to these HTML tags to further style your headline without changing all the other headlines on your page.
For example if you just wanted a single word on your headline to be underlined and red; this is the code you would use:
<u style="color:red;"> Word </u>
Fixing Your Broken Breadcrumbs
If you decide to add HTML to your headlines, this might cause problems with your breadcrumbs.
Breadcrumbs usually add the_title() tag which works fine, but it renders any HTML code apply to it.
A better tag to use on your bread crumbs is the the_title_attribute()
The title attribute also displays your title, but it strips away all your HTML tags.
If you enjoyed this article, get email updates (it's free)
Article by Jesus Ramirez
Jesus Ramirez is the creator of Marketing Unfolded. Connect with Jesus on Google+ and Facebook.
Jesus has written 25 awesome articles.
Other Posts You Might Like:
{ 4 comments… read them below or add one }
This was just what I was looking for. Big thank you. Just came across your blog- bookmarked. Very helpful post. Keep it up! Have a good day
No Problem Rochelle,
hope to see you back here again soon!
Hey Jesus,
Great post here! Thanks for the tips. This same issue you had happened to me a couple of times. Thanks again and keep it up!
Pj,
I see that a lot of people have a problem with this!
Thanks for the comment