Спойлер

среда, 9 апреля 2014 г.

Ajax pagination Wordpress (Аякс пагинация на сайте Вордпресс)

http://designaeon.com/blog/2012/05/wordpress-ajax-pagination/

ordPress Ajax Pagination:

Converting WordPress Pagination to ajax pagination is very easy.You just need to Edit a file in your wordpress theme.It is actually a quite simple ajax load method of the jquery which is used for this wordpress ajax pagination.For  This pagination to work Your wordpress installation must have included Jquery library as this wordpress ajax pagination works on Jquery ajax load method.

WordPress Ajax pagination ::include Jquery

So to Include Jquery if not Included by default ,Just open header.php file of
- See more at: http://designaeon.com/blog/2012/05/wordpress-ajax-pagination/#sthash.aUN51cc0.dpuf

WordPress Ajax Pagination:

Converting WordPress Pagination to ajax pagination is very easy.You just need to Edit a file in your wordpress theme.It is actually a quite simple ajax load method of the jquery which is used for this wordpress ajax pagination.For  This pagination to work Your wordpress installation must have included Jquery library as this wordpress ajax pagination works on Jquery ajax load method.
WordPress Ajax pagination ::include Jquery



So to Include Jquery if not Included by default ,Just open header.php file of your wordpress theme.Then Find  wp_head() function,and add the line below just above the wp_head() function.

WordPress Ajax Pagination:

Converting WordPress Pagination to ajax pagination is very easy.You just need to Edit a file in your wordpress theme.It is actually a quite simple ajax load method of the jquery which is used for this wordpress ajax pagination.For  This pagination to work Your wordpress installation must have included Jquery library as this wordpress ajax pagination works on Jquery ajax load method.

WordPress Ajax pagination ::include Jquery

So to Include Jquery if not Included by default ,Just open header.php file of your wordpress theme.Then Find  wp_head() function,and add the line below just above the wp_head() function.

Wp Ajax Pagination::Adding script to header.php

Now Jquery is included we just include the The script below in header.php right after the wp_head() function.This function check when a pagination link is clicked then it just stop the current action and perform the ajax load .keep in mind just inspect the pagination div and content div with the help of firefox firebug plugin or just view source to find out the respective id’s of content div and pagination div.In this case the pagination div has id=’Pagination’ and content div has id=’content’ .Change it with yours.Also here is loader div which is hidden by default while we perform ajax load then the loader shows and after getting the data from the ajax load this loader div hides.You could place any gif animation inside the loader div.
This Script Simply convert the your existing wordpress pagination to the Ajax pagination.The script just just the content area part via ajax load method and put it in content area of current page.Wow That was very easy.So Doing these small steps convert wordpress pagination to the Ajax Pagination.Now you have ajax pagination in wordpress fast and easy.
tnx for visiting designaeon.com .Please hit share and like if you find the content useful.Just comment if any problem found.
- See more at: http://designaeon.com/blog/2012/05/wordpress-ajax-pagination/#sthash.aUN51cc0.dpuf

WordPress Ajax Pagination:

Converting WordPress Pagination to ajax pagination is very easy.You just need to Edit a file in your wordpress theme.It is actually a quite simple ajax load method of the jquery which is used for this wordpress ajax pagination.For  This pagination to work Your wordpress installation must have included Jquery library as this wordpress ajax pagination works on Jquery ajax load method.

WordPress Ajax pagination ::include Jquery

So to Include Jquery if not Included by default ,Just open header.php file of your wordpress theme.Then Find  wp_head() function,and add the line below just above the wp_head() function.

Wp Ajax Pagination::Adding script to header.php

Now Jquery is included we just include the The script below in header.php right after the wp_head() function.This function check when a pagination link is clicked then it just stop the current action and perform the ajax load .keep in mind just inspect the pagination div and content div with the help of firefox firebug plugin or just view source to find out the respective id’s of content div and pagination div.In this case the pagination div has id=’Pagination’ and content div has id=’content’ .Change it with yours.Also here is loader div which is hidden by default while we perform ajax load then the loader shows and after getting the data from the ajax load this loader div hides.You could place any gif animation inside the loader div.
This Script Simply convert the your existing wordpress pagination to the Ajax pagination.The script just just the content area part via ajax load method and put it in content area of current page.Wow That was very easy.So Doing these small steps convert wordpress pagination to the Ajax Pagination.Now you have ajax pagination in wordpress fast and easy.
tnx for visiting designaeon.com .Please hit share and like if you find the content useful.Just comment if any problem found.
- See more at: http://designaeon.com/blog/2012/05/wordpress-ajax-pagination/#sthash.aUN51cc0.dpuf

