Start a Blog | Part 5 | Themes, Colors, Fonts

  • Choosing a theme

  • Color considerations

  • Fonts and fond combinations

Choosing a Theme

Choosing a theme can be an overwhelming task. You have thousands of choices to consider.

Keep these things in mind.

Function over form: What are your goals for your site? What do you want your visitors to do when they land on a post or page? What kind of content do you plan to include?

Take your focus off the colors and images to identify the various elements on the home page and single post page.

Look at the theme demo on your phone or another mobile device. Most visitors will initially land on a single post page.

screenshot of WordPress dashboard with theme options

Theme Elements

This theme has a full-width header and full-width featured post slider before splitting into the post area with a right sidebar.

screenshot of WordPress theme option

The bottom portion of the page includes three side-by-side footer widget areas, a full-width footer widget area, and then the footer.

screenshot of WordPress Themeimage portraying a breakdown of theme layout

 

 

 

 

 

 

 

 

 

Page Templates

A Landing Page is a template that removes all other page elements except for the full-width text section. In other words, you won’t see a header, menu, or footer section on a landing page.

 

description of landing page

Although you can add e-commerce functionality to most themes, the process will be easier if the theme has e-commerce page templates included.

screenshot of a a website using e-commerce

If you have a photo gallery to display, look for a theme that includes a portfolio page template.

screenshot of website using a photo gallery

 

Genesis Framework & Child Themes

My recommended source for premium themes is StudioPress (affiliate link).

Themes from StudioPress consist of two parts, the framework, and a child theme.

A framework is a type of WordPress theme – the frame and body of the car – that acts as a design, security, and SEO foundation for your website. It also “future-proofs” your site customizations, so there’s no hassle when it comes time to upgrade your software with one click.

screenshot of wordpress dashboard

screenshot of Genesis Logo

 

The Genesis framework is sold by StudioPress. Child themes are available from StudioPress and several other vendors.

Features include:

  • Search Engine Optimization
  • Mobile Responsive Designs
  • Airtight Security – following all WordPress security best practices
  • Widget & Layout Options
  • Developers You Can Trust

When choosing any theme:

  • Look at the demo
  • Imagine how your content will fit
  • Theme features available
  • Documentation available
  • Reviews and Ratings
  • Make sure demo content is available to help you set up your site

 

Choosing Colors

It is best to limit your color scheme to one primary color and one or two accent colors. You can approach this three ways:

  • Two contrasting colors on opposite sides of the color wheel.
  • Three colors from the same base color, each one lighter than the other.
  • Three colors that are equally spaced around the color wheel.
  • One important tip is to make sure your font colors contrast from the background color.
  • Although you want the colors on the site to reflect you, I recommend that you consider what your viewers will expect when they visit a site on your topic.

Image of a colorwheel

 

Because I’m also a paper crafter and worked as a direct sales representative for 10 years, I often use Pinterest to look for color themes.

I search for “stampin up color combos” to find palettes to consider. I also use a particular color name once I have chosen a color direction for a site.

screenshot of Pinterest page

 

Choosing Fonts

The best advice I can give you for choosing fonts is to study the front pairings on sites you like to visit. I use a tool called Stylifyme.com that shows me the color codes and font names from any site. Then you can look up the fonts using the Google font tool and learn how to add them to your site. Tutorials at Canva’s Design School are another great resource to discover font combinations. Do not use more than 2-3 fonts for the content of your site.

screenshot of website with fonts options

 

Go to Module 6: Pages & Menu