Hey all! Long time, no post. I'm having a major issue with the design of a WordPress site I'm working on for a buddy of mine, and I knew if anyone had the answer, it would be the GFY crew.
Actually, this is probably a pretty easy problem that one of you will be able to help with in a matter of minutes...but for me...it's been 2 weeks of trying different things and failing miserably.
Ok, here's all the details, the best that I can explain it...
The site is
www.bizarrolive.com. It's for a wresting promotion that I work for based out of Ohio.
We are using Brian Gardner's "Revolution Church 2.0" as the basis of the site, but we have modified it until it bares little resemblance to the original, in both design and functionality. Where the problem comes in is on the main page.
"Church" is written so that you have to choose which category and how many posts you want for your top stories...and then it posts them all (how many ever you choose) in one long box on the front page. It looks like this...
What we are wanting to do it make it work more like an actual blog, whereas it will post stories from every category on the front page, and not just from one specific one. We are also wanting to to post each story in it's own box, something like this...
The current code for that section of the page is...
Code:
<div class="hpbottom">
<h3>Latest News</h3>
<?php $recent = new WP_Query("cat=1&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
<?php if( get_post_meta($post->ID, "hpbottom", true) ): ?>
<a href="<?php the_permalink() ?>" rel="bookmark"><img style="float:left;margin:0px 0px 5px 0px;" src="<?php echo get_post_meta($post->ID, "hpbottom", true); ?>" alt="<?php the_title(); ?>" /></a>
<?php else: ?>
<a href="<?php the_permalink() ?>" rel="bookmark"><img style="float:left;margin:0px 0px 5px 0px;" src="<?php bloginfo('template_url'); ?>/images/bigthumbnail.png" alt="<?php the_title(); ?>" /></a>
<?php endif; ?>
<b><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></b>
<?php the_content_limit(350, "[Read more...]"); ?>
<?php endwhile; ?>
</div>
</div>
Ok, so that is the first (and to us, most important) problem. The secondary problem is that we would also like for the posts in Category view, Archives, Search, etc. to each be in their own little box as well instead of all in one long box. The current code for this is...
Code:
<?php get_header(); ?>
<div id="content">
<div id="contentleft">
<div class="postarea">
<?php include(TEMPLATEPATH."/breadcrumb.php");?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h1><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h1>
<br />
<?php the_content(__('Read more'));?><div style="clear:both;"></div>
<div class="date">
<div class="dateleft">
<p><span class="time">Filed under <?php the_category(', ') ?> on <?php the_time('F j, Y'); ?></span> by <?php the_author_posts_link(); ?> <?php edit_post_link('(Edit)', '', ''); ?></p>
</div>
<div class="dateright">
<p><span class="icomment"><a href="<?php the_permalink(); ?>#respond"><?php comments_number('Leave a Comment', '1 Comment', '% Comments'); ?></a></span></p>
</div>
</div>
<div style="clear:both;"></div>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
<p><?php posts_nav_link(' ? ', __('« Previous Page'), __('Next Page »')); ?></p>
</div>
</div>
<?php include(TEMPLATEPATH."/sidebar.php");?>
</div>
<!-- The main column ends -->
<?php get_footer(); ?>
Sorry for making this post so long, but I wanted to be as descriptive as possible about what we are trying to do.
Thanks in advance to anyone that can help us out with this. I have literally been playing with the template for two weeks straight, and can't work out all the little bugs such as this. Any help will be greatly appreciated and you will have my undying gratitude.