Trying to change layout of site by changing the php code

nickc25

On this site www.anfieldindex.com you see there is one grey rectangle box for the first story, then each other story is in a square box. I am trying to change it so that they are all in a rectangle box. I have been trying for a few days with no joy. I am wondering if anyone knows what part of the code to change?

This is the code in posts.php

<?php
/**
* Displays one wide article + grid of additional posts, with pagination.
*
* Called by archive.php, index.php
*
* @package Wordpress
* @subpackage Anfield Index
* @author Tim Carr
* @version 1
* @copyright n7 Studios
*/

global $paywallPro;
$count = 0;
if (have_posts()) {
    while (have_posts()) {
        the_post();
        $count++;

    // Define Label
    $user = get_userdata($post->post_author);
    foreach ($user->wp_capabilities as $role=>$enabled) {
        $label = ($role == 'administrator' OR $role == 'editor') ? 'Staff' : '';
    }


    ?>
    <article class="<?php echo ($count == 1 ? 'full featured' : ($count % 2 > 0 ? 'grid end' : 'grid')); ?>">
        <?php
        if ($count == 1) {
            if ($label != '') { ?><div class="label"><span><?php echo $label; ?></span><div class="label-corner"></div></div><?php } ?>
            <div class="content<?php echo ($label != '' ? ' has-label' : ''); ?>">
                <?php if (has_post_thumbnail()) { ?>
                    <div class="main-image"><a href="<?php the_permalink(); ?>" title="Continue Reading <?php the_title(); ?>"><?php the_post_thumbnail('square'); ?></a></div>
                <?php } ?>
                <header>
                    <h1<?php echo (($label != '' AND !has_post_thumbnail()) ? ' class="no-post-thumbnail"' : ''); ?>><a href="<?php the_permalink(); ?>" title="Continue Reading <?php the_title(); ?>"><?php the_title(); ?></a></h1>
                    <ul>
                        <li><time datetime="<?php echo get_the_time('Y-m-d').'T'.get_the_time('H:i'); ?>" pubdate><?php echo get_the_time('jS F Y'); ?></time></li>
                        <li class="comments"><?php comments_number('0', '1', '%'); ?></li>
                    </ul>
                </header>
                <?php the_excerpt(); ?>
                <p><a href="<?php the_permalink(); ?>" title="Continue Reading <?php the_title(); ?>" class="button">Continue Reading &raquo;</a></p>
            </div>
            <ul class="meta">
                <li class="categories"><?php the_category(', '); ?></li>
                <li class="author"><?php the_author_posts_link(); ?></li>
            </ul>
            <?php
        } else {
            ?>
            <header>
                <h1><a href="<?php the_permalink(); ?>" title="Continue Reading <?php the_title(); ?>"><?php the_title(); ?></a></h1>
                <ul>
                    <li><time datetime="<?php echo get_the_time('Y-m-d').'T'.get_the_time('H:i'); ?>" pubdate><?php echo get_the_time('jS F Y'); ?></time></li>
                    <li class="comments"><?php comments_number('0', '1', '%'); ?></li>
                </ul>
            </header>
            <?php if ($label != '') { ?><div class="label"><span><?php echo $label; ?></span><div class="label-corner"></div></div><?php } ?>
            <div class="content<?php echo ($label != '' ? ' has-label' : ''); ?>">
                <?php the_excerpt(); ?>
                <p><a href="<?php the_permalink(); ?>" title="Continue Reading <?php the_title(); ?>" class="button">Continue Reading &raquo;</a></p>
            </div>
            <ul class="meta">
                <li class="categories"><?php the_category(', '); ?></li>
                <li class="author"><?php the_author_posts_link(); ?></li>
            </ul>
        <?php
        }
        ?>
    </article>
    <?php   
}
?>

<!-- Nav: Pagination -->
<nav id="pagination">
    <ul>
        <li id="newer"><?php previous_posts_link('&laquo; Newer Entries') ?></li>
        <li id="older"><?php next_posts_link('Older Entries &raquo;') ?></li>
    </ul>
</nav>
<?php
} else {
    ?>
    <article class="full">
        <div class="content">
            <p>There are currently no posts.</p>
        </div>
    </article>
    <?php
}
?>

Also attached image. Thanks

nickc25

anyone able to help?

johanafm

You may only need to remove $count==1 + full featured part, and change %2 to %2 == 0.

nickc25

johanafm;10977654 wrote:
You may only need to remove $count==1 + full featured part, and change %2 to %2 == 0.

Thanks for the reply.

Changed the line to this:

But now getting a blank white page. (apart from the header showing up)

Thanks

bradgrafelman

Look at your condition:

$count %2 == 0 > 0

It should be obvious that it doesn't make sense... just read the last part out loud: "is equal to 0 is greater than 0". Pick one - not both!

nickc25

bradgrafelman;10977727 wrote:
Look at your condition:
$count %2 == 0 > 0
It should be obvious that it doesn't make sense... just read the last part out loud: "is equal to 0 is greater than 0". Pick one - not both!

Lol

Sorry I just followed advice from previous reply. Not sure what to do. So it should be %0 instead of %2?

Thanks

johanafm

No, it should be $count % 2 == 0, rather than $count % 2 > 0. The > 0 was superflous to begin with.

% is (more or less) the remainder on integer division. So, you have $count, which is integers, 1 .. N. 1 % 2 === 1, 2 % 2 === 0, 3 % 2 === 1, 4 % 2 === 0 etc.
Since the only value present > 0 is 1, and the only value not > 0 is 0, you get boolean true on 1 and boolean false on 0. But 0 allready casts to boolean false, and non-zero integers allready cast to boolean true. Therefor, > 0 was superflous since it doesn't change anything from having just if ($count % 2).

So, if you had a $count value of 1, 3, 5 etc, you'd get 'grid end', and on 2, 4, 6 etc you'd get 'grid'. But, since this code part would not execute for $count == 1 (which gave 'full featured' instead), you'd actually only get 'grid end' on 3, 5 etc.
So, in all, your code gave you:
'full featured' for 1st post.
'grid' for 2nd'
'grid end' for 3rd
'grid' for 4th
'grid end' for 5th
etc.

Since you now want to move the 1st post "into the grid", you can no longer issue grid end on uneven posts counts since that would give you one post on the first grid line, 2 on the second etc, and the only difference from before being that the initial post wasn't using the full page width, but rather just half of it. And, to change from uneven to even posts, you need to make % 2 be true when the remainder is 0, rather than false, hence == 0
if ($count % 2 == 0) gives
1 % 2 == 0 => 1 == 0 => false
2 % 2 == 0 => 0 == 0 => true
etc