JQuery Каменная кладка и бесконечный свиток в Wordpress

Question

Я сейчас в процессе создания портфолио для себя, используя модифицированную версию темы Wordpress 'Gridly'. Here's the current website.

Прямо сейчас я пытаюсь реализовать 'infinite scroll' plugin, но я не могу заставить его работать.

Я не уверен, что если кто-нибудь здесь знакомы с этим конкретным плагиным, но только в том случае, селекторы, которые я использую являются:

Content Selector: #post-area 
Navigation Selector: .view-older 
Next Selector: .view-older a:first 
Item Selector: .post 

Я не могу сказать, что код будет отношение к посту здесь, но вот что index.php содержит:

<?php get_header(); ?> 

<?php if (have_posts()) : ?> 
<div id="post-area"> 
<?php while (have_posts()) : the_post(); ?> 

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
    <?php if (has_post_thumbnail()) { ?> 
    <div class="gridly-image"><a href="<?php the_permalink() ?>"><?php the_post_thumbnail('summary-image'); ?></a></div> 
     <div class="gridly-category"><p><?php the_category(', ') ?></p></div> 

     <?php } ?> 
      <div class="gridly-copy"><h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2> 
      <p class="gridly-date"><?php the_time(get_option('date_format')); ?> </p> 

<?php the_excerpt(); ?> 

      <p class="gridly-link"><a href="<?php the_permalink() ?>"></a></p> 
    </div> 
    </div> 



<?php endwhile; ?> 
</div> 
<?php else : ?> 
<?php endif; ?> 

<?php next_posts_link('<p class="view-older">View Older Entries</p>') ?> 


<?php get_footer(); ?> 

Я также установить поведение масонство/изотоп, и убедился, что плагин активирован.

Если бы кто-нибудь мог помочь мне решить эту проблему, я бы очень ее оценил. Я (явно) не веб-разработчик, поэтому, пожалуйста, несите меня, если это звучит глупо.

Answer 1

На самом деле это не ответ, но это слишком долго для комментария. Ваша ссылка заканчивается немного вялой в HTML, с a, обернутой вокруг p (которая, хотя технически «легальная» с вашим типом doctype, не является хорошей идеей).

<a href="http://www.finlaydownes.com/page/2/" ><p class="view-older">View Older Entries</p></a> 

Не знаю, как a:first предназначаются, чтобы быть адресными, или то, что он относится.

Answer 2

Я сделал это! В интересах любого, кто мог бы столкнуться с одной и той же проблемой, именно так я решил это:

Во-первых, по какой-то причине эта тема включала функцию «просмотр старых сообщений», но она не включала «просмотр новых сообщений» ' один. Я решил эту проблему путем копирования

<?php next_posts_link('<p class="view-older">View Older Entries</p>') ?> 

и оба creaing в DIV вокруг ссылки, и добавив еще одну строку кода, так что в нем говорится

<div ="navigation> 
<?php next_posts_link('<p class="view-older">View Older Entries</p>') ?> 
<?php previous_posts_link('<p class="view-newer">View Newer Entries</p>') ?> 
</div> 

Далее, я изменил бесконечные селекторы прокрутки

Content Selector: #post-area 
Navigation Selector: #navigation 
Next Selector: #navigation a:first 
Item Selector: #post-area .post 

Надеюсь, это поможет, если кто-либо еще столкнется с подобной проблемой. :)