在模态中的wordpress帖子中添加下一个和上一个按钮

Posted

技术标签:

【中文标题】在模态中的wordpress帖子中添加下一个和上一个按钮【英文标题】:Adding next and previous button in wordpress post inside a modal 【发布时间】:2015-04-08 21:02:09 【问题描述】:

我使用 bootstrap 框架创建了一个 wordpress 主题,当用户单击帖子时,而不是转到单个帖子页面,模式会弹出并显示帖子的内容。

我的问题是我需要添加一个下一个/上一个按钮,所以当用户点击它时,模式会关闭,另一个会弹出下一个帖子的内容。

这是我的代码:

content.php

<a href="#myModal-<?php the_ID(); ?>" data-toggle="modal" class="clickme readmore text-right">Read more</a>

    <div id="myModal-<?php the_ID(); ?>" class="modal fade"><?php include 'popup-modal.php'; ?>     </div>

popup-modal.php

<div class="modal-dialog">
<div class="modal-content">

POST CONTENT HERE.......

<div class="nav-links">
<div class="nav-previous">
<a href="#" rel="prev" data-dismiss="modal" data-toggle="modal"></a>
</div>
<div class="nav-next">
<a href="#" rel="next" data-dismiss="modal" data-toggle="modal"></a>
</div>
</div>

</div>
</div>

现在我不确定在导航链接的 href 上放什么,所以我可以调用下一个帖子并将其显示在模式中。我希望有人可以帮助我解决这个问题。

【问题讨论】:

【参考方案1】:

这是我的解决方案:

<?php $next_post = get_adjacent_post(false,'',false);?>
<?php $previous_post = get_adjacent_post(false,'',true);?>   

然后,导航输出:

<div class="navigation row">
<div class="col-md-6">
    <?php if($next_post->ID != ''): ?>
        <a href="#myModal-<?php echo $next_post->ID; ?>" data-toggle="modal" >
            <button type="button" class="btn btn-default m-t-30">Previous</button>
        </a>
    <?php endif; ?>
</div>
<div class="col-md-6">
    <?php if($previous_post->ID != ''): ?>
        <a href="#myModal-<?php echo $previous_post->ID;  ?>" data-toggle="modal" >
            <button type="button" class="btn btn-default m-t-30">Next</button>
        </a>
    <?php endif; ?>
</div>

【讨论】:

【参考方案2】:

试试这样的

 <div class="next-page"><?php next_posts_link( 'Next Page<i class=""></i>' ); ?></div>

我已经在自己的网站中使用了它,我希望它能满足您的要求。您需要将其直接添加到您的模板中

【讨论】:

不是这个,我需要它在模态框内,这样当用户点击它时,模态框就会关闭,另一个会弹出下一篇文章的内容。 您可以在模态框内添加它。但我通常会使用带有 bootstrsps 按钮样式的“”标签。然后你可以在那里输出类似 #myMidal- (或geht_the_ID()+1)

以上是关于在模态中的wordpress帖子中添加下一个和上一个按钮的主要内容,如果未能解决你的问题,请参考以下文章

如何在 xcode 的 MPMoviePlayerController 中添加下一个/上一个按钮/控件?

WordPress 下一组/上一组帖子不适用于我的主题

如何在幻灯片中添加下一个/上一个按钮

wordpress中自定义帖子类型的分页

使用 Excel VBA 添加下一个或上一个字母

php Wordpress后导航/页面导航(下一篇,上一篇,旧帖子,较新的帖子)