Skip to content

I took the popular underscores theme from Automattic and added pjax to handle all of the link requests. pjax is a jQuery plugin that uses ajax and pushState to deliver a fast browsing experience with real permalinks, page titles, and a working back button.

Notifications You must be signed in to change notification settings

LinzardMac/underscores-pjaxified

Repository files navigation

This is the pjaxified version of the '_s' theme created by Automattic. pjax is a jQuery plugin that uses ajax and pushState to deliver a fast browsing experience with real permalinks, page titles, and a working back button.

What is changed?

*All instances of get_header() and get_footer() in your front end theme files have been replaced with pjax_header() and pjax_footer() - these are functions found in your functions.php file that tell WordPress not to load the document headers if you are getting that page via a pjax request. This is beneficial because it allows you to continue to use your permalinks as per normal and creates a smooth fall back for browsers who do not support it.

  • included pjax library. The pjax library and initiation of your pjax code can be found in jquery.pjax.js
  • added some HTML markup to theme files for "loading" message

How does it work? We use pjax ( https://github.com/defunkt/jquery-pjax ) to take over all page links that bring you to another page within your website and tell the browser to use a pjax request. If the browser does not detect a pjax request (because the browser does not support it or it was a direct link) then it will display the normal WordPress themed page as per usual.

How can I customize it? All of the pjax options are extended options using the

Build Status

_s

Hi. I'm a starter theme called _s, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.

My ultra-minimal CSS might make me look like theme tartare but that means less stuff to get in your way when you're designing your awesome theme. Here are some of the other more interesting things you'll find here:

  • A just right amount of lean, well-commented, modern, HTML5 templates.
  • A helpful 404 template.
  • A sample custom header implementation in inc/custom-header.php that can be activated by uncommenting one line in functions.php and adding the code snippet found in the comments of inc/custom-header.php to your header.php template.
  • Custom template tags in inc/template-tags.php that keep your templates clean and neat and prevent code duplication.
  • Some small tweaks in inc/extras.php that can improve your theming experience.
  • A script at js/navigation.js that makes your menu a toggled dropdown on small screens (like your phone), ready for CSS artistry. It's enqueued in functions.php.
  • 2 sample CSS layouts in layouts/ for a sidebar on either side of your content.
  • Smartly organized starter CSS in style.css that will help you to quickly get your design off the ground.
  • Licensed under GPLv2 or later. :) Use it to make something cool.

Getting Started

If you want to keep it simple, head over to http://underscores.me and generate your _s based theme from there. You just input the name of the theme you want to create, click the "Generate" button, and you get your ready-to-awesomize starter theme.

If you want to set things up manually, download _s from GitHub. The first thing you want to do is copy the _s directory and change the name to something else (like, say, megatherium), and then you'll need to do a five-step find and replace on the name in all the templates.

  1. Search for '_s' (inside single quotations) to capture the text domain.
  2. Search for _s_ to capture all the function names.
  3. Search for Text Domain: _s in style.css.
  4. Search for  _s (with a space before it) to capture DocBlocks.
  5. Search for _s- to capture prefixed handles.

OR

  • Search for: '_s' and replace with: 'megatherium'
  • Search for: _s_ and replace with: megatherium_
  • Search for: Text Domain: _s and replace with: Text Domain: megatherium in style.css.
  • Search for:  _s and replace with:  Megatherium
  • Search for: _s- and replace with: megatherium-

Then, update the stylesheet header in style.css and the links in footer.php with your own information. Next, update or delete this readme.

Now you're ready to go! The next step is easy to say, but harder to do: make an awesome WordPress theme. :)

Good luck!

About

I took the popular underscores theme from Automattic and added pjax to handle all of the link requests. pjax is a jQuery plugin that uses ajax and pushState to deliver a fast browsing experience with real permalinks, page titles, and a working back button.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published