Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Adding a header image in Innovation theme
#1
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
Reply
#2
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
|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forums/forumdisplay.php?fid=18
Reply
#3
Thanks, but where exactly go the path of the image?

Jaume
Reply
#4
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
|--
Die deutsche GetSimple-Webseite: http://www.Get-Simple.de = the german Get-Simple-Website!
Das deutschsprachige GetSimple-(Unter-)Forum:   http://get-simple.info/forums/forumdisplay.php?fid=18
Reply
#5
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
Reply
#6
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 -->
Reply
#7
(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>
Reply
#8
(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.
Reply




Users browsing this thread: 1 Guest(s)