Thesis 2.1 Page Numbering

| January 13, 2014

(Warning: If you don’t use Thesis WordPress theme, ignore this post)

This post reminds me of why I originally created NJFM. NJFM serves as my memory. I know there are programs like Evernote and a host of other apps and software programs that could remind me of missed appointments and the like, but none of those apps work better for me than a good old-fashioned blog post. With blog posts I get to write detailed instructions that I can later retrieve and follow.

Many years ago I tried to write instructions and leave them on my hard drive, but for some reason I could never find them again. By putting the information here on NJFM, I can always find my notes  (I realize it’s not so easy for other folks to find things here because I’ve done a poor job of housekeeping and simplifying things. I’m fixin’ to change that. I can’t give you a date as to when I’ll clean things up, but it is high on my to do list).

My Thesis Memory Tutorial

As I work on consolidating my blogs I keep coming across little hiccups. One hiccup, or should I say peeve of mine is the fact that my WordPress theme, Thesis 2.1, does not provide page numbering out of the box. Clicking “Next” or “Previous” to read the plethora of blog pages is tedious. Instead I would like to see something like this:

Page Numbers

When I first encountered the problem, I moseyed over to the Thesis DIY site to see if I can either download a plugin or find the answer to my pagination problem. Unfortunately, all I found were solutions that worked for the older version of Thesis.

I looked a little deeper and found out how to add pagination to the comments by visiting here.  This fix works well for comments, but that wasn’t what I was looking for. In my more adventurous days I would have tried to play around with the code to make it work for my situation, but I’ve got too much on my plate right now and didn’t’ want to accidentally render the theme unusable (I’ve done that plenty of times).

For most of my blogs I used WP-Page Navi, but in order to use it with Thesis 2.1 there’s some configuring to do. I started to give the configuration a shot but realized my version of Thesis is different from the one in the tutorial I was using so again, I had to look for another option.

Wasting Time

Somewhat annoyed for having wasted so much time I ended up downloading Numbered Navigation by ThesisLove. This looked like the perfect solution to my pagination problem. I used their Amazon Cloud link and downloaded the page-nav.zip file.

After downloading the file I navigated to the Boxes page in the Thesis interface. I’m currently using Thesis version 2.1.6 and the interface looks like this (this is a note to self for when I try to do this 3 years from now).

Thesis Box Management

Once there I clicked “Upload Box,” navigated to page-navi.zip and clicked “Add Box.” Once it was added I clicked “OK.”

Upload Page Navi

After the file was uploaded, I checked the box next to Numbered Page Navigation and clicked “Save Boxes.”

Saved Numbered Page Navigation

First go around I didn’t check the box and wondered why the pagination didn’t work. I thought it was a redundant step, but apparently not.

Here’s where the fun begins. If you’re already familiar with Thesis 2.1, you know where I’m going next. If you’re new to it, the next few steps can be a little confusing (at least it wasn’t intuitive to me so I found it confusing).

Next I navigated to the Page HTML within Thesis. I accessed it by clicking “Editor” under the “Skin” menu option. By default you’ll be on the Home HTML configuration page. Click on the “Home” button to open various menu options. Select “Page” to access the Page HTML configuration page. Once there, scroll down to the Prev/Next box and click on the plus sign to open it. There you’ll see  2 purple boxes, Next Post Link and Previous Post Link.

Next Previous Post Link

You want to remove these two purple boxes. To do that you must depress the Shift key as you drag the boxes one at a time to the grey area at the top right of the page. That area is where you temporarily dispose of things you don’t want on the page. I say temporarily because if you later change your mind, you can always retrieve them. You will note by looking at the image, if you deposit these items in the pink area, they will be deleted forever once you save the template.

Temporary Trash

Now that you’ve removed the links, it’s time to retrieve the page navigation you want. To do that click the “Select a Box to add” field and scroll down until you see Numbered Page Navigation (by ThesisLove).

Numbered Page Navigation Selection

Select it and then click “Add Box.” Once the Purple Numbered Page Navigation box appears, Shift + drag it to the Prev/Next box that previously held the two links you discarded.

Page Navi in the Correct Place

Once it’s in place be sure to click the big green “Save Template” button in the top right hand corner of the screen. If you forget to save you’ll have to repeat the past few steps again (speaking from experience here).

Now we’re almost done. The code is in place and the pagination should display properly, right? Well, not so fast. If you test it out on your blog you’ll get the following “fatal error.” Wow, fatal error that sounds real serious doesn’t it?

Fatal Error

After the error, the software displays the path, file and line of code causing the error. This is the step that separates the Mufasas from the Simbas. You’ll need to actually go to your web server and locate the file indicated in the error. You can either use FTP or login using your hosting company’s interface (usually cpanel). When you find the file, open it and remove the following line of code:

$options = $thesis->api->get_options($this->_get_options(), $this->options);

It’s not hard to find since the fatal error tells you exactly which line the code is on. It’s squeezed in between the “Get Thesis Options” and “Start of HTML” comments.

Remove Code

Remove the code, save the file and you’re good to go. Now navigate over to your blog and admire your page numbers.

Another Note:

I’ve got several blogs using Thesis and I’ve uploaded the Page Navigation zip file to them all only to find two different renderings of the page numbers. The one I preferred appears as indicated in the image shown earlier in this post.  The numbers are formatted and enclosed in boxes. The other looked like this:

Unformatted Page Navi

It wasn’t until after I spent much time playing around in the code looking for never-found settings that I realized I downloaded two different versions of the Page-Navi file. One displayed formatted and the other didn’t. So, I uninstalled the one I didn’t want and replaced it with the format I preferred.

Another note to self: There are two ways to download the plugin. One using Amazon link and the other directly from ThesisLove’s own servers. Apparently I downloaded them both. I think the one from ThesisLove’s servers is the one with the formatting.Page Navi Files

Either way, I’ve got them both on my hard drive. I renamed one to indicate whether or not it’s the one I want to install.

Category: Blog

About the Author ()

Felicia A. Williams is a freelance writer and blogger. She spends the majority of her time with her family and writing. If she's not writing or commenting on NJFM, she's either outside smelling the roses or writing articles for one of her other sites.

Comments are closed.