[Plugin: Infinite-Scrolling] How to configure it?

  • Hello world of navigators, I need your help.
    I tried to install the plugin Infinite-Scroll, but I can not figure out how to configure it, these are the required settings:

    Content Selector
    Navigation Selector
    Next Selector
    item Selector

    And this is the HTML code of my Homepage:

    <?php
/*
Template Name: Home
*/
?>
 <?php wp_enqueue_script("jquery"); ?>

 <?php get_header(); ?>

<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/scrollbar_style.js"></script>

<div id="content_home">
<?php if (have_posts()) : ?>

		<?php while (have_posts()) : the_post(); ?>

			<div id="post-<?php the_ID(); ?>" <?php if(function_exists('post_class')) : post_class(); else : echo 'class="post"'; endif; ?>>

				<h3 class="post-title">
					<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a>
				</h3>

				<?php the_content(__('&rsaquo; Continue reading')); ?>

				<?php the_tags('<p class="tags">Tags: ', ', ', '</p>'); ?>

				<?php edit_post_link('[edit post]', '<p>', '</p>'); ?>

				<div class="meta">
					<span class="meta-date"><?php the_time('l, F jS, Y'); ?></span>
					<span class="meta-categories"><?php the_category(', '); ?></span>
					<span class="meta-comments"><?php comments_popup_link(__('No Comments'), __('1 Comment'), __('% Comments')); ?></span>
				</div>

				<div class="clear"></div>

			</div>

		<?php endwhile; ?>

		<div class="box-left navigation">

        	<?php next_posts_link('&laquo; Previous Entries') ?> <?php previous_posts_link('Next Entries &raquo;') ?>

		</div>

		<?php else : ?>

		<div class="box-left" id="searchform">

			<h3>Not found!</h3>
			<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
			<?php include (TEMPLATEPATH . "/searchform.php"); ?>

		</div>

<?php endif; ?>

	  </div><!-- end content-left -->
</div>

<?php get_footer(); ?>

    How should I configure the plugin?
    I await your response, thank you all!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Brainstorming

    (@brainstorming)

    I’ve changed the HTML into:

    <div id="gray_colomn"> 

<div id="content_home"> 

<?php echo do_shortcode('[wpuf_addpost]') ?>
<?php if (have_posts()) : ?>

		<?php while (have_posts()) : the_post(); ?>

<div class="post"><div style="float: left;  !important; margin-right: 5px;"><p align="center"><br /><?php echo get_avatar( get_the_author_meta('ID'), 50 ); ?><br />
<?php the_author_posts_link(); ?></p></div>
<div style="float: left;  !important; margin-left: 5px;">
<br /><span style="color: black; font-size:14px; font-family:'Arial'"><br /><?php the_content(__('&rsaquo; Continue reading')); ?></span></div>
<p align="right">  <br /><span style="color: #989696; font-size:12px; font-family:'Arial'"><?php the_time('M j, g:i a'); ?></span></p><br />

<img src="https://brainstorming.altervista.org/Images/minimal/divisor.jpg" /></div>
<?php endwhile;?>
	<div id="navigation">
		<div class="box-left navigation">
<a href="/page/2/">Next Page</a>
        	</div>
		</div>

		<?php else : ?>

		<div class="box-left" id="searchform">

			<h3>Not found!</h3>
			<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
			<?php include (TEMPLATEPATH . "/searchform.php"); ?>

		</div>

<?php endif; ?>

	  </div></div>

    And I tried to insert this options:

    Content Selector: #content_home
    Navigation Selector: #navigation
    Next Selector: #navigation .box-left navigation a:first
    item Selector: #content _home .post

    But that’s the result: https://oi43.tinypic.com/ev1abc.jpg

    Thread Starter Brainstorming

    (@brainstorming)

    no one
    ?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Plugin: Infinite-Scrolling] How to configure it?’ is closed to new replies.

Tags