“HTML Columns, Tables, and Post Styling” Challenge

Once you have some basic familiarity with HTML, you can use the HTML Editor to add code that overrides the Visual Editor’s defaults — handy for poets, creative writers, and anyone who has a very specific idea of how they want their posts to look.

Today, open your draft post from yesterday, and create either a column or table from scratch using HTML. (You can trash the post when you’re done.) Visit the resource page to explore:

  • How to use preformatting to space text exactly as you’d like
  • How to control line breaks and indentation
  • How to create columns
  • How to add tables

The Visual Editor does a pretty good job of formatting content in a neat, reader-friendly way. But what if you have a particular vision for your post, and it doesn’t give you enough flexibility? HTML to the rescue.

Ready to dig deeper into code?

Open your draft post

“Customer Header” Challenge

A header can be as simple as an unedited photo. But taking a little time to tweak an image — or to create a text-based header, if that’s more your style — communicates information about your topic and personality, making your blog immediately recognizable.

Today, use one of the tutorials in the resource materials to create a customized header image. Even if you don’t need one, these are useful tools to learn that will help you in other areas of customization. Visit the resource page to explore:

  • How to turn any photo into a custom header
  • How to create a custom graphic or text header
  • The finishing touches that highlight your new header

We often look at other people’s blogs and think “ooh, they look so much more polished than mine.” No more! Today, everyone gets a spit shine.

Ready to upload a new header?

Open your Customizer

“Creating menus and adding your logo” Challenge

Now that you have pages and some content, the next step is to add them to a menu, which forms your site’s navigation. We’ll also add your logo. (Exciting, isn’t it!?)

Today’s task: Create a main menu for your site and assign your pages to it. Upload your business’ logo.

Check out the resource page for full details on how to create menus and upload a logo to your site.

Create a menu

“Organizing your side bar” Challenge

Time to move on to another part of your blog where small changes have a big impact: your sidebar.

Today, add one new widget to your blog — think strategically! — and customize its title and settings. You don’t have to keep it, but get comfortable with the process. Visit the resource page to explore:

  • What widgets are and how they’re useful
  • How to choose the right widgets for your blog
  • Basic ways to customize widgets

(Using a theme that doesn’t have a widget area, or prefer not to use widgets? That’s fine! Spend some more time playing with color and font; the combinations are endless.)

Widgets add color and personality along with additional information. But! Too much of a good thing invites clutter and distraction; overdoing widgets becomes counterproductive. Make sure you’re happy with how your sidebar functions today — tomorrow, we delve deeper into custom widgets!

Ready to add a widget?

Open your Customizer

“Theme Selection” Challenge

You’ve put a lot of thought into defining your site and creating pages and content. Now, it’s time to have a little fun and play with themes.

Today’s task: explore some themes. Try three new ones, even if you’re happy with the one you’ve got. Try a business, photography, and blog theme.

Here’s how:

  1. First, click the button below to browse through the available themes.
  2. Next, scroll through the options, and click Preview on at least three themes, then click Try & Customize to see the theme in action, with your posts.
  3. Finally, decide! Click Save and Activate on a new theme, or click the “X” to close the Customizing tools and keep your original design.

Check out the resource page for tips on picking the theme that fits you best.

Explore available themes

“Custom Text and Image Widgets” Challenge

We have a better sense of what widgets offer, so let’s go further and learn how completely custom widgets create a cohesive look from header to sidebar.

Today, create a new custom image widget using one of the tutorials on the resource page. If you don’t want to add any new widget content, add a graphic element to an existing widget. Visit the resource page to explore:

  • Image widget basics
  • Custom image widget inspiration
  • How to create a custom image with PicMonkey or Canva
  • How to use custom images in text widgets

Image widgets can be used for just about anything; we particularly appreciate when bloggers use them to highlight social networking profiles, direct our attention to special features, or draw us into different sections of their blogs. They’re eye-catching, and encourage readers to explore.

Ready to add your new image?

Open your widget settings