• I see so many pretty headers on the WordPress Themes and I’ve figured out how to change mine, but I’m not sure what to change it to.

    How important is the header? Should I replace it with a picture and skip the words or have words on the picture? Where can I find some neat header images? How long/wide should it be to accomodate the different screen widths? What do you think about when you pick your headers for your themes/skins?

    Any other tips on what makes a good header?

Viewing 15 replies - 1 through 15 (of 16 total)
  • https://www.digitalwestex.com/gallery/index.php?cat=6
    this guy has a lot of headers to offer

    Thread Starter fred

    (@fred)

    Wow, so many. How do I choose? I feel dumb but I want to know how people choose so I can choose better for me.

    Thanks.

    I guess manily is a personal taste thing… There are also other criteria that you should consider: the colour scheme of your site, the content of your posts, the general feeling you want to generate etc.
    Don’t forget: it’s your blog and nobody else can really tell which one to choose.

    I’d echo moshu, your content really should dictate your header. It definitely is the first thing people see, so a poor one may keep a reader around long enough to read the content. As far as size, I wouldn’t go past 1024. I won’t go into the pros and cons of designing for resolution, but if you do a search for 800×600 here, you’ll find at least one good thread on the subject. It seems to me, most headers are in the 750px range, give or take 20.

    @moshu: thanks for the link to my site – there are more than 150 header art images now and I’ll be adding more within the next few days.

    I also agree with moshu and miklb. Try to pick something that makes your site as unique as possible but still has some relation to the content. Content about auto racing? Put up a header with race cars or checkered flags. Content about cats? Insert cats or a cat’s paw. Content about … well you get the idea.

    Most header art for WordPress is in the 750px area, but not all. There are themes that have a very small header and some span full page. Also image height shouldn’t be so tall as to take up most of the page. The majority of your current post should be seen without scrolling.

    Just my 2

    Thread Starter fred

    (@fred)

    2notch: is this your site?

    https://www.digitalwestex.com/gallery/index.php?cat=6

    Very cool, man.

    I’ve been looking through it and there are some really amazing designs. These are all free? Wow. Oh, and thanks.

    I’m testing a few to see how I like them, but I keep thinking that I mihgt like to do something myself. Can I use just about any graphics program or do I need to have something special to make thes?

    Do you like review these before they are put on your site? What do you look for in a good header? Are there some things that make one better than another?

    Thanks in advance.

    Yep, that’s the site. The images are all free under this CC license.

    Any graphics program will work, but some have more advanced features than others. I use Adobe Elements and JASC PaintShop Pro, both reasonably priced but very powerful.

    I will review any graphics that are submitted. Almost anything is acceptable but there should be no artwork containing porn, racism, hate, you know … play nice.

    A good header will have a pleasing color balance, and have something to do with the content of your site. Garish colors and things that move will distract and annoy your visitors while they read your content.

    Beauty is in the eye of the beholder and the “beholder” can click out of your site in a split second.

    Well, this is timely. I just finished an article for the WordPress Codex called Designing Headers. I talked to some web design pros and they gave me a list of good dos and don’t for the article. While, yes, the choice of good header art is subjective and personal, there are still some things that need to be taken into consideration.

    From the article:

    Pay attention to text placement and color.
    The colors and placement of the text within a header can add or subtract to your presentation. Here are some tips.

    * If you use white text, make sure there is a background color in the header and/or headerimg to showcase the white text again if for some reason the image doesn’t appear on the screen or the user has “show images” turned off. This will allow your white text to still be visible.

    * If the image has a main feature or element, position the text so it doesn’t cover the main subject of the image.

    * If the text is hard to read against a busy area of the graphic, position the text to a less busy area of the header image.

    *Make sure the color of the text is easily seen by your visitors and doesn’t clash with the header art colors. Fluorescent orange text on a lime green background is painful.

    * Be aware that some color differences and patterns in your header art may make the text letters in your overlaid text “disappear”. The same applies if you embed the text in your header art or header image.

    The last one is often overlooked. They mentioned that the header is part of the site’s identity and how a good header invites people to remain on the page because it catches their attention and the content matches the header’s look and “feel”. Not every header has to have pictures in it, it can be text. And over and over they told me that a cluttered header may be packed with information, but clutter is still clutter and that mouse click away happens REALLY fast.

    I hope this helps, Fred.

    Thread Starter fred

    (@fred)

    WOW, this is the kind of information I was looking for. Thanks.

    You’re welcome.

    Hey, 2notch, I saw on another post that you now have more than 200 header art images on your site. Wow. And you are looking for more.

    So on this topic, I’m sure you are starting to get a feel statistics wise for which ones are the most popular downloads. Do any of these have something in common? Color, style, main graphic point on the right, center, or left, any commonality? Or is it across the map?

    I’m a bit of a header junkie too. I have about 100 on rotation at my blog

    https://www.dogmaticblog.com

    Hit refresh to see a new one load. I just couldn’t settle on one alone! ??

    Lorelle: Statistic wise, there is no commonality. It’s all over the map.

    Dogmatic: WOW, nice site. I like the way the right side image changes but still blends with the left side.

    Do you have any images you would like to share with the community? I’ll make an album for you to put them in. Email me at 2notch at cableone dot net.

    2notch: I’ll see what I can do to provide some imagery for the community.

    Wonderful, your work will be very much appreciated!

    Interesting that there isn’t anything in common with the header designs.

    If someone wants to submit their stuff, what’s the criteria?

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘What makes a good Header?’ is closed to new replies.