Daha Fazla Yazı Tarzı Sayfalama [AJAX] | Wardom.Org

Daha Fazla Yazı Tarzı Sayfalama [AJAX]

Lacivert.

Forum Ustası
Son zamanlarda sık sık karşılaştığınız yeni nesil sayfalama eklentisinin wordpress için uyarlanmışını buldum paylaşayım dedim. Bir kaç ufak düzenleme ile birlikte bu eklentiyi blogunuza uygulayabilirsiniz.


Uygulamak istediğiniz sayfalarda aşağıdaki değişiklikleri yapmanız gerekmekte: (search.php,index.php,archive.php v.s


PHP:
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } else { ?>
<div class="wp-pagenavi"><div class="alignleft">
<?php next_posts_link('&laquo; Older Entries') ?></div>
<div class="alignright">
<?php previous_posts_link('Newer Entries &raquo;') ?></div>
</div>
<?php } ?>
Yukarıdaki kod sizin blogunuzda FARKLI olabilir benzerini bulun :)

Eklentiyi kurduktan sonra bu değişikliği yapalım son olarak :

Kod:
jQuery(document).ready(function($) {

    // The number of the next page to load (/page/x/).
    var pageNum = parseInt(pbd_alp.startPage) + 1;
    
    // The maximum number of pages the current query can return.
    var max = parseInt(pbd_alp.maxPages);
    
    // The link of the next page of posts.
    var nextLink = pbd_alp.nextLink;
    
    /**
     * Replace the traditional navigation with our own,
     * but only if there is at least one page of new posts to load.
     */
    if(pageNum <= max) {
        // Insert the "More Posts" link.
        $('#content')
            .append('<div class="pbd-alp-placeholder-'+ pageNum +'"></div>')
            .append('<p id="pbd-alp-load-posts"><a href="#">Diğer Yazılar</a></p>');
            
        // Remove the traditional navigation.
        $('.navigation').remove();
    }
    
    
    /**
     * Load new posts when the link is clicked.
     */
    $('#pbd-alp-load-posts a').click(function() {
    
        // Are there more posts to load?
        if(pageNum <= max) {
        
            // Show that we're working.
            $(this).text('Lütfen biraz sabır...');
            
            $('.pbd-alp-placeholder-'+ pageNum).load(nextLink + ' .post',
                function() {
                    // Update page number and nextLink.
                    pageNum++;
                    nextLink = nextLink.replace(/\/page\/[0-9]?/, '/page/'+ pageNum);
                    
                    // Add a new placeholder, for when user clicks again.
                    $('#pbd-alp-load-posts')
                        .before('<div class="pbd-alp-placeholder-'+ pageNum +'"></div>')
                    
                    // Update the button message.
                    if(pageNum <= max) {
                        $('#pbd-alp-load-posts a').text('Diğer Yazılar');
                    } else {
                        $('#pbd-alp-load-posts a').text('Başka yazı yok.');
                    }
                }
            );
        } else {
            $('#pbd-alp-load-posts a').append('.');
        }    
        
        return false;
    });
});
 
Üst