Add a custom logo to a theme

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

  • put the logo in images folder and the following code in header.php file

    <img src="<?php bloginfo('template_directory')?>/images/logoname" />
    Thread Starter glutenfreetravelnet

    (@glutenfreetravelnet)

    Where in the header.php file to I put the new code?

    Is all of this done in ftp or in dashboard?

    Thanks for your help!

    can you give your header.php file

    You use both ftp or blog theme editor.

    Thread Starter glutenfreetravelnet

    (@glutenfreetravelnet)

    Here it is.

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <?php wp_headers();?><html xmlns=”https://www.w3.org/1999/xhtml”&gt;
    <head>
    <meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <title><?php wp_title(‘» ‘,true,’right’); ?><?php bloginfo(‘name’); ?><?php echo ($paged>1)? ” – Page $paged”:””;?></title>
    <meta name=”generator” content=”WordPress <?php bloginfo(‘version’); ?>” />
    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_directory’); ?>/css/reset.css” type=”text/css” media=”screen” />
    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_directory’); ?>/css/default.css” type=”text/css” media=”screen” />
    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” />
    <!–[if IE]>
    <link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_directory’); ?>/css/ie.css” type=”text/css” media=”screen” />
    <![endif]–>
    <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 //comments_popup_script(); // off by default ?>
    <?php if (is_single() and (‘open’ == $post-> comment_status) or (‘comment’ == $post-> comment_type) ) { ?>
    <script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/prototype.js.php”></script>
    <script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/effects.js.php”></script>
    <script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/ajax_comments.js”></script> <?php } ?>

    <?php get_heads();?>
    <?php wp_head(); ?>
    </head>
    <body>
    <!– wrapper start –>
    <div id=”wrapper”><div id=”bottom_frame”><div id=”top_frame”><div id=”top_container”>
    <!– header start –>
    <div id=”header”>
    <?php $tmp=(is_single() || is_page())? “div”:”h1″;?>
    <<?php echo $tmp;?> id=”blog title”>“><?php bloginfo(‘name’); ?></<?php echo $tmp;?>>
    <h2><?php bloginfo(‘description’); ?></h2>
    <div id=”menu”>

      <li class=”menu_first”>“>Home
      <?php wp_list_pages(‘title_li=&sort_column=post_title&depth=1’); ?>

    </div>
    <div id=”searchform”><?php include(TEMPLATEPATH . ‘/searchform.php’); ?></div>
    <div id=”rss”>“><i<; ?>/images/spacer.gif” alt=”RSS” /></div>
    </div>\

    <!– header end –>

    Replace this code: 

    <?php $tmp=(is_single() || is_page())? "div":"h1";?>
<<?php echo $tmp;?> id="blog title">"><?php bloginfo('name'); ?></<?php echo $tmp;?>>
<h2><?php bloginfo('description'); ?></h2>

    With the code chinmoy gave you.

    Thread Starter glutenfreetravelnet

    (@glutenfreetravelnet)

    Thanks for you help. It is working now,

    But it needs to be moved slightly up and right of where it is at. Also it needs to be scaled to about 75% of what it is now.

    I edited the image in the dashboard and saved the scale but it didn’t change the image on the header.

    Thanks!

    Try hard coding the width and height of the image in header.php. Some themes don’t honor what you have set in the Dashboard.

    Change the position of the image via CSS.

    In this code:

    <img src="<?php bloginfo('template_directory')?>/images/logoname" />

    add a class to the image, like so:

    <img src="<?php bloginfo('template_directory')?>/images/logoname" class="logo_image" />

    Then in your style.css file, type this:

    .logo_image { margin-top: 0px; margin-right: 3px;}

    Plugin your own numbers as needed.

    Thread Starter glutenfreetravelnet

    (@glutenfreetravelnet)

    header.php

    It now reads this
    <img src=”<?php bloginfo(‘template_directory’)?>/images/gft_whitebackground.gif” class=”logo_image” />

    Is that correct?

    In my css I just copy and pasted this.

    No change. Sorry I am so trying to understand all of this.

    .logo_image { margin-top: 0px; margin-right: 3px;}

    Thanks.

    Thread Starter glutenfreetravelnet

    (@glutenfreetravelnet)

    I got it. Thank you to Chellycat and to chinmoy.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Add a custom logo to a theme’ is closed to new replies.