-1

所以我想要做的是有一个 wordpress 内容区域，当点击链接时会显示下一篇文章。我有这个作为我的帖子查询

<?php
$args = array();
$lastposts = get_posts( $args );
foreach ( $lastposts as $post )
{
  setup_postdata( $post );
  $posts[] += $post->ID;
}
$current = array_search(get_the_ID(), $posts);
$prevID = $posts[$current-1];
$nextID = $posts[$current+1];

?>

然后我把它作为分页链接

<?php if (!empty($prevID)) { ?>
    <li class="previous">
    <a class="panel" href="<?php echo get_permalink($prevID); ?>" title="<?php echo get_the_title($prevID); ?>">&larr; Older</a>
    </li>
 <?php }
 if (!empty($nextID)) { ?>
    <li class="next">
    <a class="panel" href="<?php echo get_permalink($nextID); ?>" title="<?php echo get_the_title($nextID); ?>">Newer &rarr;</a>
    </li>
 <?php } ?>

我不知道如何告诉帖子的内容（the_permalink、the_content）来显示下一个帖子。我的目标是添加某种过渡，但这并不像出现下一篇文章那么重要。任何想法，甚至可能吗？

4

2 回答 2

0

用这个替换中间的li

<?php 
  $thumbnails = get_posts('numberposts=5');
  foreach ($thumbnails as $thumbnail) {
    if ( has_post_thumbnail($thumbnail->ID)) {
      echo '<li><a href="' . get_permalink( $thumbnail->ID ) . '" title="' . esc_attr( $thumbnail->post_title ) . '">';
      echo get_the_post_thumbnail($thumbnail->ID, 'medium');
      echo '</a></li>';
    }
  }
?>
于 2013-11-13T02:26:29.907 回答
0

我一直讨厌旋转木马和滑块，但这个特殊的滑块一直是我的首选，因为它超级简单且非常可定制。

jcarousellite 是它的名字，它雄伟壮观。这里是网站http://www.gmarwaha.com/jquery/jcarousellite/

如果您对 css 有基本的了解，您会喜欢这个，但这里有一个示例模型。

<head>
<title>Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="http://www.gmarwaha.com/jquery/jcarousellite/js/jcarousellite_1.0.1.js"></script>
</head>
<body>
<button class="prev"><<</button>
<button class="next">>></button>

<div class="anyClass">
    <ul>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
        <li><img src="someimage" alt="" width="100" height="100" ></li>
    </ul>
</div>

<script type="text/javascript">
$(function() {
    $(".anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev"
    });
});
</script>
</body>

在此，我至少会在您的服务器上托管 jcarousellite.js 文件，因为那里有很多设置可以玩，比如一次显示 1 张图像，但我希望这对您有所帮助！别忘了你可以在按钮上添加 id 让它们看起来不错，并将所有东西都包裹在 css 中让它看起来很性感。

于 2013-11-12T22:16:36.823 回答