Como adicionar o jQuery Infinite Rolar para a minha página de arquivo personalizado

4

Atualmente, tenho uma página de arquivo personalizada que exibe minha postagem atual na parte superior e, em seguida, vincula a todas as minhas postagens antigas abaixo dela. No entanto, eu preciso dividir a página para que ele exiba a postagem atual e, em seguida, abaixo dos posts dos meses atuais. Eu quero usar o plug-in de rolagem infinita do jQuery para exibir postagens mais antigas mês a mês enquanto elas rolam para baixo na página e carregam automaticamente as postagens do mês seguinte.

Aqui está o meu código que eu tenho que mostrar o post atual:

<?php get_header(); ?>
    <div id="members-msg" class="para-element" data-offset="-0.1">
        <div class="third fleft">
            <?php
            global $post;
            $tmp_post = $post;
            $args = array( 'numberposts' => 1, 'category' => 6 );
            $myposts = get_posts( $args );
            foreach( $myposts as $post ) : setup_postdata($post); ?>
                <a href="<?php the_permalink(); ?>"><h2><?php the_title(); ?></h2></a>
                <?/* <?php the_excerpt(); ?> */?>
                <?php the_content();?>
            <?php endforeach; ?>

        </div>
        <div class="twothirds fright">
            <div id="slider-con">
                <ul id="slider">
                    <?php 
                    $args = array( 'post_type' => 'attachment', 'numberposts' => -1, 'post_status' => null, 'post_parent' => $post->ID ); 
                    $attachments = get_posts($args);
                    if ($attachments) {
                        foreach ( $attachments as $attachment ) {
                            echo '<li>';
                            the_attachment_link( $attachment->ID , 'full' );
                            echo '</li>';
                        }
                    }
                    ?>

                </ul>
                            <?php $post = $tmp_post; ?>
            </div>
        </div>
    </div>
</div>
</div>

Aqui está o código que tenho para exibir minhas postagens antigas:

<div id="reason-header" class="row-fluid">
<div class="parallax">
    <div class="para-element" data-offset="-0.3">
        <h3>Browse <span>Our</span> Archives</h3>
    </div>
    <div id="reasons-hdr" class="para-image" data-offset="-0.8">
    </div>
</div>
</div>
<div id="all-posts">
<div class="content">
    <?php
     global $post;
     $tmp_post = $post;
     $myposts = get_posts('numberposts=-1&category=6&orderby=date&order=DESC');
     foreach($myposts as $post) :
    ?>
    <?php 
        setup_postdata($post);
                $size = 'thumb';
                $images = get_children(array(
                'post_type' => 'attachment',
                'numberposts' => 1,
                'post_status' => null,
                'post_parent' => $post->ID));
                foreach($images as $image){
                $attachment = wp_get_attachment_image_src($image->ID, $size);
                ?>
                <div class="rea-con" style="background: url(<?php echo   
$attachment[0]; ?>) no-repeat center center;">  
                    <h4><a href="<?php the_permalink(); ?>" title="<?php the_title();?>"><?php the_title(); ?></a></h4>
                </div>
               <?php } ?>
        <?php endforeach; ?>
    <?php $post = $tmp_post; ?>
</div>
</div>  

Como posso dividir a seção de posts mais antigos de modo que, por padrão, ele apenas retire os posts dos meses atuais e, quando eles rolam para baixo, exibirá automaticamente as postagens dos meses anteriores e, em seguida, rolará mais para baixo automaticamente exibir o mês antes de serem postadas?

Eu quero usar o plugin de rolagem infinita do jQuery para fazer isso.

Qualquer ajuda é apreciada.

Obrigado!

    
por Jeremy 19.11.2012 / 22:12

1 resposta

1

Eu suponho que este é um modelo de página ou página de algum tipo? Eu tinha uma necessidade semelhante, então enviei um patch para o plug-in de rolagem Infinite para a inclusão de um novo filtro% código%. Por padrão, o plug-in não é carregado em nenhuma postagem / página singular, mas com esse filtro você pode alterná-lo para carregar onde quiser.

function wpa_73217($load){
  if(is_page_template('my_special_template.php'))
       $load = true;
  return $load;
} 
add_filter('infinite_scroll_load_javascript', 'wp_73217');

Claro, seus scripts de inicialização ainda precisam funcionar ... ou seja, os selecionadores precisam estar corretos.

    
por helgatheviking 04.02.2013 / 02:04