Continue Reading

Figure 3.30. A prominent date and Continue Reading button are more pragmatic features

Figure 3.31. To facilitate sharing, here The Loop includes Tweet This and Short URL links
Figure 3.32. Further design possibilities include large feature images and textured backgrounds

Pagination

Wherever posts are listed, WordPress will automatically split the list into pages if there are more than a set amount. The pagination controls are the links that allow users to navigate back and forth through these list pages. The pagination control is usually placed at the bottom of the page, after The Loop, but often it might feature at both the top and bottom. It can be made up of Next and Previous links, as in Figure 3.33, or a numbered list of pages, as in Figure 3.34.

Figure 3.33. A simple Next/Previous pagination control

Figure 3.33. A simple Next/Previous pagination control

Figure 3.34. A more complex pagination system

These examples highlight that you need to consider more than just the appearance of the pagination controls: you also need to think about how they'll work. The standard Next/Previous links work well for simple sites and keep the design tidy, but when you have a large amount of content, it's advisable to give users a more direct way to find older content, rather than hitting the Previous button 20 times in a row.

Comments

WordPress's comment system is a big draw for publishers, so you should definitely pay attention to this part of your theme! For many sites it will be the primary point of engagement between the site and its readers, so it's worth spending a little extra time designing it.

There are two components to the comment system that need to be addressed in a theme. The first is the form that visitors will use to post comments, featuring the name, email address, website URL, and, of course, comment text fields.

The examples inFigure 3.35 to Figure 3.38 show approaches to the form's design, ranging from the extremely simple to the more complex.

Figure 3.35. A simple and clearly laid-out comment form

Figure 3.36. Now for a more personal feel

Figure 3.35. A simple and clearly laid-out comment form

Figure 3.36. Now for a more personal feel

Figure 3.37. Note this form's email notification checkbox and required fields

Email'address: - (I'll-never share it nor display it)

Website URL '

Website URL '

I Remember my personal information

I Remember my personal information

H Notify me of follow-up comments

Was this article helpful?

0 0

Post a comment