How to Create Easy, Beautiful Web Pages with Headline Styles

How to Create Easy, Beautiful Web Pages with Headline Styles

Is your WordPress site looking a little bland, a tad generic? Maybe you don’t love the title font or your wish the Heading 3 headlines were a little smaller. Perhaps you’d like the colors to match your brand colors. With a Tall Poppies website design, you can do that—no code required!

headlines

Before we go on, if you have no idea what I’m talking about, let’s first clear that up! When you edit a page or post in WordPress, the WYSIWYG (which stands for “what you see is what you get”) buttons have a drop-down menu with Paragraph listed as the default option. If you click on it, you will see headlines 1 – 6 listed.

Hang on a sec… If you only see one row of buttons, and you can’t see the drop-down menu, click on the last button of the first row (as indicated by the aqua arrow in the image above).

When you select an entire sentence of text in your page or post, you can then choose one of the headline styles. You cannot select one word in the middle of the sentence. Headlines will always apply to the entire sentence.

Now, ironically, what you see in your page or post may not be what you see in your live web page. There are style rules applied to the headlines written in code by your web developer, or the theme developer.

I like to set my clients up with every possible headline style they may need to craft the perfect page every time, without ever having to resort to getting into the HTML – nor reaching out to me for little customizations. I want you to be able to publish content quickly and easily so you can continually work on growing your business.

These are some of the things we can set up in headline styles:

  • Font family
  • Font size
  • Color
  • Capitalization style
  • Line height (leading)
  • Letter spacing (kerning)
  • What the headline looks like as a link
  • Background images
  • Borders

I take care of all of these styles for you, so that all you have to do is write your text and simply click the heading level you want to make your page or post look beautiful. Every time.

Take a look a sample of a few different headline styles I have created for my clients.

For Jennifer DeMaagd’s website

Tall Poppies Design headline styles for WordPress

For Dana da Ponte’s website

Tall Poppies Design headline styles for WordPress

Their headline styles are quite distinct, incorporating specific fonts and styles related to the brand and feel of each business. When it comes time for a new blog post or an adjustment to page, it isn’t necessary to re-invent the wheel. All you have to do is add your text and click the correct heading level. The styles—all the specifics about font, size, spacing and the like—are applied so that when you publish your post or page it looks just the way you want it to.

Headline styles make it easy to get the look you want—and keep things consistent across your site.

I take headlines one giant step further. You may have noticed that two of the headlines in the above screen shots look like buttons. Text links are boring and not very enticing to click. Creating buttons in image editing programs like Photoshop, Illustrator, PicMonkey of Canva can be time consuming and even tricky for many. Now, I try to simplify my client’s webby life as much as possible, and one of the steps I take to achieve that goal is to take one of the headlines styles – usually headline 5 or 6 – and turn it into a button when it is also turned into a link.

You see there are headline styles for text. They also have a secondary style option for when they are also turned into a link. Basically, I add a background color and some other style rules to make that headline look like a button every time. Headline 5 + link = button!

That means you don’t have to mess with button images any longer!

I walk you through the how-to of headline styles in this video.

How to Create Beautiful Posts and Pages Using Your Headlines.

Would you like to learn more tips and tricks like this one? Get your free pass to the Tall Poppies training playground (includes 50+ videos just like this one all about WordPress and how to use my favorite plugins):

Sign-up here

 

Or, if you’re ready for a custom site by Tall Poppies Design:

let’s set up our first date!

 

(See what I just did? Those two links are my headline 6. Headline 6 + link = button!)

 

Facebook Twitter Pinterest Plusone Email

Comments on this entry are closed.