Newbie, help to locate header <div>

Coding Critique is the place to post source code for peer review by other members of DevNetwork. Any kind of code can be posted. Code posted does not have to be limited to PHP. All members are invited to contribute constructive criticism with the goal of improving the code. Posted code should include some background information about it and what areas you specifically would like help with.

Popular code excerpts may be moved to "Code Snippets" by the moderators.

Moderator: General Moderators

Post Reply
rainbow_child_d
Forum Newbie
Posts: 3
Joined: Sun Jan 30, 2011 8:41 am

Newbie, help to locate header <div>

Post by rainbow_child_d »

Hello! At first I want to say sorry as this might be a very simple task for most of the people in this forum, but as a newbie I need some help. I have some books in PHP and tried to find a solution but didn't manage.

My task is to try to locate the header <div> on the following code:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Archive <?php } ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<!-- Styles  -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/print.css" type="text/css" media="print" />
<!--[if IE]><link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<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'); ?>" />
<?php wp_head();
	$options = get_option('f8_theme_options');
?>
</head>

<body <?php body_class(); ?>>
<div class="container">
<div class="container-inner">

<!-- Begin rss -->
<div id="inside-subscribe">
	<a href="<?php bloginfo('rss2_url'); ?>" class="feed">posts</a> <a href="<?php bloginfo('comments_rss2_url'); ?>" class="feed">comments</a>
</div>
<div class="clear"></div>

<!-- Begin Masthead -->
<div id="masthead" class="clearfix">
    <h4 class="left"><a href="<?php echo get_option('home'); ?>/" title="Home"><?php bloginfo('name'); ?></a> <span class="description"><?php bloginfo('description'); ?></span><span class="contact"><?php if ( $options['phone'] != '' ) { ?><?php echo $options['phone']; ?><br /><?php } if ( $options['email'] != '' ) { ?><a href="mailto:<?php echo $options['email']; ?>"><?php echo $options['email']; ?></a><?php } ?></span></h4>
</div>

<?php
	$slideshow = $options['selectinput'];
	// Only show this is the Single Header Image is selected or if no option is set
	if ( $slideshow == 1 || !$slideshow ) {
		// Check if this is a post or page, if it has a thumbnail, and if it's a big one
		if ( is_singular() &&
				has_post_thumbnail( $post->ID ) &&
				( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( '950', '425' ) ) ) &&
				$image[1] >= HEADER_IMAGE_WIDTH ) :
			// Houston, we have a new header image!
			echo get_the_post_thumbnail( $post->ID, '950x425' );
		else : ?>
			<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="<?php bloginfo('name'); ?>" class="headerimg" />
	<?php endif; 
	} // End only show if Single Header Image is selected
?>


<?php
	if ( is_home() && $paged < 1 ) {
		get_template_part( 'slideshow' );
	}
?>

<!-- Begin Navigation -->
<?php f8_theme_nav(); ?>
the reason is because I want to replace it with this code:

Code: Select all

<?php if (is_front_page()) { ?>
 
  <div id="header"> <!– This is the Header id that you want on your Front Page –>
 
<?php } else { ?>
 
  <div id="<?php echo $post->post_name; ?>"> <!– An alternative header is defined, based on the page title –>
 
<?php } ?>
in order to have the rest of the pages of my website without header, just with the title. Im using Wordpress and Graph Papers template F8 Lite :)

Thaaaaaaaaank you so much!!!
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: Newbie, help to locate header <div>

Post by social_experiment »

Not sure if this is theme dependant but the masthead id is the first div after the header div, make a backup of your files then comment the masthead div.
Hth
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
rainbow_child_d
Forum Newbie
Posts: 3
Joined: Sun Jan 30, 2011 8:41 am

Re: Newbie, help to locate header <div>

Post by rainbow_child_d »

Thaank you so much for your reply!!
I tried as you suggested, didn't work out :(
Still trying to find the solution.. :) :)
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: Newbie, help to locate header <div>

Post by social_experiment »

Can you paste the url where you downloaded the template
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
rainbow_child_d
Forum Newbie
Posts: 3
Joined: Sun Jan 30, 2011 8:41 am

Re: Newbie, help to locate header <div>

Post by rainbow_child_d »

Thank you so much social_experiment!! :)
Im still trying but somehow I mess up with the code and can't get the result I want.

The URL I downloaded the template is this:

http://graphpaperpress.com/themes/f8-static/

Thank you!
User avatar
social_experiment
DevNet Master
Posts: 2793
Joined: Sun Feb 15, 2009 11:08 am
Location: .za

Re: Newbie, help to locate header <div>

Post by social_experiment »

rainbow_child_d wrote:in order to have the rest of the pages of my website without header
I don't know what you mean with 'header' in this sentence but the below the 'masthead' div is where the heading, title etc starts. The code below removes the image (or slideshow?) and displays just a text header. This is on the header.php page.

Code: Select all

<?php
	
	$slideshow = $options['selectinput'];
	// Only show this is the Single Header Image is selected or if no option is set
	if ( $slideshow == 1 || !$slideshow ) {
		// Check if this is a post or page, if it has a thumbnail, and if it's a big one
		if ( is_singular() &&
				has_post_thumbnail( $post->ID ) &&
				( /* $src, $width, $height */ $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), array( '950', '425' ) ) ) &&
				$image[1] >= HEADER_IMAGE_WIDTH ) :
			// Houston, we have a new header image!
			echo get_the_post_thumbnail( $post->ID, '950x425' );
		else : ?>
			<img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="<?php bloginfo('name'); ?>" class="headerimg" />
	<?php endif; 
	} // End only show if Single Header Image is selected
	
?>


<?php
	if ( is_home() && $paged < 1 ) {
		get_template_part( 'slideshow' );
	}
?>
Hth
EDIT
Make a backup of your template before trying this, and if you remove the given code, it removes the slideshow / image.
“Don’t worry if it doesn’t work right. If everything did, you’d be out of a job.” - Mosher’s Law of Software Engineering
Post Reply