GetSimple Support Forum

Full Version: Adding a header image in Innovation theme
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi everybody. I'm starting whith GetSimple. Is very good, but I can't put a logo or
image in the header of the pages, in Innovation theme. Somebody could help me?

Thanks from Barcelona.

Jaume
Jaume, benvinguts!

Just open header.php in the innovation theme (going to theme/edit templates) and see here:

Code:
<header>
        <div class="header">
            <div class="wrapper">
                
                <!-- logo/sitename -->
                <a href="<?php get_site_url(); ?>" id="logo" ><?php get_site_name(); ?></a>
                
                <!-- main navigation -->
                <nav id="main-nav">
                    <ul>
                        <?php get_navigation(get_page_slug(FALSE)); ?>
                    </ul>
                </nav>
            </div>
        </div>

add here the content which you want to use in the header
Thanks, but where exactly go the path of the image?

Jaume
jnogues Wrote:Thanks, but where exactly go the path of the image?

Jaume

well, I do not know the path to the image, because I do not know where you uploaded it

read the WIKI, there is info about template tags: http://get-simple.info/wiki/themes:template_tags

you can either use an absolute path to the location of the image or you can use the template tag

get_site_url()

in the src-parameter of the img-directive

you can also tell us what you already entered in the header, give us an URL to check

Cheers, Connie
Sorry for my incompetence. My web is http://jnogues.awardspace.biz/GetSimple
The logo is in the next path: /GetSimple/theme/Innovation/images/sc_header.jpg
What I need to change in header.php?

Thanks
I thought some one would post an example! I noticed youve found out how to do it now, but for someone else's benefit if they are looking for the same thing here's one I found.

Code:
<!-- Begin Header -->
    <div id="header">
        <a class="logo" href="<?php get_site_url(); ?>"><img src="<?php get_theme_url(); ?>/images/gs_pencil.png" alt="SimpleTheme!" width="92" height="90"/><?php get_site_name(); ?></a>
        <p class="tagline"><?php get_component('tagline'); ?></p>        
    </div>
<!-- End Header -->
(2011-05-12, 19:52:17)Djinn Wrote: [ -> ]I thought some one would post an example! I noticed youve found out how to do it now, but for someone else's benefit if they are looking for the same thing here's one I found.

Code:
<!-- Begin Header -->
   <div id="header">
       <a class="logo" href="<?php get_site_url(); ?>"><img src="<?php get_theme_url(); ?>/images/gs_pencil.png" alt="SimpleTheme!" width="92" height="90"/><?php get_site_name(); ?></a>
       <p class="tagline"><?php get_component('tagline'); ?></p>        
   </div>
<!-- End Header -->

on inovation theme , i need to modified a bit to make it works

Code:
    <!-- site header -->
    <header>
        <div class="header">
            <div class="wrapper">
                
                <!-- logo/sitename -->
         <a class="logo" href="<?php get_site_url(); ?>"><img src="/theme/Innovation/images/logo.png" alt="penginapan ciawi" width="170" height="100"/></a>
                
                <!-- main navigation -->
                <nav id="main-nav">
                    <ul>
                        <?php get_navigation(get_page_slug(FALSE)); ?>
                    </ul>
                </nav>
            </div>
        </div>
(2019-11-08, 14:04:23)puncakpass Wrote: [ -> ]
(2011-05-12, 19:52:17)Djinn Wrote: [ -> ]I thought some one would post an example! I noticed youve found out how to do it now, but for someone else's benefit if they are looking for the same thing here's one I found.

Code:
<!-- Begin Header -->
   <div id="header">
       <a class="logo" href="<?php get_site_url(); ?>"><img src="<?php get_theme_url(); ?>/images/gs_pencil.png" alt="SimpleTheme!" width="92" height="90"/><?php get_site_name(); ?></a>
       <p class="tagline"><?php get_component('tagline'); ?></p>        
   </div>
<!-- End Header -->

on inovation theme , i need to modified a bit to make it works

Code:
    <!-- site header -->
    <header>
        <div class="header">
            <div class="wrapper">
                
                <!-- logo/sitename -->
         <a class="logo" href="<?php get_site_url(); ?>"><img src="/theme/Innovation/images/logo.png" alt="penginapan ciawi" width="170" height="100"/></a>
                
                <!-- main navigation -->
                <nav id="main-nav">
                    <ul>
                        <?php get_navigation(get_page_slug(FALSE)); ?>
                    </ul>
                </nav>
            </div>
        </div>

Thank you for detailing it, the modification of this code did help me.
Where i can find header.php? Sorry for the stupid question Smile