- \n
- Changing Posts to Suit Your Needs<\/a><\/li>\n
- Removing the Date from Your Posts<\/a><\/li>\n
- Publish Posts in Chronological Order<\/a><\/li>\n
- Use Categories for Your Chapters and Major Sections<\/a><\/li>\n
- Editing Chapter Structure (i.e. Categories)<\/a><\/li>\n
- A Plugin for Extra Help<\/a><\/li>\n
- Custom Menu Creation<\/a><\/li>\n
- Displaying All Sections<\/a><\/li>\n
- Ordering Your Posts in the Backend<\/a><\/li>\n
- Setting Up Your Time Stamps<\/a><\/li>\n
- An Example<\/a><\/li>\n
- Adding Previous & Next Navigation<\/a><\/li>\n
- Some Plugins to Consider<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Different Strokes for Different Folks<\/h2>\n
There are number of ways to go about turning WordPress into a suitable platform for an online book. At the most basic level, you will need to decide whether to make Posts, Pages, or Custom Posts your principle building block. There could be arguments made for each, but in this tutorial we\u2019re going to make regular WordPress Posts the primary building block \u2013 i.e. we\u2019re going to use Posts to publish the content of our book.<\/p>\n
It should also be noted that different people will have different preferences and different needs according to their situation. Some may have long chapters while others have many short chapters. Some may have a number of different sections in each chapter while others forgo chapter sections altogether. \u2026 And the list goes on.<\/p>\n
Therefore, the recommendations listed in this tutorial are just that \u2013 recommendations. You may have to change them to suit your particular case, but at the very least, they should give you some ideas.<\/p>\n
Why Posts?<\/h2>\n
The reason I chose to go with Posts for this tutorial is that you typically have more flexibility with Posts. \u00a0Of course you could get Pages and Custom Posts to pretty much be as flexible as Posts, but that would take some extra work.<\/p>\n
Building Your Site<\/h2>\n
OK, enough with all the disclaimers. Let\u2019s get to actually building the site.<\/p>\n
Changing Posts to Suit Your Needs<\/h3>\n
While Posts have a lot of flexibility, they come with two characteristics that you probably aren\u2019t going to want:<\/p>\n
- \n
- They usually have a date affixed to them.<\/li>\n
- They publish in reverse chronological order (i.e. the latest post appears first).<\/li>\n<\/ul>\n
Removing the Date from Your Posts<\/h3>\n
There may be a few exceptions (such as those writing a travelogue, for example), but most people will want to remove the date stamp from their posts. You can do this manually (take a look at this post<\/a>).<\/p>\n
Publish Posts in Chronological Order<\/h3>\n
As well as removing the date stamp from your posts, most will also want their posts to publish in chronological order (i.e. the first post stays at the top).<\/p>\n
Use Categories for Your Chapters and Major Sections<\/h3>\n
Perhaps the easiest way to organize all you content is, of course, with your categories function.<\/p>\n
If you are breaking your book into major sections (e.g. Part I, Part II, Part III, Part IV), then you will want to make categories for each of those.<\/p>\n
Under each of those categories, you will create a child category (aka sub-category) for each of your chapters in that part of the book. For example, I have created a hypothetical book with four major sections and twelve individual chapters.<\/p>\n
The outline for my hypothetical book looks like this:<\/p>\n
Part I \u2013 Birth (parent category)<\/strong><\/p>\n
- \n
- Chapter 1 \u2013 January (child category)<\/li>\n
- Chapter 2 \u2013 February (child category)<\/li>\n
- Chapter 3 \u2013 March (child category)<\/li>\n<\/ul>\n
Part II \u2013 Beginnings<\/strong><\/p>\n
- \n
- Chapter 4 \u2013 April<\/li>\n
- Chapter 5 \u2013 May<\/li>\n
- Chapter 6 \u2013 June<\/li>\n<\/ul>\n
Part III \u2013 The Thick of It<\/strong><\/p>\n
- \n
- Chapter 7 \u2013 July<\/li>\n
- Chapter 8 \u2013 August<\/li>\n
- Chapter 9 \u2013 September<\/li>\n<\/ul>\n
Part IV \u2013 The End<\/strong><\/p>\n
- \n
- Chapter 10 \u2013 October<\/li>\n
- Chapter 11 \u2013 November<\/li>\n
- Chapter 12 \u2013 December<\/li>\n<\/ul>\n
And here\u2019s how my category set-up looks in the backend.<\/p>\n
![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/categories-chapters.jpg\" "\\"categories-chapters\\"")
<\/a><\/p>\nEditing Chapter Structure (i.e. Categories)<\/h3>\n
Of course you\u2019ll want to plan things out in advance as much as possible, but one of the nice things about categories is that they are easy to edit. You can easily change a child category into a parent category or vice versa. You can also easily add new categories to your parent categories, make sub-sub categories, and more.<\/p>\n
Some will want to (or need to) pay more attention to categories and sub-categories than others. It all depends on what you want to achieve. However, at least some basic attention to this overall structure will give you a sound foundation behind the scenes. This sound foundation will allow you more flexibility down the road and make it easier for you to lead your visitors through your book in a logical way<\/strong> (or give them clear navigation so they can jump around as they like without getting lost).<\/p>\n
A Plugin for Extra Help<\/h3>\n
Writing is a messy business, and often you\u2019ll find that you need to add a section here or rearrange a few sections there. As you will be using your categories for the different chapters and sections on your site, that means you may want to rearrange them at some point. WordPress doesn\u2019t do this by default, but the Category Order and Taxonomy Terms Order<\/a>\u00a0plugin will allow you to do that.<\/p>\n
![\"Category](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/category-order-screenshots-1050x794.png\")
Category Order and Taxonomy Terms Order\u00a0screenshots.<\/figcaption><\/figure>\n Custom Menu Creation<\/h3>\n
Once you have your book\u2019s main sections and chapters laid out (i.e. your parent categories and child categories), you\u2019ll want to display them, so your visitors can clearly follow the flow of your text in the way you intended it to be followed.<\/p>\n
A sound category structure will give you the flexibility to take advantage of many things (too many to list here, or to even imagine), but perhaps the easiest way to put a clear, simple navigation menu on your site is to use the WordPress Custom Menus system<\/strong>. (Appearance > Menus)<\/strong><\/p>\n
When your categories are laid out logically in your backend, they will also appear logically in your Custom Menu system, making it easy to both create an original menu, as well as add new sections when needed.<\/p>\n
Take a look at how clearly everything is organized on my Custom Menu page.<\/p>\n
![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/custom-menu-creation.jpg\" "\\"custom-menu-creation\\"")
<\/a>From there it\u2019s easy to create an equally organized Custom Menu.<\/p>\n![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/chapters-custom-menu.jpg\" "\\"chapters-custom-menu\\"")
<\/a><\/p>\nI can then pull that Custom Menu into a widget on my sidebar. (Appearance > Widgets)<\/strong><\/p>\n
![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/sidebar-widget.jpg\" "\\"sidebar-widget\\"")
<\/a><\/p>\nAnd here\u2019s what it looks like in action.<\/p>\n
![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/sidebar-menu.jpg\" "\\"sidebar-menu\\"")
<\/a><\/p>\nDisplaying All Sections<\/h3>\n
Of course different people will have different needs, but one thing that may work for some is to also display ALL of your sections (i.e. all your posts) in one long column down the sidebar.<\/p>\n
There are a few things to note about this method. The first is that it will NOT separate your sections out into different chapters. It will simply list them all in an undifferentiated column. However, it will list your sections (your posts) in the correct order from beginning to end \u2013 as long as you have them ordered correctly in the backend. (More on that later.)<\/p>\n
You can do this by using the default \u201cRecent Posts\u201d widget and increasing the number of posts to a number that will be high enough to include the number of posts\/sections you have. (Appearance > Widgets)<\/strong><\/p>\n
![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/recent-posts-widget.jpg\" "\\"recent-posts-widget\\"")
<\/a>And here\u2019s what it looks like.<\/p>\n![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/all-sections.jpg\" "\\"all-sections\\"")
<\/a><\/p>\nOrdering Your Posts in the Backend<\/h3>\n
As stated at the beginning, one of the reasons to use Posts over Pages (or Custom Posts) is that they may afford the average user a little more flexibility out of the box. And one advantage that Posts have over Pages is that they are perhaps easier to order and reorder on a large scale \u2026 if you know the trick.<\/p>\n
So what\u2019s the trick?<\/p>\n
Well, Posts, as you probably know, are ordered by date. Whether you are going in chronological order or reverse chronological order, WordPress still looks at the date and the time on the post in order to determine how to arrange it in relation to all the other posts.<\/p>\n
Because of this, you can take advantage of time stamps to get your posts in the order you want them.<\/p>\n
Setting Up Your Time Stamps<\/h3>\n
If you write a post in WordPress and then publish it immediately, the post gets stamped as being published at that time. However, you can change the time stamp on your post to any date. You can control the time stamp on the Write\/Edit page or in the Edit Posts page.<\/p>\n
![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/edit-time-stamps.jpg\" "\\"edit-time-stamps\\"")
<\/a><\/p>\nWhen starting out, my suggestion would be to publish each post with a time stamp at least a day apart<\/strong>. In that way, you can easily add new sections anywhere into your existing list of sections. All you need to do is to pick a time stamp that rest between the time stamps of the posts on either side.<\/p>\n
An Example<\/h3>\n
So, let\u2019s say I\u2019m going to start posting a book to my site today (May 9 at 1 p.m.). I already have fifty different sections written that I want to post; therefore, I will want to set the time stamp on the first section to be fifty days in the past (March 10 at 1 p.m.). Then for the second section, I will set the time stamp to be for forty-nine days in the past (March 11 at 1 p.m.). And the third will be for forty-eight days in the past (March 12 at 1 p.m.), etc.<\/p>\n
In this way, if I decide that I want to add a section that comes after the first section but before the second section, I can then easily just pick a time stamp that rests between the two existing time stamps (i.e. AFTER March 10 at 1 p.m. yet BEFORE March 11 at 1 p.m.). So, for example, I might pick March 10 at 9 p.m. I still want to leave myself clear room on either side in case I decide to add another section.<\/p>\n
When I do this, my new section (my new post) automatically becomes the second section in my book, and it pushes the original second section to third \u2026 and on down the line for each other section.<\/p>\n
(Note: If you are using Custom Menus, then you may still need to manually add your new sections into your navigation, depending on how you\u2019ve set things up.)<\/p>\n
Adding Previous & Next Navigation<\/h3>\n
Something else you will no doubt want to do is to add \u201cPrevious and Next\u201d navigation links to the bottom of your posts. Some themes will come with these links included, but many don\u2019t, so we\u2019ll quickly go over how you can get them on your site.<\/p>\n
There are plugins you can search for that will do this for you, but you can also manually add a little bit of code to the bottom of your theme\u2019s single.php file. (Some themes these days call in a loop file to the single.php file, and so depending on your theme, you may want to place this code there instead.)<\/p>\n
There are different ways to determine exactly how your Previous and Next links display, and so you can check out more info on it at WordPress<\/a> if you like.<\/p>\n
In the meantime, we\u2019ll go over some code that should work for you. Place the following at the bottom of your single.php file. (Appearance > Editor > Single \u2013 single.php)<\/strong><\/p>\n
<?php previous_post('<< <<; %', '', 'yes'); ?> | <?php next_post('% >> >> ', '', 'yes'); ?><\/code><\/p>\n\u00a0<\/strong>It will output links for you like this:
![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/previous-next.jpg\" "\\"previous-next\\"")
<\/a><\/p>\nSome Plugins to Consider<\/h3>\n
I\u2019m sure there are tons of plugins out there that could help you present your online book in a better way, but I\u2019ll one that seems fairly fundamental. This is more for non-fiction books than fiction.<\/p>\n
A-Z Listing<\/strong><\/p>\n
The A-Z Listing<\/a> plugin\u00a0helps you create an index of your site much like a regular book would have.<\/p>\n
Here\u2019s a look at it in action.<\/p>\n
![\"a](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/a-to-z-listing-screenshot-1050x762.png\")
A-Z Listing screenshot.<\/figcaption><\/figure>\n Pagination<\/strong><\/p>\n
And finally, not a plugin, but a little built-in WordPress trick. You can also choose to break a very long post into multiple pages. It\u2019s a simple trick that you can learn here<\/a>.<\/p>\n
- Removing the Date from Your Posts<\/a><\/li>\n
![\"Post](\"https:\/\/wpmudev.com\/blog\/wp-content\/uploads\/2012\/05\/paginate.jpg\" "\\"paginate\\"")
<\/a><\/p>\n