web-dev-qa-db-fra.com

Comment créer une charge plus d'entrées de post comme Twitter?

Hé les gars, ces derniers jours, j'ai essayé de comprendre comment faire cela. Comme lu sur http://net.tutsplus.com/tutorials/javascript-ajax/create-a-Twitter-like-load-more-widget/ mais à l'intérieur de wordpress. Et je suis enfin arrivé avec une solution, peut-être pas la meilleure, mais j’espère que vous pourrez améliorer mon code et le poster ici, tout comme je le fais. N'hésitez pas à l'utiliser où vous voulez. (mes compétences de codage sont vraiment mauvaises alors

Vous devez d’abord inclure jquery sur votre en-tête.

Insérez ce code sur la page où vous voulez afficher les articles:

<?php
session_start();
$number_of_posts = 3;
if (!$_SESSION['posts_start']) { $_SESSION['posts_start'] = 0; }
$_SESSION['posts_start'] = $_SESSION['posts_start'] ? $_SESSION['posts_start'] : $number_of_posts;
$total_posts = wp_count_posts('post');
$total_posts = $total_posts->publish;
?>
<script type="text/javascript">
    jQuery(document).ready(function(){
        var initialPosts = <?php echo my_get_posts(0, 5); ?>;
        var postHandler = function(postsJSON) {     
            jQuery.each(postsJSON,function(i,post) {
                // Salva as variáveis de cada post
                var postURL = post.permalink;
                var postCOMMENTS = post.comments;
                var postTITLE = post.title;
                var postDATE = post.date;
                var postAUTHOR = post.author;

                // Coloca as variáveis na lista                 
                jQuery(".lista-artigos")
                .append("<li><span class=\"comentarios-artigo\">" + postCOMMENTS + "</span><h2><a href=\"" + postURL +"\">" + postTITLE + "</a></h2><span class=\"data-artigo\">Postado em " + postDATE +  " por " + postAUTHOR + "</span></li>")
            }); 
        };

        postHandler(initialPosts);
        var totalposts = <?php echo $total_posts; ?>;
        var start = <?php echo $_SESSION['posts_start']; ?>;
        var desiredPosts = <?php echo $number_of_posts; ?>;
        jQuery('#load-more').click(function(){
            jQuery('#load-more').removeClass('carregar').addClass('ativado').text('Loading...');
            jQuery.ajax({
                url: 'http://yoursite/wp-content/themes/yourtheme/mais-posts.php',
                data: {
                    'start': start,
                    'desiredPosts': desiredPosts
                },
                type: 'get',
                dataType: 'json',
                cache: false,
                success: function(responseJSON) {
                    jQuery('#load-more').text('Load More');
                    start += desiredPosts;
                    postHandler(responseJSON);
                },
                error: function() {
                    jQuery('#load-more').text('Ops! Try Again.');
                },
                complete: function() {
                    jQuery('#load-more').removeClass('ativado').addClass('carregar');
                    if (totalposts <= start) { jQuery('#load-more').hide(); }
                }
            });
        });
    });
</script>

Créez un fichier php dans votre dossier de thèmes (le mien s'appelle mais-posts.php) avec le code suivant:

<?php
    require( '../../../wp-load.php' );

    if(isset($_GET['start'])) {
        echo my_get_posts($_GET['start'], $_GET['desiredPosts']);
        $_SESSION['posts_start'] += $_GET['desiredPosts'];
        exit();
    }
?>

J'espère que cela pourra aider quiconque cherche quelque chose comme ça.

Donc, si vous avez des suggestions concernant ce code, veuillez poster ci-dessous.

postsjqueryajaxread-more
1
Vitor Argos

Pour commencer, voir AJAX dans les plugins . WordPress a son propre mécanisme de traitement de la requête Ajax et c’est ce que vous devriez utiliser avec plus de wp-load.php.

3
Rarst