Cómo agregar jQuery Infinite Desplácese a Mi página de archivo personalizada

4

Actualmente tengo una página de archivo personalizada que muestra mi publicación actual en la parte superior y luego enlaza a todas mis publicaciones anteriores debajo de eso. Sin embargo, tengo que dividir la página para que muestre la publicación actual y luego debajo de las publicaciones de los meses actuales. Quiero usar el complemento de desplazamiento infinito de jQuery para mostrar las publicaciones más antiguas mes a mes a medida que se desplazan hacia abajo en la página en la que se cargan automáticamente las publicaciones del mes siguiente.

Aquí está mi código que tengo que mostrar la publicación actual:

<?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>

Aquí está el código que tengo para mostrar mis publicaciones anteriores:

<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>  

¿Cómo puedo dividir la sección del código de publicaciones anteriores para que, de forma predeterminada, solo retire las publicaciones de los meses actuales y luego, a medida que se desplazan hacia abajo, mostrará automáticamente las publicaciones de los meses anteriores y luego, cuando se desplacen más, se mostrará automáticamente? ¿Deseas mostrar el mes anterior a las publicaciones?

Quiero usar el complemento jQuery infinite scroll para hacer esto.

Cualquier ayuda es apreciada.

¡Gracias!

    
pregunta Jeremy 19.11.2012 - 22:12

1 respuesta

1

¿Supongo que esta es una página o plantilla de página de algún tipo? Tenía una necesidad similar, por lo que presenté un parche en el complemento Infinite scrollin para la inclusión de un nuevo filtro% código%. De forma predeterminada, el complemento no se carga en ninguna publicación / página en singular, pero con este filtro puedes alternarlo para que se cargue donde quieras.

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

Por supuesto, los scripts de inicialización aún tienen que funcionar ... es decir, sus selectores deben ser correctos.

    
respondido por el helgatheviking 04.02.2013 - 02:04

Lea otras preguntas en las etiquetas