2

こんにちは、js を使用して read more を追加したいと思います。read more をクリックすると、限られたコンテンツが表示されます。read more をクリックすると、同じページに完全な投稿が表示されます。

以下は私が使用しているコードです

     <?php if ( have_posts() ) : ?>

            <?php /* Start the Loop */ ?>
                <?php 
                    if ( get_query_var('paged') ) {
                        $paged = get_query_var('paged');
                    } elseif ( get_query_var('page') ) {
                        $paged = get_query_var('page');
                    } else {
                        $paged = 1;
                    }
                    query_posts( array( 'post_type' => 'post' , 'posts_per_page' => '3' ) );
                ?> <?php while ( have_posts() ) : the_post(); ?>
<div class="post-box img-polaroid row">
<h3 class="title-post text-left span3"><?php the_title(); ?></h3>

<div class="post-par span6 text-left"><?php the_content();?></div>

 <span class="span3 offset3 text-center" style="width:100%; margin:0px;">
 <button class="hear-more"></button>

</span>
</div>
<?php endwhile; ?>
     <?php endif; ?>`

続きを読むをクリックすると、完全な投稿が表示されます...

4

1 に答える 1

1

PHP制限投稿による：

$length_limit = 1000; //character
echo '<div class="summaryarticle">';
echo mb_substr(the_content(), 0, $length_limit);
echo '</div>';

echo '<input type="button" value="show more..." onclick="$(this).prev().hide(); $(this).next().show();" />';

echo '<div class="fullarticle" style="display:none">';
echo the_content();
echo '</div>';

注意:ページに jquery を含める必要があります。そうかもしれません。

于 2013-06-16T10:07:36.480 に答える