0

職業という分類法を持つ組織のスタッフ メンバー用のカスタム投稿タイプがあります。easytabs を使用して、メンバーごとに異なる職業に分類された写真のマトリックスを表示しています。ユーザーが写真をクリックすると (タブ ナビゲーション)、適切な情報がパネルに表示され、アニメーションで表示されます。

ページ全体の各タブ コンテナー div に 4 つのメンバーしか収まらず、5 番目のメンバーがタブ レイアウトを壊します。

コンテナーごとに 4 つのスタッフ メンバーのみをプルし、次に次の 4 つをプルするループが必要です。

これは私がこれまでに持っているコードです...

<div class="team_content">
            <?php
                $custom_terms = get_terms('profession');

                foreach($custom_terms as $custom_term) {
                    wp_reset_query();
                        $args = array('post_type' => 'team_members',
                            'tax_query' => array(
                                array(
                                    'taxonomy' => 'profession',
                                    'field' => 'slug',
                                    'terms' => $custom_term->slug,
                                ),
                            ),
                         );

                         $loop = new WP_Query($args);
                         if($loop->have_posts()) {
                            echo '<h2>'.$custom_term->name.'</h2>'; //displays the profession

                            echo '<div class="tab-collapsible-container">';
                                echo '<ul>';

                            while($loop->have_posts()) : $loop->the_post(); //first sub-loop

                                //extract field names from metaboxes
                                $salutation = get_post_meta( $post->ID, '_cmb_salutation', true );
                                $title = $salutation.' '.get_the_title();
                                $full_title = get_the_title();
                                $title_link = str_replace(' ','',$full_title); 
                                $final_title_link = strtolower($title_link);

                                echo '<li><a href="#'.$final_title_link.'">';
                                the_post_thumbnail("team-member");
                                echo '<h4>'.$title.'</h4></a></li>';

                            endwhile;

                                echo '</ul>';

                            rewind_posts();

                            echo '<div class="panel-container">';

                            while($loop->have_posts()) : $loop->the_post();

                                //extract field names from metaboxes
                                $profession = get_post_meta( $post->ID, '_cmb_profession', true );
                                $qualifications = get_post_meta( $post->ID, '_cmb_qualifications', true );
                                $services_url = get_post_meta( $post->ID, '_cmb_services_url', true );
                                $full_title2 = get_the_title();
                                $title_link2 = str_replace(' ','',$full_title2); 
                                $final_title_link2 = strtolower($title_link2);

                                echo '<div id="'.$final_title_link2.'" class="member_info">';
                                    echo '<h4>'.$profession.' '.$qualifications.'</h4>';
                                    the_content();
                                    echo '<a href="'.$services_url.'" class="button2">Visit Service Page</a>'; //Services page link
                                echo '</div>';

                            endwhile;

                            echo '</div>'; //panel-container

                            }

                        echo '</div>'; //tab-collapsible-container

                        }
                    ?>



        </div><!-- .team_content -->

@anstrangel0ver さん、素早い返信ありがとうございます。ループ全体で counter & % 演算子を試しましたが、成功しませんでした。次のように、生鮮食品の次のコードの行に沿ったものになると思います...

// FIRST LOOP: display posts 1 thru 5
<?php query_posts('showposts=5'); ?>
<?php $posts = get_posts('numberposts=5&offset=0'); foreach ($posts as $post) :     start_wp(); ?>
<?php static $count1 = 0; if ($count1 == "5") { break; } else { ?>

<?php the_title(); ?>
<?php the_content(); ?>

<?php $count1++; } ?>
<?php endforeach; ?>


// SECOND LOOP: display posts 6 thru 10
<?php query_posts('showposts=5'); ?>
<?php $posts = get_posts('numberposts=5&offset=5'); foreach ($posts as $post) : start_wp(); ?>
<?php static $count2 = 0; if ($count2 == "5") { break; } else { ?>

<?php the_title(); ?>
<?php the_content(); ?>

<?php $count2++; } ?>
<?php endforeach; ?>

// 3 番目のループ: など .................

これを私のループに適用してすべてを正しく保つ方法がわからないだけです。

4

1 に答える 1

0

うーん、これはそこにある厄介なビジネスrewind_posts()です。まず、カスタム WP_Query を特定の数の投稿で進めることができる関数を作成します。

function offset_posts($loop, $offset) {
    $post_counter = 0;
    while ($loop->have_posts() && ($post_counter < $offset) {
        $loop->next_post();
        $post_counter++;
    }
}

次に、スタッフ メンバーの出力コードを、一度に 4 人のスタッフ メンバーの 1 つのブロックを書き込むことができる関数に取り込みます。

function output_staff_members($loop, $offset, $number_to_output = 4) {
    // skip posts until we get to $offset
    offset_posts($loop, $offset);

    $post_counter = 0;
    while ($loop->have_posts() && ($post_counter < $number_to_output)) :  //first sub-loop
        $loop->the_post();
        $post_counter++;

        //extract field names from metaboxes
        $salutation = get_post_meta( $post->ID, '_cmb_salutation', true );
        $title = $salutation.' '.get_the_title();
        $full_title = get_the_title();
        $title_link = str_replace(' ','',$full_title); 
        $final_title_link = strtolower($title_link);

        echo '<li><a href="#'.$final_title_link.'">';
        the_post_thumbnail("team-member");
        echo '<h4>'.$title.'</h4></a></li>';

    endwhile;

    echo '</ul>';

    $loop->rewind_posts();
    offset_posts($loop, $offset);

    echo '<div class="panel-container">';

    $post_counter = 0;
    while ($loop->have_posts() && ($post_counter < $number_to_output)) :  //second sub-loop
        $loop->the_post();
        $post_counter++;

        //extract field names from metaboxes
        $profession = get_post_meta( $post->ID, '_cmb_profession', true );
        $qualifications = get_post_meta( $post->ID, '_cmb_qualifications', true );
        $services_url = get_post_meta( $post->ID, '_cmb_services_url', true );
        $full_title2 = get_the_title();
        $title_link2 = str_replace(' ','',$full_title2); 
        $final_title_link2 = strtolower($title_link2);

        echo '<div id="'.$final_title_link2.'" class="member_info">';
            echo '<h4>'.$profession.' '.$qualifications.'</h4>';
            the_content();
            echo '<a href="'.$services_url.'" class="button2">Visit Service Page</a>'; //Services page link
        echo '</div>';

    endwhile;

    echo '</div>'; //panel-container

    return $post_counter;
}

最後に、すべてのスタッフ メンバーを出力するのに十分な回数だけ、その新しい関数を呼び出す必要があります。

<div class="team_content">
        <?php
            $custom_terms = get_terms('profession');

            foreach($custom_terms as $custom_term) {
                wp_reset_query();
                    $args = array('post_type' => 'team_members',
                        'tax_query' => array(
                            array(
                                'taxonomy' => 'profession',
                                'field' => 'slug',
                                'terms' => $custom_term->slug,
                            ),
                        ),
                     );

                     $loop = new WP_Query($args);
                     if($loop->have_posts()) {
                        echo '<h2>'.$custom_term->name.'</h2>'; //displays the profession

                        echo '<div class="tab-collapsible-container">';
                        echo '<ul>';

                        // NEW CODE HERE:
                        $post_counter = 0;
                        while ($post_counter < $loop->$post_count) {
                            $post_counter += output_staff_members($loop, $post_counter);
                        }

                     }

                     echo '</div>'; //tab-collapsible-container

                 }
            ?>



    </div><!-- .team_content -->

それがうまくいくことを願っています！

于 2013-04-09T17:20:24.753 に答える