Support » Fixing WordPress » graphic-only header

  • Resolved stingpin


    I’m new to WordPress and extremely frustrated with it so far. In part because I’m just too busy to take the time to learn CSS; perhaps there’s a better option for the time-pressed would-be blogger that someone can point me to. I’m frustrated because I know what I want, and I could create it in minutes in Dreamweaver using HTML, but in this environment I can’t accomplish anything.

    All of the themes I find have the same feature that I dislike: The title of the blog appears as text, sometimes on top of a graphic. If I delete that text, then it’s also gone from the browser’s title bar.

    What I want is a title bar which has a graphic (my site’s logo, with text as part of the graphic) on the left side, and ad space (Google, Project Wonderful, etc.) on the right side. The title text should appear in the browser’s title bar but NOT as text on the page itself.

    Is this impossible with WordPress?

Viewing 4 replies - 1 through 4 (of 4 total)
  • yes it is possible

    your best bet is to install the All-In-One SEO plugin. This will allow you to make custom page titles for any page, regardless of what the name of the post is.

    You will need to edit the header.php file in your theme. Remove the code that is printing the blog title in the header area.

    Then you can set up the header area (in header.php) to have your graphic on the left and adspace on the right.

    You will find in many WP themes the header image is not in the PHP code but is in the CSS stylesheet as a background image applied to a DIV located in header.php

    >You will need to edit the header.php file in your theme. Remove the code that is printing the blog title in the header area.

    I found another topic where this was suggested. However, when I followed the instructions and deleted

    <?php bloginfo(‘name’); ?>: <?php bloginfo(‘description’); ?>

    I got the opposite of what I wanted: the title of my blog disappeared from the browser’s title bar, but was still there in the upper left corner of my page!

    Would appreciate if anyone knows the right code to delete.

    There is an easier method that doesn’t involve editing any php files. For SEO purposes you are better off leaving the blog title information alone and simply pushing it out of sight with relative positioning. Locate the element you wish to hide on you style sheet and add this command:

    position: relative; left: -9999px;

    This will make it vanish, but it will still be available for screen readers and search engines. Then you can add a purely graphic header as a background image to appear in it’s place.

    DONE! Thanks much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘graphic-only header’ is closed to new replies.