Adding Custom Header to Vigilance Theme
-
Hey everyone! Long story short, I’m trying to instill a custom header (which I have saved as a jpeg) on my new blog, but can’t seem to get the code quite right. I’m using the Vigilance Theme, and if you’d like some reference, I’m trying to make https://zachparkes.com/wordpress/ (new site) look like https://zachpbass.wordpress.com/ (old site). Thanks so much for any help!
-
Leave the current header there and just remove the ‘guts’. Leave the DIV tags intact. Then add your Image right in the middle of all the commotion. <img src=”yourURL”/> If you need, I can download the theme and do the work for you. No big deal, I’m bored.
Hey dremation, thanks a lot for the help! That’s essentially what I’ve been tryin to do, but being a total noob, not 100% sure which guts to take out. Don’t feel any pressure to hammer this out for me, but if you really felt like it, I would probably be your best friend ever. :o)
I’ll get to it. Downloading the theme now. You want to email the picture you want to use? [email protected]
Awesome, dremation (THE man!) got it fixed! I guess for “support references”, I’ll post the new header.php text below for anyone that wants it. Also just wanna send another huge “THANK YOU!!!!!!” to dremation, for flat out doing this for me. Talk about the kindness of strangers!
Anyway, here’s new header.php text. Enjoy!
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN”
“https://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xml:lang=”en” xmlns=”https://www.w3.org/1999/xhtml”>
<head>
<?php if( is_front_page() ) : ?>
<title><?php bloginfo(‘name’); ?> | <?php bloginfo(‘description’);?></title>
<?php elseif( is_404() ) : ?>
<title>Page Not Found | <?php bloginfo(‘name’); ?></title>
<?php elseif( is_search() ) : ?>
<title><?php print ‘Search Results for ‘ . wp_specialchars($s); ?> | <?php bloginfo(‘name’); ?></title>
<?php else : ?>
<title><?php wp_title($sep = ”); ?> | <?php bloginfo(‘name’);?></title>
<?php endif; ?><!– Basic Meta Data –>
<meta name=”copyright” content=”Vigilance Theme Design: Copyright 2008 – 2009 Jestro LLC” />
<meta http-equiv=”imagetoolbar” content=”no” />
<meta http-equiv=”Content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
<?php if((is_single() || is_category() || is_page() || is_home()) && (!is_paged())){} else {?>
<meta name=”robots” content=”noindex,follow” /><?php } ?><!– Favicon –>
<link rel=”shortcut icon” href=”<?php bloginfo(‘template_url’); ?>/images/favicon.ico” /><!–Stylesheets–>
<link href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” media=”screen” rel=”stylesheet” />
<!–[if lt IE 8]>
<link rel=”stylesheet” type=”text/css” media=”screen” href=”<?php bloginfo(‘template_url’); ?>/css/ie.css” />
<![endif]–>
<!–[if lte IE 6]>
<link rel=”stylesheet” type=”text/css” media=”screen” href=”<?php bloginfo(‘template_url’); ?>/css/ie6.css” />
<![endif]–><!–Wordpress–>
<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(‘name’); ?> RSS Feed” href=”<?php bloginfo(‘rss2_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’); ?>” />
<!–WP Hook–><center><img src=”\wp-content\themes\vigilance\images\logo.jpg” width=”920″ height=”180″ /></center>
<?php if ( is_singular() ) wp_enqueue_script( ‘comment-reply’ ); ?>
<?php wp_head(); ?>
</head>
<body>
<div id=”wrapper”>
<div id=”header” class=”clear”><div id=”description”>
<h2><?php bloginfo(‘description’); ?></h2>
</div><!–end description–>
<div id=”nav”>-
<li class=”page_item <?php if (is_front_page()) echo(‘current_page_item’);?>”>“>Home
<?php $exclude_pages = get_option(‘V_pages_to_exclude’); ?>
<?php wp_list_pages(‘depth=1&title_li=&exclude=’ . $exclude_pages); ?></div><!–end nav–>
</div><!–end header–>
<div id=”content” class=”pad”>
<?php include (TEMPLATEPATH . ‘/header-banner.php’); ?>
<?php if (is_front_page()) include (TEMPLATEPATH . ‘/header-alertbox.php’); ?>Okay, hate to barge in like this but I’ve got the same issue. I’m trying to use this banner:
https://mauiparkshore107.wordpress.com/On my new WP installed blog:
https://mauiparkshore107.com/I’ve uploaded this file to my WP Site5 server:
https://www.mauiparkshore107.com/wp-content/themes/vigilance/images/top-banner/Maui%20Parkshore%20custom%20header.jpgAnyone care to help to the finish line on this one?
Thanks,
Danielhey ! It’s an old topic but can you still help me with this same problem ?
i’m also using theme “vigilance” – the latest one and i also want it to look like the wordpress.com version with a width size header !
i tried replacing the header.php – with the modified one as per above given code , also placed “logo.jpeg” image in image folder – but it just don’t work !!
the link bar gets shifted to right with “h written before home (syntax error – i guess – but i dunno anything bout coding) and strangely the header image appears for a second but then disappears !
my .org blog with the problem is https://fribbles.iblogger.org/
and my .com blog , which is perfect is https://apoo1.wordpress.com/also , can you can help me remove the right sidebar image ?
i guess it’s too much to ask – but any help is appreciated , thanks!
Hi Can someone tell me where can i set the option to exclude pages in vigilance theme..
i understand the code is here..
<li class="page_item <?php if (is_front_page()) echo('current_page_item');?>"><a href="<?php bloginfo('url'); ?>">Home</a></li> <?php $exclude_pages = get_option('V_pages_to_exclude'); ?> <?php wp_list_pages('depth=1&title_li=&exclude=' . $exclude_pages); ?>
but where to set this variable that i am not able to understand.
my Blog – https://www.revolutioners.com
Thanks I got it.
Thanks.!
Help. I am still having problem with this image header
I tried the solution posted above by zachpbass but it did not prove to be successful for me.
I inserted:
<img src=”wp-content/images/portfolio banner3.jpg” align=”right” border=”0″ />
This was inserted between the following tags within header.php
<div id=”wrapper”>
and
<div id=”header” class=”clear”>
This puts an image in the title on the Home Page but not on any other pages. How can I get this to show up on all my pages?
Ok,
So I made it work. Its probably not the most elegant way to do it but it works. You can check it out and https://www.andrewmunro.ca/portfolio
This is how my code looks inside the header.php file now, note that I commented out part of the code that kept showing the text title and link of the blog. Now I just have a clickable header image which shows on all of my pages:
<body <?php body_class(); ?>>
<div id=”wrapper”><img src=”https://www.andrewmunro.ca/portfolio/wp-content/images/portfolio%20banner3.jpg” align=”right” border=”0″ />
<div id=”header” class=”clear” >
<!–<?php if (is_home()) echo(‘<h1 id=”title”>’); else echo(‘<div id=”title”>’);?>“><?php bloginfo(‘name’); ?><?php if (is_home()) echo(‘</h1>’); else echo(‘</div>’);?>–>
<div id=”description”>
- The topic ‘Adding Custom Header to Vigilance Theme’ is closed to new replies.