AJAX page load for Wordpress

Question

Recently, I came across this website . There, when you click on a portfolio item, you see is a loading text which has covered the item you clicked and the page loads below the header. It doesn't even leave the page to go to the other page.

How can this be achieved. My WordPress site here , I've the look but only the ajax is left. Please help me out if you can, I really have no idea where to go from here :(

I've used the same image from this website . Just for working, will upload mine once done.

Answer 1

There are various plugins available on WordPress plugins repository which will ajaxify your website.

• Advanced AJAX Page Loader
• Ajaxify WordPress Site

Only thing you need to do is configure the plugin setting properly by specifying the ID of main page content and rest will be taken care by plugin itself.

There is also a jquery plugin available ie PJAX which you can use and implement as per your requirements.

Hope it helps you.