Replace Weblog Title with Graphic?

  • Is it possible to replace the weblog title with a graphic or logo instead?

    any help is greatly appreciated.

    Thanks,
    Cris…

Viewing 5 replies - 1 through 5 (of 5 total)

  • Sure it is possible. Just change the code in your header from:

    <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

    into:

    <a href="<?php echo get_option('home'); ?>/"><img src="YOUR LOGO URL"></a>

    Thread Starter coastalfog

    (@coastalfog)

    I couldn’t find that specific code.

    I’ll paste the code from my header below and if you can tell me where i put the new code i’d be greatful. Sorry i’m a designer and not a programmer ??

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”https://www.w3.org/1999/xhtml”&gt;
    <head profile=”https://gmpg.org/xfn/11″&gt;
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <meta name=”distribution” content=”global” />
    <meta name=”robots” content=”follow, all” />
    <meta name=”language” content=”en, sv” />
    <title>
    <?php bloginfo(‘name’); ?>
    <?php wp_title(); ?>
    </title>
    <meta name=”distribution” content=”global” />
    <meta name=”robots” content=”follow, all” />
    <meta name=”language” content=”en, sv” />
    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” />
    <!– leave this for stats please –>
    <link rel=”alternate” type=”application/rss+xml” title=”RSS 2.0″ href=”<?php bloginfo(‘rss2_url’); ?>” />
    <link rel=”alternate” type=”text/xml” title=”RSS .92″ href=”<?php bloginfo(‘rss_url’); ?>” />
    <link rel=”alternate” type=”application/atom+xml” title=”Atom 0.3″ href=”<?php bloginfo(‘atom_url’); ?>” />
    <link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
    <?php wp_get_archives(‘type=monthly&format=link’); ?>
    <?php wp_head(); ?>
    <style type=”text/css” media=”screen”>
    <!– @import url( <?php bloginfo(‘stylesheet_url’); ?> ); –>
    </style>
    </head>
    <body>
    <div id=”pages”>
    <h1>“><?php bloginfo(‘name’); ?></h1>

      <?gdm_list_selected_pages(‘sort_column=menu_order&title_li=’); ?>

    </div>
    <div id=”wrap”>
    <div id=”logo”>
    </div>
    <div id=”tagline”><?php bloginfo(‘description’); ?></div>

    I used WP’s default theme for the example.
    In your case, just comment out the title so it reads:

    <h1><?php // bloginfo(‘name’); ?></h1>

    You can then either add an image directly on the page like the first example, or define your image as a background in the stylesheet. I noticed a “logo” div near the end. You can probably go through your stylesheet and look how this div is set up.

    I tried that and the logo shows up but the blue them box with text is still there, how do i get rod of that?

    Oh, the blue box…
    Come on, pal… You’re talking like we know what theme your using. ??

    To disable template tags that uses PHP, you can add // to make it a comment so it won’t show. Like this: <h1><?php // bloginfo('name'); ?></h1>

    Or, you can hide the HTML element. Add an inline style to the element you want to “disable”. Like this: <h1 style="display:none"><?php bloginfo('name'); ?></h1>

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Replace Weblog Title with Graphic?’ is closed to new replies.