The Shy Tag

Have a comment?

Your email address will not be published. Required fields are marked *

You might have left one of the fields blank or be posting too quickly.

Thanks for your comment. We appreciate your response. Reload the page to see your comment.

Please wait a while before posting your next comment.

What is on your heart?

The shy tag—this little tag that allows you to decide where to break up long words when the screen gets too narrow. I don’t know why it took me such a long time to come across any mention of it, but it is probably because it is shy, and it is trying to hide.

How is shy different from simply adding a dash?

Shy means soft-hyphen, and what it does is it dynamically hyphenates a long word where you put the tag, if needed, and un-hyphenates it when not needed.

When is a shy tag useful?

It is not something you need every day, but it is really useful in certain situations—especially if you want to control your page down to the smallest detail. If you have a long word that is important to your site—say your site title for example—you should definitely make sure it breaks in the right place.

I once translated a page to Swedish, and got the following word on the front page: “Formgivnings­agenturen”. Obviously it hampered the design of the mobile site because it was too long, and shy came to my rescue. I put the tag into the word like this: “Formgivnings­­­agenturen”, and then the word broke exactly where I wanted it to. At least in modern browsers (which we should force everybody to use).

Yes, it works for WordPress titles too

I have used it in the title field of WordPress posts before with great success—especially when using themes that feature large words. I also recommend using it in my article How to Perfect Titles, from the Old Newspaper WordPress Theme documentation.

The only thing to remember is that if you export posts using the WordPress exporter, and import to a new site, all your shy tags will unfortunately be lost.

If you use the shy tag in WordPress titles, they will be lost during export/import!

 

I am happy that this change is finally taking shape. It was one of the challenges for us responsive designers that tend to lean towards being a control freak.

This one was written by Benjamin Antoni

Reaching about 10 years experience developing for the web, and have been doing various forms of graphic design since he discovered a copy of Photoshop in his brother's room a long long time ago. Mail him if you want work done.

Mail him

News

Old Newspaper WordPress Theme Updated for 2018

Our popular WordPress theme is now out with yet another updated version. Version 2.3 brings you more options than ever. Once again we have been listening to what you, our users, say, and proceeded to pound that keyboard until the ideas turn into reality. Get the Old Newspaper WordPress Theme here. Your feedback is so…

Tips & Tricks

The Google–Human Balance of SEO

Content is king. That has become an old saying by now, but still it is equally true. Google always aims to push relevant content to searchers, so if you write something relevant first and then hone your content to work good with search engines, that will in the end be way more rewarding than trying…

News

Old Newspaper v2.2 Released

Three color schemes to choose from, and a whole lot of more customization options are the main point in the new Old Newspaper release. For some years now we've created, developed and sold this WordPress theme styled like and Old Newspaper with that classic article grid on the front page. Now the new version brings…

Tips & Tricks

Facebook Post Preview—See Your Post Before Sharing

Can you preview your Facebook posts? You have just finished setting up your website, and it looks amazing. The only problem is, you have no idea how it looks if somebody shares it to Facebook. Fortunately the answer to the preceding questions is: Yes you can, and you can also take complete control over how…

Tips & Tricks

How to Think When Choosing Between a WordPress Solution or a Handcoded Website

We have two web design services, Hand Coded Websites and WordPress Website Solutions. Here I will attempt to explain the difference a little more in detail. Let us say you currently have no website or want a complete redesign from scratch. The first question you want to ask yourself before choosing a service is: "Do I…

News

Old Newspaper WordPress Theme v2

Generation two of the Old Newspaper WordPress theme has finally come out. And together with that, the launch of old-newspaper.com. Since I made the first version of the WordPress theme I have been wanting to start over and do it from the bottom up again. But that takes time. Now that I went back to building…