我如何抓取我的wordpress帖子并让它们显示在FLEXSLIDER中？

大家好，我是HTML/CSS/JS的初学者，我正在尝试创建一个web应用程序（仅适用于手机），它可以抓取wordpress帖子并将其插入到类似FLEXSLIDER的滑块中。我希望我的用户能够浏览wordpress帖子，选择其中一篇，阅读完后，再浏览下一篇帖子

有人能帮我吗

如何将单个WORDPRESS帖子放入FLEXSLIDER并将滑块与WORDPRESS循环集成

---

如果您需要更多描述，请询问

首先，StackOverflow旨在帮助您编写代码，而不是为您编写代码。考虑到你以前从未在这里发布过帖子，我将毫无疑问地告诉你。将来，请给我们一些您尝试过的代码示例，并明确解释问题所在

至于集成你的文章与Flexslider，这应该是很容易的。我以前没有使用过这个插件，但我会根据Flexslider网站上的文档来尝试一下。这里有关于如何使用插件的良好说明：

首先，您需要确保在header.php文件的

标记中链接了必要的文件

如果将这些行放在文档头中，则可能需要调整路径以定位文件

<link rel="stylesheet" href="flexslider.css" type="text/css">
<script src="jquery.flexslider.js"></script>

接下来，您需要连接到flexslider，将下面的代码放在我刚才发布的两行代码之后的头部

<script type="text/javascript" charset="utf-8">
  $(window).load(function() {
    $('.flexslider').flexslider({
        touch: true, // to allow for touch controls
    });
  });
</script>

$（窗口）。加载（函数（）{
$（'.flexslider'）.flexslider({
touch:true，//允许触摸控制
});
});

然后需要将循环与滑块标记集成。您需要将下面的代码放入要在其上显示滑块的页面的模板文件中

<div class="flexslider">
<ul class="slides">

    <?php  
        $post_query = new WP_Query('post_type' => 'post');
        if($post_query->have_posts() ) : while($post_query->have_posts() ) : $post_query->the_post(); ?>

    <li>
        <?php the_title(); ?>
        <?php the_content(); ?>
    </li>

</ul>
</div>

<?php endwhile; ?>
<?php endif; ?>

---

在没有实际安装插件的情况下，并且只需要关闭文档，我认为这会起作用。如果你有任何问题，请告诉我。如果这项工作完成了，请接受我的回答

在模板文件中，您可以使用Flexslider使用的类设置标记（在我的例子中是

.Flexslider

），并将Wordpress循环插入其中。这里有一个例子

<div class="slider">
  <div id="slider" class="flexslider"> 
    <ul class="slides">
        <!-- THE POST LOOP -->
        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>     

            <li>

                // Pull whatever you need from your posts here.  Featured images, content, excerpts. 
                // An image and then some absolutely positioned divs etc. The world;s you oyster

            </li>

        <?php endwhile; endif: ?>                   
    </ul>
</div>          

//从你的帖子里找到你需要的东西。特色图片、内容、摘录。
//一个图像，然后是一些绝对定位的div等世界；你的牡蛎是什么

我假设您已经包含了Flexslider脚本和CSS，所以您可以像这样启动Flexslider（在header.php或footer.php中，或者在functions.php中将其排队，无论您最喜欢的处理onload脚本的方式是什么）

jQuery（window）.load（函数（）{
jQuery（'.flexslider'）.flexslider({
动画：“幻灯片”，
方向：“垂直”，
放松：“easeOutExpo”，
动画速度：“400”，
控制导航：错误
});
});                  

---

回答得好，安迪，你应该试一试，这是一项出色的工作：）谢谢。我倾向于更倾向于jQuery Cylce这样的东西，但我只是为插件添加了书签，以备将来参考！惊人的答案。通过对代码进行精心设计，它看起来应该可以工作。我会尽快告诉你的。

<script type="text/javascript">              
    jQuery(window).load(function() {
        jQuery('.flexslider').flexslider({
            animation: "slide", 
            direction: "vertical",
            easing: "easeOutExpo",
            animationSpeed: '400',
            controlNav: false 
    });
});