Question

所以我想要做的是有一个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];

＆GT;

然后我将此作为分页链接

<?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）来显示下一篇文章。我的目标是添加某种转换，但这并不像下一篇文章的显示那么重要。任何想法，甚至可能吗？

Answer 1

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

jcarousellite是它的名字，它雄伟壮观。 Heres是网站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中以使其看起来很性感。

Answer 2

用这个

替换中间的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>';
    }
  }
?>

Wordpress帖子滑块

2 个答案: