0

私はワードプレスにコードを持っており、バックエンドで提供する最初の8つのポートフォリオ画像を取得します。20個のポートフォリオアイテムの制限があるはずです。ボタンをさらにロードする必要があります。ボタンをクリックするたびに、さらに4個のポートフォリオアイテムをロードする必要があります。新しいアイテムにはajaxをロードする必要があります。

<?php
                $posts = get_posts(array(
                    'numberposts' => 8,
                    'post_status' => 'publish',
                    'post_type' => 'cases',
                    'hierarchial' => true,
                    'orderby' => 'menu_order',
                    'order' => 'ASC'
                ));


                $key = 0;

                if($posts){
                    foreach($posts as $post){
                        echo '<div class="portfolio-item-'.$key.'" data-nonce="'. $nonce .'">';
                            echo '<a href="#" rel="'.get_the_ID().'" class="portfolio-link">';
                                echo get_the_post_thumbnail($post->ID, 'portfolio-size');
                            echo '</a>';
                        echo '</a></div>'; /*END PORTFOLIO-item*/

                        $key ++;
                    }

                    echo '<div class="buttonmore">Click me to see more work</div>';
                }


            ?>
4

1 に答える 1

0

過去のプロジェクトで同じことを達成するために無限スクロールを使用しました。私はそれを試してみます。

https://github.com/paulirish/infinite-scroll

于 2012-11-12T16:28:57.080 に答える