1

这次我的问题涉及 WordPress“阅读更多”链接。我让它正常运行，但不是让阅读更多打开一个新页面或 Fancybox 窗口，我想对其进行编码以打开手风琴。我将有一个包含 10 个帖子且没有存档列表的页面。也不会有上一个或下一个链接。它只是一个标准的 10 个帖子列表 这个想法是将每个帖子作为一个手风琴选项卡，显示更多标签之前的文本，当点击阅读更多时，它将展开该特定帖子。以下是我目前用于自定义循环的代码。提前致谢！

<script>
jQuery(document).ready(function() {
    jQuery('.more-link').before('<br/>');
});
</script>

<?php query_posts(array('post_type' => 'news&events', 'showposts' => 10, 'orderby' => 'post_date', 'order' => 'DESC')); ?>
<?php while (have_posts()) : the_post(); ?>

<div class="newsArticle">

    <div class="newsThumb">
        <?php the_post_thumbnail('news-featured'); ?> 
    </div>

    <div class="newsPostContent">

        <div class="newsTitleDate">
            <span class="newsTitle"><?php the_title(); ?></span> <span class="newsDate"><?php echo get_the_date(); ?></span>
            <div class="clear"></div>
        </div>

        <?php 
            global $more;
            $more = 0;
            the_content('<img src="' . get_bloginfo("template_directory") . '/img/readMore.png" alt="Read More" />');
        ?>

    </div>


    <img class="newsDivider" src="<?php echo get_template_directory_uri(); ?>/img/newsDividerLine.png" alt="Divider Line" />

</div>

<?php endwhile;  wp_reset_query(); ?>
4

1 回答 1

0

我在Read More Right Here 插件上取得了成功。它非常漂亮，但它允许在一个页面上扩展多个帖子。它的作用是<p>在包含您的阅读更多链接和其余帖子内容中的 AJAX 的元素内附加一个标签。您可以修改它以给插入<p>的类，并修改插件脚本以在扩展新帖子时隐藏所有其他（并重新切换更多链接文本）。

或者，作为概念证明，您可以构建循环以使用 jQuery UI 手风琴。这是一个小提琴，展示了它是如何完成的。

您可以指定手风琴将考虑的“标题”，然后它之后的 div 元素可以包含帖子内容。这消除了对 Read More 链接的需要，因为帖子内容已经被加载，并且只是被手风琴的性质所隐藏。

于 2012-09-18T15:45:16.317 回答