<?php wp_enqueue_script("jquery"); ?>

Wp Ajax Pagination::Adding script to header.php

Now Jquery is included we just include the The script below in header.php right after the wp_head() function.This function check when a pagination link is clicked then it just stop the current action and perform the ajax load .keep in mind just inspect the pagination div and content div with the help of firefox firebug plugin or just view source to find out the respective id’s of content div and pagination div.In this case the pagination div has id=’Pagination’ and content div has id=’content’ .Change it with yours.Also here is loader div which is hidden by default while we perform ajax load then the loader shows and after getting the data from the ajax load this loader div hides.You could place any gif animation inside the loader div.

<script type="text/javascript">
 jQuery('#Pagination a').live('click', function(e){ //check when pagination link is clicked and stop its action.
 e.preventDefault();
 var link = jQuery(this).attr('href'); //Get the href attribute
 jQuery('#content').fadeOut(500, function(){ //fade out the content area
jQuery("#loader").show(); // show the loader animation
 }).load(link + ' #content', function(){ jQuery('#content').fadeIn(500, function(){ //load data from the content area from paginator link page that we just get from the top
jQuery("#loader").hide(); //hide the loader
 }); });
 });
 </script>

This Script Simply convert the your existing wordpress pagination to the Ajax pagination.The script just just the content area part via ajax load method and put it in content area of current page.Wow That was very easy.So Doing these small steps convert wordpress pagination to the Ajax Pagination.Now you have ajax pagination in wordpress fast and easy.
tnx for visiting designaeon.com .Please hit share and like if you find the content useful.Just comment if any problem found. - See more at:

Wp Ajax Pagination::Adding script to header.php

Now Jquery is included we just include the The script below in header.php right after the wp_head() function.This function check when a pagination link is clicked then it just stop the current action and perform the ajax load .keep in mind just inspect the pagination div and content div with the help of firefox firebug plugin or just view source to find out the respective id’s of content div and pagination div.In this case the pagination div has id=’Pagination’ and content div has id=’content’ .Change it with yours.Also here is loader div which is hidden by default while we perform ajax load then the loader shows and after getting the data from the ajax load this loader div hides.You could place any gif animation inside the loader div.
- See more at: http://designaeon.com/blog/2012/05/wordpress-ajax-pagination/#sthash.aUN51cc0.dpuf

WordPress Ajax Pagination:

Converting WordPress Pagination to ajax pagination is very easy.You just need to Edit a file in your wordpress theme.It is actually a quite simple ajax load method of the jquery which is used for this wordpress ajax pagination.For  This pagination to work Your wordpress installation must have included Jquery library as this wordpress ajax pagination works on Jquery ajax load method.

WordPress Ajax pagination ::include Jquery

So to Include Jquery if not Included by default ,Just open header.php file of your wordpress theme.Then Find  wp_head() function,and add the line below just above the wp_head() function.

Wp Ajax Pagination::Adding script to header.php

Now Jquery is included we just include the The script below in header.php right after the wp_head() function.This function check when a pagination link is clicked then it just stop the current action and perform the ajax load .keep in mind just inspect the pagination div and content div with the help of firefox firebug plugin or just view source to find out the respective id’s of content div and pagination div.In this case the pagination div has id=’Pagination’ and content div has id=’content’ .Change it with yours.Also here is loader div which is hidden by default while we perform ajax load then the loader shows and after getting the data from the ajax load this loader div hides.You could place any gif animation inside the loader div.
This Script Simply convert the your existing wordpress pagination to the Ajax pagination.The script just just the content area part via ajax load method and put it in content area of current page.Wow That was very easy.So Doing these small steps convert wordpress pagination to the Ajax Pagination.Now you have ajax pagination in wordpress fast and easy.
tnx for visiting designaeon.com .Please hit share and like if you find the content useful.Just comment if any problem found.
- See more at: http://designaeon.com/blog/2012/05/wordpress-ajax-pagination/#sthash.aUN51cc0.dpuf
Автор: на
Ярлыки: ,

Комментариев нет:

Отправить комментарий

Подписаться на: Комментарии к сообщению (Atom)