Build Your Own Author Website Header

I can’t begin to tell you how many frustrating hours, days, and months I worked to create the website header for my original author website. I went as far as to purchase a program called Photo Shop Elements 10 and then spent months learning how to use the program in order to come up with an image that worked for me.

For one thing, it’s hard to find images that are not protected by copyright. For another, size matters. Stretching images to fit the required header dimensions often distorts them. Cropping doesn’t always work either. And then comes the issue of fonts and font placement.

Don’t get me started.

Since then I discovered a website called Canva (Thanks, Jane Friedman) that saved the day when it came to creating the website banner for my Book-Snapper theme.

And that’s what I want to share with you today.

Assuming that you’ve purchased and installed Book-Snapper (or an equivalent) author theme for your website, let’s get started.

First, go to the Appearance menu on the vertical panel below the Dashboard to your Book-Snapper author website. On the pop-out that appears, click Theme Options. There you will see a screen that looks like this:

From there click Banner. Under the Banner image, notice that it says “Enter your 960px x 400px banner image here. Yikes! That’s one big banner.

No problem. Let’s head to Canva.

Once there, create a free account and log in.

In the right upper corner under your account name and profile, you’ll see “Use Custom Dimensions” in small letters.

Click on it and two boxes will pop up for width and height. Enter 960 and 400 px (if you’re creating a header for the Book-Snapper theme) and click Design.

You’ll be taken to a page with a blank box the exact dimensions that you’ll need for your website banner.

If you know the type of picture or symbol that you’d like to incorporate into your header (likely an image that matches the color and theme of your book or book series), enter the keyword/keywords into the search box.

Just for fun, let’s go with: Mystery Book

In my search, I found an empty book that I figured might work okay, so I dragged it onto my banner box.

Then I added the text: “Author” and “My Life is an Open Book.”

I left plenty of room on the right side of my book image for the Opt-in box that will appear in the Book-Snapper theme banner with a link to the first chapter of my book.

I then hit download “As an image” and paid $1.00.

Okay, it wasn’t much, but it was done in a rush for demonstration purposes only.

Here’s another quick demonstration of something you can do.

I uploaded a picture of myself to Canva from my computer.  I could have added a frame to the picture, changed the color of the text, or any number of things.

Just remember to leave enough space in the right corner of your 960px x 400px space for the opt in box (if you’re building a header for the Book-Snapper theme). If you choose not to include a opt-in box in your header, you can fill in the entire space with images and text.

It’s easy to get creative here. You’ll notice in the second banner I created that there were water marks. That’s because I didn’t want to pay for the second download for this demo.

Below is the banner I created after my third attempt.

Go ahead and give it a try. And keep experimenting until you get it right. Remember, you can download a watermarked copy at Canva for free if you just want to try your banner out on your website before you commit to a final copy.

When you’re satisfied with the banner you’ve created:

• Go back to Appearance>Book Snapper
• Click Banner
• Remove the Book Snapper banner that came with your theme
• Upload your new banner from where you’ve saved it on your computer
• Hit the “Save Option” at the bottom of the box.

Don’t worry about the title for your subscription opt-in box for now. If you like, you can set the “Select On to Display” button to “off” until you’ve decided where your email list will be stored (Mail Chimp was my choice) and what you’ll be sending your subscribers as an incentive to opt-in.

Go ahead and click on your website address in the top left corner above your dashboard and see how your site is starting to take form.

Then pat yourself on the shoulder for a job well done.

P.S. In the end, I recognized my limitations in the art department and had my book cover artist create the header you see below for my author website, which probably won’t be my last.

One of the good things about creating your own author website is that you can make changes whenever you want.