Load different div at home template in wordpress

Question

I am working on a custom wordpress homepage. I want that it is loading in a different div in the header.

The header now loads the #content div for every page. But i want to let it load #contenthome div if the homepage loads.

I'm using this php-code:

<?php if (is_page_template('template-home.php'))  { ?>
<div id="contenthome">
<?php } else { ?>
<div id="content">
<? } ?>

I'm fairly new to php. so i hope you guys can help me :)

Thanks a lot.

maiorano84 · Accepted Answer · 2012-04-27T15:02:41.427

Or this:

if(is_home())
{
    <div id="contenthome">
<?php } else { ?>
    <div id="content">
<? } ?>

Personally, I prefer writing things in shorthand when it comes to cases like these. Consider also using this to shorten your code:

<div id="<?php echo is_home() ? 'contenthome' : 'content'; ?>">

ADDITIONAL NOTES: If your <body> tag has the Wordpress body_class() added to it, you can pretty much target individual pages with CSS, even when they're using the same template. The homepage, like any other page, will have a unique body class applied that will then allow you to target that particular page.

So if your issue is simply a matter of being able to target any given page regardless of template with CSS, you won't necessarily NEED to apply any unique divs to your page. For example:

<style type="text/css">
#content{display:block;}
.home #content{display:none;}
</style>

This will hide the content div only on the homepage. It's probably not what you want it to do, but you can see how the page itself is being targeted to override the default behavior.

UPDATE: As per your latest question, if you need another particular page to use that conditional, use is_page() like so:

LONG CODE:

if(is_home() || is_page('posts_page_title'))
{
    <div id="contenthome">
<?php } else { ?>
    <div id="content">
<? } ?>

SHORTHAND:

<div id="<?php echo is_home() || is_page('posts_page_title') ? 'contenthome' : 'content'; ?>">

If you prefer, you may also use is_page('posts_page_ID') or is_page('posts_page_slug'). Play around with it and see what works best for you. More information here: http://codex.wordpress.org/Function_Reference/is_page

Glad this helped. Please mark as Answered if this covers everything you need. — maiorano84, Apr 27 '12 at 14:11
I found one more error. the page i defined as "posts page" also uses the contenthome div. how can if fix this? — Justinbernardus, Apr 27 '12 at 14:28
@Justinbernardus Updated to answer your question. If you have any others, please mark this question as Answered and open a new one. — maiorano84, Apr 27 '12 at 15:18

score 0 · Answer 2 · edited May 23 '17 at 12:07

0

With reference to this post Try this one....

$pagename = get_query_var('pagename');
if ($pagename = 'template-home.php') {

<div id="contenthome">

<?php } else { ?>

<div id="content">

<? } ?>

edited May 23 '17 at 12:07

Community

1
1

answered Apr 27 '12 at 13:15

naim shaikh

1,103
2
9
20

score 0 · Answer 3 · answered Apr 27 '12 at 13:16

it seems like you already created a file in your theme just for the homepage and you called it template-home.php

from this point you have two options:

1) you can just define a constant (or variable) and decide what div to use only when it is defined; if you will use a variable remember that in header.php you are in fact inside a function (get_header) and you will need to use global to have access to it

2) if you foresee any other differences between the structure of the header between the main page and the rest of your wordpress you could use another file for the header. to do this, in your template-home.php file give a parameter to the get_header function, like get_header('home')

if you do this header-home.php will be loaded instead of header.php

Load different div at home template in wordpress

3 Answers3