Add logo to header & Change menu WordPress
- SOLVED
Hello, I am using the "modularity lite" theme in wordpress for my blog, http://blog.westpointsales.com/
There are 2 things I need to do...
1. Change the "West Point Lincoln Mercury Blog" into a logo (saved on wordpress http://blog.westpointsales.com/wp-content/uploads/2010/08/West-Point-Lincoln-logo.jpg)
2. Change the menu at the top right that says "categories, pages, subscribe and contact" to just list the pages on the blog (about, contact, etc.)
Thanks!
Answers (2)
West Coast Design Co. answers:
Hello Allie,
<strong>Add Logo</strong>
1. Open your favorite FTP application
2. browse /wp-content/themes/modularity-lite/
3. upload your logo to /images/
4. edit header.php
5. scroll to line 32 “<?php bloginfo('name'); ?> “
6. replace with “<img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg "/>”
7. save and upload
--
<strong>Fix Navigation</strong>
1. edit nav.php
2. replace ‘<div id="nav"><ul>bla bla bla</ul></div>“
with
<div id="nav">
<ul>
<li class="drop">
<li><a href="/">Home</a></li>
<?php wp_list_pages('orderby=name&depth=3&title_li='); ?>
</li>
</div>
3. save and upload
<strong>Presto!</strong>
Allie H comments:
nav solution worked, thanks.
i tried again with the logo and it did not work. i renamed the image "logo.jpg" and uploaded it into filezilla where suggested. any idea whats not working?
West Coast Design Co. comments:
Hi Allie,
Could have been my mistake … make sure the path says ‘ <strong>IMAGES</strong> ‘ … ive since updated the code, I checked the site … that’s whats wrong.
<img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg "/>
Cheers!
West Coast Design Co. comments:
Allie,
I realize this logo is much to large for this template, your going to have to both resize the logo and modify some CSS to make everything look tight.
I would re-re replace my image tag with one that included dimensions and remove the blog info tag.
<strong>Replace this;</strong>
<h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg" /></a> <span class="description"><?php bloginfo('description'); ?></span></h4>
<strong>with this;</strong>
<a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg" width="168" height="70"/></a>
Allie,
Did you need help with the CSS?
West Coast Design Co. comments:
Sorry, you cant seem to edit your comments …
<strong>This would be the new image tag</strong>
<h4 class="left"><<a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg" width="168" height="70"/></a></h4>
Arafat Rahman answers:
You may need to edit a segment of the theme. Also it can be fixable using the <strong>theme option</strong>. I guess, need the admin access to see what can be done.
I can help you on this issue. PM me please.