WordPress.org

Forums

How to add a logo to my Blog? (12 posts)

  1. wolf2009
    Member
    Posted 6 years ago #

    How can I add a logo like I have on my phpBB forum http://alienbabeltech.com/abt/index.php

    to my WP Blog- Site
    http://alienbabeltech.com/main/?cat=3

    From some links I understand that I have to edit the header.php file and in there I have to edit

    <div id="logo">
    <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
    <span><?php bloginfo('description'); ?></span>
    </div>

    But I don't know any html or CSS. How do I go about adding a logo to my forum and what should the size of the image be ?

  2. ginntonic
    Member
    Posted 6 years ago #

    You'll want to fold an <img /> tag into your ...:

    e.g.

    <a href="<?php echo get_option('home'); ?>/"><img src="<?php echo get_option('home'); ?>/directorywheretheimageis/logo.jpg" title="Return to Home." alt="IMAGE TEXT." height="x" width="y" /></a>

  3. bloggeridea
    Member
    Posted 6 years ago #

    Ok....I figure myself here is the ANSWER for everyone who looking to place custom logo into the header next to your title

    YOUR HEADER NOW (FIND THIS CODE IN YOUR HEADER PAGE)

    <h1>/"><?php bloginfo('name'); ?></h1>

    REPLACE WITH THIS (UPLOAD YOUR LOGO INTO YOUR THEME IMAGES DIRECTORY

    <h1>/"><img src="<?php echo get_option('home'); ?>/wordpress/wp-content/themes/THEMENAME/THEME/images/YOURIMAGENAME.jpg" title="YOURTITLEORANYTEXT." alt="IMAGE TEXT." height="50" width="50" />SITE NAME TITLE</h1>

    I hope this help...Good luck

  4. wolf2009
    Member
    Posted 6 years ago #

    hi, thanks, but i don't have this

    <h1>/"><?php bloginfo('name'); ?></h1>

    what i have is

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

    What to do ?

  5. wolf2009
    Member
    Posted 6 years ago #

    bump

  6. geezerd
    Member
    Posted 6 years ago #

    I think the easiest way is:

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

    Delete: <?php bloginfo('name'); ?>

    And replace it with:

    <img src="the url to image" title="Home" alt="I eat boogers" />

  7. wolf2009
    Member
    Posted 6 years ago #

    thanks, that worked

  8. gauree
    Member
    Posted 5 years ago #

    Hey geezerd,

    I followed your method and could add a Logo to my blog but, a border appears automatically to that logo. I don't understand why. The png doesn't have it but, when I upload to WordPress and View the file from Media it shows the border.

    Any idea why this is happening?

    My blog is here: http://soogran.com

  9. kennethwatt
    Member
    Posted 5 years ago #

    change the css styling of it...

  10. gauree
    Member
    Posted 5 years ago #

    Hi!

    Thanks for the tip. But, I'm a complete new be. I can ask my hubby to edit the CSS file but, even he doesn't know much.

    If you can tell what to change he may be able to do it.

  11. daniel000
    Member
    Posted 5 years ago #

    when replacing
    <?php bloginfo('name'); ?>

    i have 3 lots of this code in my header php, do i replace all of these with the new code?

  12. andy1005
    Member
    Posted 5 years ago #

    Hello all, I've tried everything mention above and noting works. I was wondering if my logo was too big, if so how do I change the parameters in my stylesheet that will allow it to fit?

    Andy

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.