Weblog Title with an Image

  • I’m trying to place a small avatar image next to my Weblog title, but the image only shows up at the top of the page I’m on & not the website. In other words, once I add the code into the Weblog field (the General Options page). The image appears at the top – next to my Weblog title. However, the website shows the code after the title – but no image.

    What can I do to fix this problem? Here is the code I’m using.

    <img src= “https://(IMAGE PATH)” />

    Thanking you in advance

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

  • See if this Codex article helps:
    Designing_Headers

    Thread Starter opolo

    (@opolo)

    Yeah, I read that page twice before I posted. I guess the way I’m trying to do it can’t be done.

    Thanks

    opolo, here’s what I use:

    <div id="whatever">/"><img src="<?php bloginfo('stylesheet_directory'); ?>/imagefilename.png" border="0" /></div>

    This works if the image is in the stylesheet directory. Hope it helps…

    hmmmm….didn’t post as I thought it would
    try again

    <div id="whatever"><a href="<?php bloginfo('url'); ?>/"><img src="<?php bloginfo('stylesheet_directory'); ?>/imagefilename.png" border="0" /></a></div>

    Thread Starter opolo

    (@opolo)

    Hmm – this does seems to help. I keep reading the Designing headers doc & can’t seem to come up with what I need to do. Here is the code from my Header.php file. All I’m trying to do is insert a small .jpg image next to where my Weblog Title’s (name) ends. I can move the file whatever directory it needs to be in – if I need to. Where whould I insert your code? Thanks again

    <!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’); ?>” />

    <title><?php bloginfo(‘name’); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” /> <!– leave this for stats –>

    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <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(); ?>
    </head>
    <body>

    <div id=”page”>
    <div id=”header”>
    “><?php bloginfo(‘name’); ?>
    </div>
    <hr />

    Near the bottom, look for <?php bloginfo('name'); ?>.

    Thread Starter opolo

    (@opolo)

    So should I insert pizzaman’s code before or after <?php bloginfo(‘name’)); ?>

    thanks again

    Replace your <?php bloginfo('name'); ?> with <a href="<?php bloginfo('url'); ?>/"><img src="<?php bloginfo('stylesheet_directory'); ?>/imagefilename.png" border="0" /></a> should do the trick.

    Thread Starter opolo

    (@opolo)

    Yes, thank you – that worked. However, now my weblog title doesn’t appear. It’s the information that can be typed into the weblog title field on the Options > General tab within WordPress config interface. Do you have any idea what I did wrong? I want my weblog title to appear just before the .png image

    Thanks again for all your help

    <?php bloginfo('name'); ?> is the code to display the name, just insert it before the above code if you don’t want it as a link.

    Thread Starter opolo

    (@opolo)

    Wow, that worked. Thanks again & I also learned a few things.

    Thank You

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Weblog Title with an Image’ is closed to new replies.