php - ホームページワードプレスの2列

Question

次の構造のメイン ページに 2 つの列を残すように wordpress テンプレートを変更します。

ただし、最初の 4 つはカテゴリのもので、最後の 4 つは別のカテゴリのものです

インデックス コードは次のとおりです。

http://pastebin.com/dMC0saBN

ページは（列は作成されますが、投稿を繰り返すだけです。並べ替えやフィルタリングは行われていません）

crossfitlascondes.cl

Answer 1

私が思いついた解決策は、ページ上に 2 つのループを作成し、1 つを右の列に、もう 1 つを左の列に で区切ることでした。そのため、他の列に干渉することなく、各ループのコードを個別に処理できます。

インデックスのコードは次のとおりです。

    <?php get_header();?>
<div id="contentslide">
    <?php
        include(TEMPLATEPATH . '/slide.php');
        ?>
</div>
<?php
    get_sidebar();
    ?>
<div id="content">
    <div class="clear">
    </div>
    <div id="contentleft">
    <div id="noticias">Noticias</div> 
    <?php if ( is_home() ) { query_posts($query_string . '&cat=-27'); } ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        <div class="postleft" id="post-<?php
            the_ID();
            ?>">
            <div class="title">
                <h2><a href="<?php
                    the_permalink();
                    ?>" rel="bookmark" title="Permanent Link to <?php
                    the_title();
                    ?>"><?php
                    the_title();
                    ?></a></h2>
            </div>
            <div class="postmeta">
                <span class="author">Posted by <?php
                    the_author();
                    ?> </span> <span class="clock">  <?php
                    the_time('M - j - Y');
                    ?></span> <span class="comm"><?php
                    comments_popup_link('0 Comment', '1 Comment', '% Comments');
                    ?></span>
            </div>
            <div class="entry">
                <?php
                    if (has_post_thumbnail()) {
                    ?>
                <a href="<?php
                    the_permalink();
                    ?>"><img class="postimgleft" src="<?php
                    bloginfo('stylesheet_directory');
                    ?>/timthumb.php?src=<?php
                    get_image_url();
                    ?>&amp;h=150&amp;w=200&amp;zc=1" alt=""/></a>
                <?php
                    } else {
                    }
                    ?>
                <?php
                    wpe_excerpt('wpe_excerptlength_index', '');
                    ?>
                <div class="clear">
                </div>
            </div>
        </div>
    <?php
        endwhile;
    ?>
    <?php 
        endif; 
    ?>
    <?php
        wp_reset_query();
        ?>
    <div class="navigation">
        <div class="alignleft"><?php previous_posts_link('&laquo; Previous Entries') ?></div>
        <div class="alignright"><?php next_posts_link('Next Entries &raquo;','') ?></div>
    </div>

    </div>
    <div id="contentright">
    <div id="wod">WOD Diario</div>  
    <?php if ( is_home() ) { query_posts($query_string . '&cat=27&'); } ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
        <div class="postright" id="post-<?php
            the_ID();
            ?>">
            <div class="title">
                <h2><a href="<?php
                    the_permalink();
                    ?>" rel="bookmark" title="Permanent Link to <?php
                    the_title();
                    ?>"><?php
                    the_title();
                    ?></a></h2>
            </div>
            <div class="postmeta">
                <span class="author">Posted by <?php
                    the_author();
                    ?> </span> <span class="clock">  <?php
                    the_time('M - j - Y');
                    ?></span> <span class="comm"><?php
                    comments_popup_link('0 Comment', '1 Comment', '% Comments');
                    ?></span>
            </div>
            <div class="entry">
                <?php
                    if (has_post_thumbnail()) {
                    ?>
                <a href="<?php
                    the_permalink();
                    ?>"><img class="postimgright" src="<?php
                    bloginfo('stylesheet_directory');
                    ?>/timthumb.php?src=<?php
                    get_image_url();
                    ?>&amp;h=150&amp;w=200&amp;zc=1" alt=""/></a>
                <?php
                    } else {
                    }
                    ?>
                <?php
                    wpe_excerpt('wpe_excerptlength_index', '');
                    ?>
                <div class="clear">
                </div>
            </div>
        </div>

    <?php
        endwhile;
        ?>
    <div class="clear"></div>
    <?php
        else:
        ?>
    <h1 class="title">Not Found</h1>
    <p>Sorry, but you are looking for something that isn't here.</p>
    <?php
        endif;
        ?>
    <div class="navigation">
        <div class="alignleft"><?php previous_posts_link('&laquo; Previous Entries') ?></div>
        <div class="alignright"><?php next_posts_link('Next Entries &raquo;','') ?></div>
    </div>
    <?php
        wp_reset_query();
        ?>
    </div>
</div>
<?php
    get_footer();
    ?>

コードCSS（要約）は

#content {
    float:left;
    width: 665px;
    height:100%;
    padding:10px 0px 0px 0px;
    margin:23px 0px 0px 15px;
    display:inline;
    overflow:hidden;

    }

#contentleft {
    float:left;
    width: 50%;
    height:100%;
    display:inline;
    overflow:hidden;

    }

#contentright {
    float:left;
    width: 44%;
    margin-left: 23px;
    height:100%;
    display:inline;
    overflow:hidden;

    }

#contentslide {
    float:left;
    width: 665px;
    height:100%;
    padding:10px 0px 0px 0px;
    margin:35px 0px 0px 15px;
    display:inline;
    overflow:hidden;

    }