macart

How do you design pages separately from posts, when .post in the css seems to be on every page created in wordpress?

My site is using a static front page with the Blog page acting as my posts’ page. I’ve setup a page.php and have my index.php. Index.php is for my blog and page.php is for the other static pages.

If I take out the info below out of my page.php then it doesn’t pull in the page I have setup.

<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
        <div class="post">
        <h2><?php the_title(); ?></h2>
        <div class="entry">
        <?php the_content(); ?>
        </div>
        <!--End Entry-->
        <span class="editthis"><?php edit_comment_link('FIX THIS'); ?></span>
        </div>
        <!--End Post-->
        <?php endwhile; ?>
        <?php else: ?>
        <h2> Not Found</h2>
        <p> Sorry what your looking for isn't here, please try again!</p>
        <?php endif; ?>

How do I pull in my pages, about, etc. What do I change in the code above? So that I can style my .posts separately from my pages?

How do you design the pages differently? Since .post in the css effects every page? Am I missing something?

<?php if( is_page('Page A') ) get_sidebar('one');
elseif( is_page('Page B') ) get_sidebar('two');
else get_sidebar();?>

Where does this code go? index.php?

Thanks

How is this done when any change to .post in the css is applied to every page?

Anyone?

Anyone have any thoughts on the best way to resolve my first question? Happy Holidays!

Thanks for the reply esmi.

Yes my site is using a static front page with the Blog page acting as my posts’ page.

Duh! Sorry just realized this is linking to the offsite files “https://widgets.twimg.com/j/1/widget.js” & “https://widgets.twimg.com/j/1/widget.css”. Sorry Im New to this stuff.

I don’t know if this is correct, but fixed it for the moment.

<div id="contentBanner"><?php if (is_front_page() ) {
$hdrimg = 'home.jpg';} elseif ( is_page('store') ) {
$hdrimg = 'store.jpg';} elseif ( is_page('about') ) {
$hdrimg = 'about.jpg';} elseif ( is_page('gallery') ) {
$hdrimg = 'gallery.jpg';} elseif ( is_home('blog') ) {
$hdrimg = 'blog.jpg';} elseif ( is_page('hidden') ) {
$hdrimg = 'hidden.jpg';} ?><img src="<?php echo bloginfo('template_directory') . '/images/' . $hdrimg; ?>" /></div>

Yes I have a page named blog, that is my page for posts.

<div id=”contentBanner”><?php if (is_home() ) {
$hdrimg = ‘home.jpg’;} elseif ( is_page(‘store’) ) {
$hdrimg = ‘store.jpg’;} elseif ( is_page(‘about’) ) {
$hdrimg = ‘about.jpg’;} elseif ( is_page(‘gallery’) ) {
$hdrimg = ‘gallery.jpg’;} elseif ( is_page(‘blog’) ) {
$hdrimg = ‘blog.jpg’;} elseif ( is_page(‘hidden’) ) {
$hdrimg = ‘hidden.jpg’;} ?><img src=”<?php echo bloginfo(‘template_directory’) . ‘/images/’ . $hdrimg; ?>” /></div>

I tried changing my code to page #’s, blog page is still loading home.jpg instead of blog.jpg.

<div id="contentBanner"><?php if (is_home('3') ) {
$hdrimg = 'home.jpg';} elseif ( is_page('5') ) {
$hdrimg = 'store.jpg';} elseif ( is_page('2') ) {
$hdrimg = 'about.jpg';} elseif ( is_page('8') ) {
$hdrimg = 'gallery.jpg';} elseif ( is_page('10') ) {
$hdrimg = 'blog.jpg';} elseif ( is_page('12') ) {
$hdrimg = 'hidden.jpg';} ?><img src="<?php echo bloginfo('template_directory') . '/images/' . $hdrimg; ?>" /></div>

Excellent Thank You! Only issue is blog page is loading home.jpg instead of blog.jpg. Any ideas?

<div id="contentBanner"><?php if (is_home() ) {
$hdrimg = 'home.jpg';} elseif ( is_page('store') ) {
$hdrimg = 'store.jpg';} elseif ( is_page('about') ) {
$hdrimg = 'about.jpg';} elseif ( is_page('gallery') ) {
$hdrimg = 'gallery.jpg';} elseif ( is_page('blog') ) {
$hdrimg = 'blog.jpg';} elseif ( is_page('hidden') ) {
$hdrimg = 'hidden.jpg';} ?><img src="<?php echo bloginfo('template_directory') . '/images/' . $hdrimg; ?>" /></div>

Tried this also doesn’t work. Does this also need to have a function, not clear in the codex to me?

<div id="contentBanner"><?php
if ( is_page('about') || $post->post_parent == '2' ) {
    // the page is "About", or the parent of the page is "About"
    $contentBannerimg = 'about.jpg';

} else {
    $contentBannerimg = 'home.jpg'; // just in case we are at an unclassified page, perhaps the home page
}
?>
</div>

I tried, doesn’t work. Will this code only work in a header.php file? New to this, so not sure of all things wordpress yet.

<div id="contentBanner"><?php if (is_page('home') ) {
$hdrimg = 'home.jpg';} elseif ( is_page('store') ) {
$hdrimg = 'store.jpg';} elseif ( is_page('about') ) {
$hdrimg = 'about.jpg';} elseif ( is_page('gallery') ) {
$hdrimg = 'gallery.jpg';} elseif ( is_page('hidden') ) {
$hdrimg = 'hidden.jpg';} ?><img src="<?php echo $hdrimg; ?>" /></div>