Home

PJAX loads html from your server into the current page without a full page load. It’s ajax with real permalinks, page titles, and a working back button that fully degrades.

The idea is you can’t tell the difference between pjax page loads and normal page loads. On complicated sites, browsing just “feels faster.”

A Thematic child theme, Thematic PJAX is a drop in solution to creating asynchronous WordPress layouts. It looks and feels just like any Thematic project. However, as designed, content is dynamically loaded, while header and footer sections remain static, perfect for dynamic single page style layouts, all without the mess of #! hashbang URIs. Finally, page templates, widgets, and custom functions all work as expected.

Getting Started

  1. Install Thematic.
  2. Download and extract thematic-pjax in the WordPress themes folder.
  3. Add custom functionality in functions.php and style to taste within style.css.
  4. PJAX functionality is controlled by the Thematic navigation menu. To override this behavior, modify thematic-pjax.js.
  5. Activate the Thematic PJAX theme in the WordPress Dashboard.
  6. Still not convinced? Give PJAX a try below and try to navigate around with the menu.

View this example’s source code

Check the box to toggle pjax.
Whenever the time changes, a full page load has happened.
If the time doesn't change, no full page load has occurred.

               / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
               | It's 
               \_  ________________
        .--.     (  )
       /    \   ( )
      ## a  a  .
      (   `._)
       |`-- |
     _.\___/_   ______
   ."\> \Y/|<`.  `._.-`
  /  \ \_\/ /  `-` /
  | --`\_/|/ |   _/
  |___.-` |  |```
    |     |  |
    |    / `./
   /__./` | |
      \   | |
       \  | |
       ;  | |
       /  | |
 jgs  |___\_.\_
      `-"--`---`

github.com/wayoutmind/thematic-pjax