1

私は現在、'Gridly' wordpress テーマの修正版を使用して、自分用のポートフォリオ Web サイトを作成中です。現在のウェブサイトはこちらです。

現在、 「無限スクロール」プラグインを実装しようとしていますが、うまく動作しないようです。

ここにいる誰かがこの特定のプラグインに精通しているかどうかはわかりませんが、念のため、私が使用しているセレクターは次のとおりです。

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(); ?>

また、動作を Masonry/Isotope に設定し、プラグインが有効になっていることを確認しました。

誰かがこの問題を解決するのを手伝ってくれたら、とても感謝しています。私は (明らかに) Web 開発者ではありません。

4

2 に答える 2

1

本当の答えではありませんが、コメントするには長すぎます。あなたのリンクは HTML で少し厄介になり、aa がラップされますp(これは技術的には doctype で「合法的」ですが、良い考えではありません)。

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

a:firstがどのように標的にされることを意図しているのか、またはそれが何を指しているのかがわかりません。

于 2013-06-14T08:22:14.017 に答える