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 プラグイン で成功しました。非常に洗練されていますが、1 ページに複数の投稿を展開できます。それは<p>、Read More リンクを含む要素内にタグを追加し、投稿コンテンツの残りの部分に AJAX を追加することです。それを変更して挿入され<p>たクラスを提供し、プラグイン スクリプトを修正して、新しい投稿を展開するときに他のすべてを非表示にする (および詳細リンク テキストを再度切り替える) ことができます。

あるいは、概念実証として、jQuery UI アコーディオンで動作するようにループを構成することもできます。これがどのように行われるかを示すフィドルです。

アコーディオンが「ヘッダー」と見なすものを指定し、その後の div 要素に投稿コンテンツを含めることができます。これにより、投稿コンテンツが既に読み込まれており、アコーディオンの性質によって隠されているだけなので、[続きを読む] リンクが不要になります。

于 2012-09-18T15:45:16.317 に答える